/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles/main.scss?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug Include any custom web components (e.g. core-appframe-topbar) */ *:where(:not(core-appframe-topbar, html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } *:active, * :focus { outline: none !important; } *.white-bgr { background-color: var(--mxd-greyscale-white); } .fps-input { /* reset */ -webkit-appearance: none; appearance: none; outline: none; border: none; /* shape */ border-radius: 4px; padding: 10px 12px; width: auto; /* border + soft top highlight + subtle shadow */ height: 100%; border: 1px solid var(--mxd-grey-200); color: #0b1727; font: inherit; } /* disabled (optional) */ .fps-input:disabled { background: #f5f7fa; color: #7a8594; cursor: not-allowed; } .fps-input::placeholder { color: var(--mxd-grey-200); } /* numbers: hide spinners (optional) */ input.fps-input[type=number]::-webkit-outer-spin-button, input.fps-input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input.fps-input[type=number] { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; } :root { --border-radius: 8px; --soft-shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.16); --box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); } :root { --mxd-moodys-blue: #0a1264; --mxd-moodys-blue-rgb: 10, 18, 100; --mxd-moodys-bright-blue: #005eff; --mxd-moodys-bright-blue-rgb: 0, 94, 255; --mxd-moodys-teal: #008c95; --mxd-moodys-teal-rgb: 0, 140, 149; --mxd-moodys-purple: #5c068c; --mxd-moodys-purple-rgb: 92, 6, 140; --mxd-moodys-red: #ba0c2f; --mxd-moodys-red-rgb: 186, 12, 47; --mxd-moodys-light-green: #78be20; --mxd-moodys-light-green-rgb: 120, 190, 32; --mxd-moodys-yellow: #fdda25; --mxd-moodys-yellow-rgb: 253, 218, 37; --mxd-moodys-magenta: #d9017a; --mxd-moodys-magenta-rgb: 217, 1, 122; --mxd-moodys-orange: #e35205; --mxd-moodys-orange-rgb: 227, 82, 5; --mxd-greyscale-black: #000000; --mxd-greyscale-black-rgb: 0, 0, 0; --mxd-greyscale-white: #ffffff; --mxd-greyscale-white-rgb: 255, 255, 255; --mxd-greyscale-extra-light-grey: #f0f0f1; --mxd-greyscale-extra-light-grey-rgb: 240, 240, 241; --mxd-greyscale-light-grey: #c8c9c7; --mxd-greyscale-light-grey-rgb: 200, 201, 199; --mxd-greyscale-medium-grey: #9c9fa1; --mxd-greyscale-medium-grey-rgb: 156, 159, 161; --mxd-greyscale-dark-grey: #53565a; --mxd-greyscale-dark-grey-rgb: 83, 86, 90; --mxd-blue-100: #e7e7f0; --mxd-blue-100-rgb: 231, 231, 240; --mxd-blue-200: #cfd0e1; --mxd-blue-200-rgb: 207, 208, 225; --mxd-blue-300: #b8b9d2; --mxd-blue-300-rgb: 184, 185, 210; --mxd-blue-400: #a2a2c4; --mxd-blue-400-rgb: 162, 162, 196; --mxd-blue-500: #8b8cb5; --mxd-blue-500-rgb: 139, 140, 181; --mxd-blue-600: #7677a7; --mxd-blue-600-rgb: 118, 119, 167; --mxd-blue-700: #606299; --mxd-blue-700-rgb: 96, 98, 153; --mxd-blue-800: #4a4d8c; --mxd-blue-800-rgb: 74, 77, 140; --mxd-blue-900: #35397e; --mxd-blue-900-rgb: 53, 57, 126; --mxd-blue-1000: #0a1264; --mxd-blue-1000-rgb: 10, 18, 100; --mxd-blue-1100: #11174f; --mxd-blue-1100-rgb: 17, 23, 79; --mxd-blue-1200: #040826; --mxd-blue-1200-rgb: 4, 8, 38; --mxd-bright-blue-100: #deebff; --mxd-bright-blue-100-rgb: 222, 235, 255; --mxd-bright-blue-200: #bed6ff; --mxd-bright-blue-200-rgb: 190, 214, 255; --mxd-bright-blue-300: #9dc1ff; --mxd-bright-blue-300-rgb: 157, 193, 255; --mxd-bright-blue-400: #7bacff; --mxd-bright-blue-400-rgb: 123, 172, 255; --mxd-bright-blue-500: #5996ff; --mxd-bright-blue-500-rgb: 89, 150, 255; --mxd-bright-blue-600: #347fff; --mxd-bright-blue-600-rgb: 52, 127, 255; --mxd-bright-blue-700: #005eff; --mxd-bright-blue-700-rgb: 0, 94, 255; --mxd-bright-blue-800: #0052e0; --mxd-bright-blue-800-rgb: 0, 82, 224; --mxd-bright-blue-900: #0044b7; --mxd-bright-blue-900-rgb: 0, 68, 183; --mxd-bright-blue-1000: #003590; --mxd-bright-blue-1000-rgb: 0, 53, 144; --mxd-bright-blue-1100: #00276a; --mxd-bright-blue-1100-rgb: 0, 39, 106; --mxd-bright-blue-1200: #001a46; --mxd-bright-blue-1200-rgb: 0, 26, 70; --mxd-grey-100: #f0f0f1; --mxd-grey-100-rgb: 240, 240, 241; --mxd-grey-200: #d7d8d7; --mxd-grey-200-rgb: 215, 216, 215; --mxd-grey-300: #bfc0bf; --mxd-grey-300-rgb: 191, 192, 191; --mxd-grey-400: #a6a9aa; --mxd-grey-400-rgb: 166, 169, 170; --mxd-grey-500: #8f9294; --mxd-grey-500-rgb: 143, 146, 148; --mxd-grey-600: #75787b; --mxd-grey-600-rgb: 117, 120, 123; --mxd-grey-700: #646669; --mxd-grey-700-rgb: 100, 102, 105; --mxd-grey-800: #4f5153; --mxd-grey-800-rgb: 79, 81, 83; --mxd-grey-900: #3c3d3f; --mxd-grey-900-rgb: 60, 61, 63; --mxd-grey-1000: #292b2c; --mxd-grey-1000-rgb: 41, 43, 44; --mxd-grey-1100: #181919; --mxd-grey-1100-rgb: 24, 25, 25; --mxd-grey-1200: #000000; --mxd-grey-1200-rgb: 0, 0, 0; --mxd-red-100: #f8e5e9; --mxd-red-100-rgb: 248, 229, 233; --mxd-red-200: #f1cbd3; --mxd-red-200-rgb: 241, 203, 211; --mxd-red-300: #eab1bd; --mxd-red-300-rgb: 234, 177, 189; --mxd-red-400: #e297a6; --mxd-red-400-rgb: 226, 151, 166; --mxd-red-500: #da7c8f; --mxd-red-500-rgb: 218, 124, 143; --mxd-red-600: #d25f76; --mxd-red-600-rgb: 210, 95, 118; --mxd-red-700: #c93f5a; --mxd-red-700-rgb: 201, 63, 90; --mxd-red-800: #ba0c2f; --mxd-red-800-rgb: 186, 12, 47; --mxd-red-900: #9c0a28; --mxd-red-900-rgb: 156, 10, 40; --mxd-red-1000: #7c0820; --mxd-red-1000-rgb: 124, 8, 32; --mxd-red-1100: #5d0618; --mxd-red-1100-rgb: 93, 6, 24; --mxd-red-1200: #3c071d; --mxd-red-1200-rgb: 60, 7, 29; --mxd-orange-100: #fbe6da; --mxd-orange-100-rgb: 251, 230, 218; --mxd-orange-200: #f7ccb5; --mxd-orange-200-rgb: 247, 204, 181; --mxd-orange-300: #f2b18f; --mxd-orange-300-rgb: 242, 177, 143; --mxd-orange-400: #ee9667; --mxd-orange-400-rgb: 238, 150, 103; --mxd-orange-500: #e9783d; --mxd-orange-500-rgb: 233, 120, 61; --mxd-orange-600: #e35205; --mxd-orange-600-rgb: 227, 82, 5; --mxd-orange-700: #c64809; --mxd-orange-700-rgb: 198, 72, 9; --mxd-orange-800: #a53e0e; --mxd-orange-800-rgb: 165, 62, 14; --mxd-orange-900: #863313; --mxd-orange-900-rgb: 134, 51, 19; --mxd-orange-1000: #672917; --mxd-orange-1000-rgb: 103, 41, 23; --mxd-orange-1100: #4a1f1c; --mxd-orange-1100-rgb: 74, 31, 28; --mxd-orange-1200: #2c1520; --mxd-orange-1200-rgb: 44, 21, 32; --mxd-yellow-100: #fdf3bd; --mxd-yellow-100-rgb: 253, 243, 189; --mxd-yellow-200: #fbe575; --mxd-yellow-200-rgb: 251, 229, 117; --mxd-yellow-300: #fdda25; --mxd-yellow-300-rgb: 253, 218, 37; --mxd-yellow-400: #e2c222; --mxd-yellow-400-rgb: 226, 194, 34; --mxd-yellow-500: #c7ab21; --mxd-yellow-500-rgb: 199, 171, 33; --mxd-yellow-600: #ad9422; --mxd-yellow-600-rgb: 173, 148, 34; --mxd-yellow-700: #937e22; --mxd-yellow-700-rgb: 147, 126, 34; --mxd-yellow-800: #7a6923; --mxd-yellow-800-rgb: 122, 105, 35; --mxd-yellow-900: #625423; --mxd-yellow-900-rgb: 98, 84, 35; --mxd-yellow-1000: #4b4023; --mxd-yellow-1000-rgb: 75, 64, 35; --mxd-yellow-1100: #342e23; --mxd-yellow-1100-rgb: 52, 46, 35; --mxd-yellow-1200: #1c1c22; --mxd-yellow-1200-rgb: 28, 28, 34; --mxd-light-green-100: #ddf0ce; --mxd-light-green-100-rgb: 221, 240, 206; --mxd-light-green-200: #bce097; --mxd-light-green-200-rgb: 188, 224, 151; --mxd-light-green-300: #9bcf5d; --mxd-light-green-300-rgb: 155, 207, 93; --mxd-light-green-400: #78be20; --mxd-light-green-400-rgb: 120, 190, 32; --mxd-light-green-500: #6aa81c; --mxd-light-green-500-rgb: 106, 168, 28; --mxd-light-green-600: #5d9319; --mxd-light-green-600-rgb: 93, 147, 25; --mxd-light-green-700: #507e15; --mxd-light-green-700-rgb: 80, 126, 21; --mxd-light-green-800: #436a12; --mxd-light-green-800-rgb: 67, 106, 18; --mxd-light-green-900: #365612; --mxd-light-green-900-rgb: 54, 86, 18; --mxd-light-green-1000: #2a4317; --mxd-light-green-1000-rgb: 42, 67, 23; --mxd-light-green-1100: #1e301c; --mxd-light-green-1100-rgb: 30, 48, 28; --mxd-light-green-1200: #131f20; --mxd-light-green-1200-rgb: 19, 31, 32; --mxd-teal-100: #d7edef; --mxd-teal-100-rgb: 215, 237, 239; --mxd-teal-200: #b0dbde; --mxd-teal-200-rgb: 176, 219, 222; --mxd-teal-300: #87c9cd; --mxd-teal-300-rgb: 135, 201, 205; --mxd-teal-400: #5eb6bc; --mxd-teal-400-rgb: 94, 182, 188; --mxd-teal-500: #33a3aa; --mxd-teal-500-rgb: 51, 163, 170; --mxd-teal-600: #008c95; --mxd-teal-600-rgb: 0, 140, 149; --mxd-teal-700: #007981; --mxd-teal-700-rgb: 0, 121, 129; --mxd-teal-800: #00656c; --mxd-teal-800-rgb: 0, 101, 108; --mxd-teal-900: #005157; --mxd-teal-900-rgb: 0, 81, 87; --mxd-teal-1000: #003e42; --mxd-teal-1000-rgb: 0, 62, 66; --mxd-teal-1100: #002c2f; --mxd-teal-1100-rgb: 0, 44, 47; --mxd-teal-1200: #001b1d; --mxd-teal-1200-rgb: 0, 27, 29; --mxd-purple-100: #eee7f3; --mxd-purple-100-rgb: 238, 231, 243; --mxd-purple-200: #dfcfe8; --mxd-purple-200-rgb: 223, 207, 232; --mxd-purple-300: #cfb7dd; --mxd-purple-300-rgb: 207, 183, 221; --mxd-purple-400: #c0a0d3; --mxd-purple-400-rgb: 192, 160, 211; --mxd-purple-500: #b189c8; --mxd-purple-500-rgb: 177, 137, 200; --mxd-purple-600: #a271bd; --mxd-purple-600-rgb: 162, 113, 189; --mxd-purple-700: #925ab2; --mxd-purple-700-rgb: 146, 90, 178; --mxd-purple-800: #8342a7; --mxd-purple-800-rgb: 131, 66, 167; --mxd-purple-900: #72289c; --mxd-purple-900-rgb: 114, 40, 156; --mxd-purple-1000: #5c068c; --mxd-purple-1000-rgb: 92, 6, 140; --mxd-purple-1100: #47056c; --mxd-purple-1100-rgb: 71, 5, 108; --mxd-purple-1200: #2c054d; --mxd-purple-1200-rgb: 44, 5, 77; --mxd-magenta-100: #fde3f2; --mxd-magenta-100-rgb: 253, 227, 242; --mxd-magenta-200: #fbc5e5; --mxd-magenta-200-rgb: 251, 197, 229; --mxd-magenta-300: #f6a8d6; --mxd-magenta-300-rgb: 246, 168, 214; --mxd-magenta-400: #f18ac5; --mxd-magenta-400-rgb: 241, 138, 197; --mxd-magenta-500: #eb6ab3; --mxd-magenta-500-rgb: 235, 106, 179; --mxd-magenta-600: #e5449f; --mxd-magenta-600-rgb: 229, 68, 159; --mxd-magenta-700: #d9017a; --mxd-magenta-700-rgb: 217, 1, 122; --mxd-magenta-800: #ba0168; --mxd-magenta-800-rgb: 186, 1, 104; --mxd-magenta-900: #990156; --mxd-magenta-900-rgb: 153, 1, 86; --mxd-magenta-1000: #7a0144; --mxd-magenta-1000-rgb: 122, 1, 68; --mxd-magenta-1100: #5a0239; --mxd-magenta-1100-rgb: 90, 2, 57; --mxd-magenta-1200: #390432; --mxd-magenta-1200-rgb: 57, 4, 50; } :root { --bds-core-white: var(--mxd-greyscale-white); --bds-core-black: var(--mxd-greyscale-black); --bds-core-accent-blue: var(--mxd-bright-blue-800); --bds-core-links-blue-10: var(--mxd-bright-blue-100); --bds-core-links-blue-500: var(--mxd-bright-blue-700); --bds-core-links-blue-600: var(--mxd-bright-blue-800); --bds-core-links-blue-700: var(--mxd-bright-blue-900); --bds-neutral-gray-10: #F8F8F9; --bds-neutral-gray-25: var(--mxd-grey-100); --bds-neutral-gray-50: var(--mxd-grey-200); --bds-neutral-gray-100: var(--mxd-grey-300); --bds-neutral-gray-200: var(--mxd-grey-400); --bds-neutral-gray-300: var(--mxd-grey-500); --bds-neutral-gray-400: var(--mxd-grey-600); --bds-neutral-gray-500: var(--mxd-grey-700); --bds-neutral-gray-600: var(--mxd-grey-800); --bds-neutral-gray-700: var(--mxd-grey-900); --bds-neutral-gray-800: var(--mxd-grey-1000); --bds-neutral-gray-900: var(--mxd-grey-1100); --bds-success-green-25: var(--mxd-light-green-100); --bds-success-green-50: var(--mxd-light-green-200); --bds-success-green-100: var(--mxd-light-green-300); --bds-success-green-200: var(--mxd-light-green-400); --bds-success-green-300: var(--mxd-light-green-500); --bds-success-green-400: var(--mxd-light-green-600); --bds-success-green-500: var(--mxd-light-green-700); --bds-success-green-600: var(--mxd-light-green-800); --bds-success-green-700: var(--mxd-light-green-900); --bds-success-green-800: var(--mxd-light-green-1000); --bds-success-green-900: var(--mxd-light-green-1100); --bds-error-red-25: var(--mxd-red-100); --bds-error-red-50: var(--mxd-red-200); --bds-error-red-100: var(--mxd-red-300); --bds-error-red-200: var(--mxd-red-400); --bds-error-red-300: var(--mxd-red-500); --bds-error-red-400: var(--mxd-red-600); --bds-error-red-500: var(--mxd-red-700); --bds-error-red-600: var(--mxd-red-800); --bds-error-red-700: var(--mxd-red-900); --bds-error-red-800: var(--mxd-red-1000); --bds-error-red-900: var(--mxd-red-1100); --bds-warning-orange-25: var(--mxd-orange-100); --bds-warning-orange-50: var(--mxd-orange-200); --bds-warning-orange-100: var(--mxd-orange-300); --bds-warning-orange-200: var(--mxd-orange-400); --bds-warning-orange-300: var(--mxd-orange-500); --bds-warning-orange-400: var(--mxd-orange-600); --bds-warning-orange-500: var(--mxd-orange-700); --bds-warning-orange-600: var(--mxd-orange-800); --bds-warning-orange-700: var(--mxd-orange-900); --bds-warning-orange-800: var(--mxd-orange-1000); --bds-warning-orange-900: var(--mxd-orange-1100); --bds-attention-yellow-25: var(--mxd-yellow-100); --bds-attention-yellow-50: var(--mxd-yellow-200); --bds-attention-yellow-100: var(--mxd-yellow-300); --bds-attention-yellow-200: var(--mxd-yellow-400); --bds-attention-yellow-300: var(--mxd-yellow-500); --bds-attention-yellow-400: var(--mxd-yellow-600); --bds-attention-yellow-500: var(--mxd-yellow-700); --bds-attention-yellow-600: var(--mxd-yellow-800); --bds-attention-yellow-700: var(--mxd-yellow-900); --bds-attention-yellow-800: var(--mxd-yellow-1000); --bds-attention-yellow-900: var(--mxd-yellow-1100); --bds-violet-25: var(--mxd-purple-100); --bds-violet-50: var(--mxd-purple-200); --bds-violet-600: var(--mxd-purple-800); --bds-violet-800: var(--mxd-purple-1000); --bds-navigation-background: var(--mxd-grey-100); --bds-workspace-background: #fafafa; --bds-vis-green-25: var(--mxd-light-green-100); --bds-vis-green-50: var(--mxd-light-green-200); --bds-vis-green-100: var(--mxd-light-green-300); --bds-vis-green-200: var(--mxd-light-green-400); --bds-vis-green-300: var(--mxd-light-green-500); --bds-vis-green-400: var(--mxd-light-green-600); --bds-vis-green-500: var(--mxd-light-green-700); --bds-vis-green-600: var(--mxd-light-green-800); --bds-vis-green-700: var(--mxd-light-green-900); --bds-vis-green-800: var(--mxd-light-green-1000); --bds-vis-green-900: var(--mxd-light-green-1100); --bds-vis-cyan-25: var(--mxd-teal-100); --bds-vis-cyan-50: var(--mxd-teal-200); --bds-vis-cyan-100: var(--mxd-teal-300); --bds-vis-cyan-200: var(--mxd-teal-400); --bds-vis-cyan-300: var(--mxd-teal-500); --bds-vis-cyan-400: var(--mxd-teal-600); --bds-vis-cyan-500: var(--mxd-teal-700); --bds-vis-cyan-600: var(--mxd-teal-800); --bds-vis-cyan-700: var(--mxd-teal-900); --bds-vis-cyan-800: var(--mxd-teal-1000); --bds-vis-cyan-900: var(--mxd-teal-1100); --bds-vis-lime-25: var(--mxd-light-green-100); --bds-vis-lime-50: var(--mxd-light-green-200); --bds-vis-lime-100: var(--mxd-light-green-300); --bds-vis-lime-200: var(--mxd-light-green-400); --bds-vis-lime-300: var(--mxd-light-green-500); --bds-vis-lime-400: var(--mxd-light-green-600); --bds-vis-lime-500: var(--mxd-light-green-700); --bds-vis-lime-600: var(--mxd-light-green-800); --bds-vis-lime-700: var(--mxd-light-green-900); --bds-vis-lime-800: var(--mxd-light-green-1000); --bds-vis-lime-900: var(--mxd-light-green-1100); --bds-vis-moodys-blue-25: var(--mxd-blue-100); --bds-vis-moodys-blue-50: var(--mxd-blue-200); --bds-vis-moodys-blue-100: var(--mxd-blue-300); --bds-vis-moodys-blue-200: var(--mxd-blue-400); --bds-vis-moodys-blue-300: var(--mxd-blue-500); --bds-vis-moodys-blue-400: var(--mxd-blue-600); --bds-vis-moodys-blue-500: var(--mxd-blue-700); --bds-vis-moodys-blue-600: var(--mxd-blue-800); --bds-vis-moodys-blue-700: var(--mxd-blue-900); --bds-vis-moodys-blue-800: var(--mxd-blue-1000); --bds-vis-moodys-blue-900: var(--mxd-blue-1100); --bds-vis-cool-gray-25: var(--mxd-grey-100); --bds-vis-cool-gray-50: var(--mxd-grey-200); --bds-vis-cool-gray-100: var(--mxd-grey-300); --bds-vis-cool-gray-200: var(--mxd-grey-400); --bds-vis-cool-gray-300: var(--mxd-grey-500); --bds-vis-cool-gray-400: var(--mxd-grey-600); --bds-vis-cool-gray-500: var(--mxd-grey-700); --bds-vis-cool-gray-600: var(--mxd-grey-800); --bds-vis-cool-gray-700: var(--mxd-grey-900); --bds-vis-cool-gray-800: var(--mxd-grey-1000); --bds-vis-cool-gray-900: var(--mxd-grey-1100); --bds-vis-indigo-25: var(--mxd-grey-100); --bds-vis-indigo-50: var(--mxd-grey-200); --bds-vis-indigo-100: var(--mxd-grey-300); --bds-vis-indigo-200: var(--mxd-grey-400); --bds-vis-indigo-300: var(--mxd-grey-500); --bds-vis-indigo-400: var(--mxd-grey-600); --bds-vis-indigo-500: var(--mxd-grey-700); --bds-vis-indigo-600: var(--mxd-grey-800); --bds-vis-indigo-700: var(--mxd-grey-900); --bds-vis-indigo-800: var(--mxd-grey-1000); --bds-vis-indigo-900: var(--mxd-grey-1100); --bds-vis-byzantium-25: var(--mxd-purple-100); --bds-vis-byzantium-50: var(--mxd-purple-200); --bds-vis-byzantium-100: var(--mxd-purple-300); --bds-vis-byzantium-200: var(--mxd-purple-400); --bds-vis-byzantium-300: var(--mxd-purple-500); --bds-vis-byzantium-400: var(--mxd-purple-600); --bds-vis-byzantium-500: var(--mxd-purple-700); --bds-vis-byzantium-600: var(--mxd-purple-800); --bds-vis-byzantium-700: var(--mxd-purple-900); --bds-vis-byzantium-800: var(--mxd-purple-1000); --bds-vis-byzantium-900: var(--mxd-purple-1100); --bds-vis-orange-25: var(--mxd-orange-100); --bds-vis-orange-50: var(--mxd-orange-200); --bds-vis-orange-100: var(--mxd-orange-300); --bds-vis-orange-200: var(--mxd-orange-400); --bds-vis-orange-300: var(--mxd-orange-500); --bds-vis-orange-400: var(--mxd-orange-600); --bds-vis-orange-500: var(--mxd-orange-700); --bds-vis-orange-600: var(--mxd-orange-800); --bds-vis-orange-700: var(--mxd-orange-900); --bds-vis-orange-800: var(--mxd-orange-1000); --bds-vis-orange-900: var(--mxd-orange-1100); --bds-vis-warm-gray-25: var(--mxd-grey-100); --bds-vis-warm-gray-50: var(--mxd-grey-200); --bds-vis-warm-gray-100: var(--mxd-grey-300); --bds-vis-warm-gray-200: var(--mxd-grey-400); --bds-vis-warm-gray-300: var(--mxd-grey-500); --bds-vis-warm-gray-400: var(--mxd-grey-600); --bds-vis-warm-gray-500: var(--mxd-grey-700); --bds-vis-warm-gray-600: var(--mxd-grey-800); --bds-vis-warm-gray-700: var(--mxd-grey-900); --bds-vis-warm-gray-800: var(--mxd-grey-1000); --bds-vis-warm-gray-900: var(--mxd-grey-1100); --bds-vis-teal-25: var(--mxd-teal-100); --bds-vis-teal-50: var(--mxd-teal-200); --bds-vis-teal-100: var(--mxd-teal-300); --bds-vis-teal-200: var(--mxd-teal-400); --bds-vis-teal-300: var(--mxd-teal-500); --bds-vis-teal-400: var(--mxd-teal-600); --bds-vis-teal-500: var(--mxd-teal-700); --bds-vis-teal-600: var(--mxd-teal-800); --bds-vis-teal-700: var(--mxd-teal-900); --bds-vis-teal-800: var(--mxd-teal-1000); --bds-vis-teal-900: var(--mxd-teal-1100); --bds-vis-salmon-25: var(--mxd-magenta-100); --bds-vis-salmon-50: var(--mxd-magenta-200); --bds-vis-salmon-100: var(--mxd-magenta-300); --bds-vis-salmon-200: var(--mxd-magenta-400); --bds-vis-salmon-300: var(--mxd-magenta-500); --bds-vis-salmon-400: var(--mxd-magenta-600); --bds-vis-salmon-500: var(--mxd-magenta-700); --bds-vis-salmon-600: var(--mxd-magenta-800); --bds-vis-salmon-700: var(--mxd-magenta-900); --bds-vis-salmon-800: var(--mxd-magenta-1000); --bds-vis-salmon-900: var(--mxd-magenta-1100); --bds-vis-cerulean-25: var(--mxd-teal-100); --bds-vis-cerulean-50: var(--mxd-teal-200); --bds-vis-cerulean-100: var(--mxd-teal-300); --bds-vis-cerulean-200: var(--mxd-teal-400); --bds-vis-cerulean-300: var(--mxd-teal-500); --bds-vis-cerulean-400: var(--mxd-teal-600); --bds-vis-cerulean-500: var(--mxd-teal-700); --bds-vis-cerulean-600: var(--mxd-teal-800); --bds-vis-cerulean-700: var(--mxd-teal-900); --bds-vis-cerulean-800: var(--mxd-teal-1000); --bds-vis-cerulean-900: var(--mxd-teal-1100); --bds-core-white-rgb: var(--mxd-greyscale-white-rgb); --bds-core-black-rgb: var(--mxd-greyscale-black-rgb); --bds-core-accent-blue-rgb: var(--mxd-bright-blue-800-rgb); --bds-core-links-blue-10-rgb: var(--mxd-bright-blue-100-rgb); --bds-core-links-blue-500-rgb: var(--mxd-bright-blue-700-rgb); --bds-core-links-blue-600-rgb: var(--mxd-bright-blue-800-rgb); --bds-core-links-blue-700-rgb: var(--mxd-bright-blue-900-rgb); --bds-neutral-gray-10-rgb: 248, 248, 248; --bds-neutral-gray-25-rgb: var(--mxd-grey-100-rgb); --bds-neutral-gray-50-rgb: var(--mxd-grey-200-rgb); --bds-neutral-gray-100-rgb: var(--mxd-grey-300-rgb); --bds-neutral-gray-200-rgb: var(--mxd-grey-400-rgb); --bds-neutral-gray-300-rgb: var(--mxd-grey-500-rgb); --bds-neutral-gray-400-rgb: var(--mxd-grey-600-rgb); --bds-neutral-gray-500-rgb: var(--mxd-grey-700-rgb); --bds-neutral-gray-600-rgb: var(--mxd-grey-800-rgb); --bds-neutral-gray-700-rgb: var(--mxd-grey-900-rgb); --bds-neutral-gray-800-rgb: var(--mxd-grey-1000-rgb); --bds-neutral-gray-900-rgb: var(--mxd-grey-1100-rgb); --bds-success-green-25-rgb: var(--mxd-light-green-100-rgb); --bds-success-green-50-rgb: var(--mxd-light-green-200-rgb); --bds-success-green-100-rgb: var(--mxd-light-green-300-rgb); --bds-success-green-200-rgb: var(--mxd-light-green-400-rgb); --bds-success-green-300-rgb: var(--mxd-light-green-500-rgb); --bds-success-green-400-rgb: var(--mxd-light-green-600-rgb); --bds-success-green-500-rgb: var(--mxd-light-green-700-rgb); --bds-success-green-600-rgb: var(--mxd-light-green-800-rgb); --bds-success-green-700-rgb: var(--mxd-light-green-900-rgb); --bds-success-green-800-rgb: var(--mxd-light-green-1000-rgb); --bds-success-green-900-rgb: var(--mxd-light-green-1100-rgb); --bds-error-red-25-rgb: var(--mxd-red-100-rgb); --bds-error-red-50-rgb: var(--mxd-red-200-rgb); --bds-error-red-100-rgb: var(--mxd-red-300-rgb); --bds-error-red-200-rgb: var(--mxd-red-400-rgb); --bds-error-red-300-rgb: var(--mxd-red-500-rgb); --bds-error-red-400-rgb: var(--mxd-red-600-rgb); --bds-error-red-500-rgb: var(--mxd-red-700-rgb); --bds-error-red-600-rgb: var(--mxd-red-800-rgb); --bds-error-red-700-rgb: var(--mxd-red-900-rgb); --bds-error-red-800-rgb: var(--mxd-red-1000-rgb); --bds-error-red-900-rgb: var(--mxd-red-1100-rgb); --bds-warning-orange-25-rgb: var(--mxd-orange-100-rgb); --bds-warning-orange-50-rgb: var(--mxd-orange-200-rgb); --bds-warning-orange-100-rgb: var(--mxd-orange-300-rgb); --bds-warning-orange-200-rgb: var(--mxd-orange-400-rgb); --bds-warning-orange-300-rgb: var(--mxd-orange-500-rgb); --bds-warning-orange-400-rgb: var(--mxd-orange-600-rgb); --bds-warning-orange-500-rgb: var(--mxd-orange-700-rgb); --bds-warning-orange-600-rgb: var(--mxd-orange-800-rgb); --bds-warning-orange-700-rgb: var(--mxd-orange-900-rgb); --bds-warning-orange-800-rgb: var(--mxd-orange-1000-rgb); --bds-warning-orange-900-rgb: var(--mxd-orange-1100-rgb); --bds-attention-yellow-25-rgb: var(--mxd-yellow-100-rgb); --bds-attention-yellow-50-rgb: var(--mxd-yellow-200-rgb); --bds-attention-yellow-100-rgb: var(--mxd-yellow-300-rgb); --bds-attention-yellow-200-rgb: var(--mxd-yellow-400-rgb); --bds-attention-yellow-300-rgb: var(--mxd-yellow-500-rgb); --bds-attention-yellow-400-rgb: var(--mxd-yellow-600-rgb); --bds-attention-yellow-500-rgb: var(--mxd-yellow-700-rgb); --bds-attention-yellow-600-rgb: var(--mxd-yellow-800-rgb); --bds-attention-yellow-700-rgb: var(--mxd-yellow-900-rgb); --bds-attention-yellow-800-rgb: var(--mxd-yellow-1000-rgb); --bds-attention-yellow-900-rgb: var(--mxd-yellow-1100-rgb); --bds-violet-25-rgb: var(--mxd-purple-100-rgb); --bds-violet-50-rgb: var(--mxd-purple-200-rgb); --bds-violet-600-rgb: var(--mxd-purple-800-rgb); --bds-violet-800-rgb: var(--mxd-purple-1000-rgb); --bds-navigation-background-rgb: var(--mxd-grey-100-rgb); --bds-workspace-background-rgb: 250, 250, 250; --bds-vis-green-25-rgb: var(--mxd-light-green-100-rgb); --bds-vis-green-50-rgb: var(--mxd-light-green-200-rgb); --bds-vis-green-100-rgb: var(--mxd-light-green-300-rgb); --bds-vis-green-200-rgb: var(--mxd-light-green-400-rgb); --bds-vis-green-300-rgb: var(--mxd-light-green-500-rgb); --bds-vis-green-400-rgb: var(--mxd-light-green-600-rgb); --bds-vis-green-500-rgb: var(--mxd-light-green-700-rgb); --bds-vis-green-600-rgb: var(--mxd-light-green-800-rgb); --bds-vis-green-700-rgb: var(--mxd-light-green-900-rgb); --bds-vis-green-800-rgb: var(--mxd-light-green-1000-rgb); --bds-vis-green-900-rgb: var(--mxd-light-green-1100-rgb); --bds-vis-cyan-25-rgb: var(--mxd-teal-100-rgb); --bds-vis-cyan-50-rgb: var(--mxd-teal-200-rgb); --bds-vis-cyan-100-rgb: var(--mxd-teal-300-rgb); --bds-vis-cyan-200-rgb: var(--mxd-teal-400-rgb); --bds-vis-cyan-300-rgb: var(--mxd-teal-500-rgb); --bds-vis-cyan-400-rgb: var(--mxd-teal-600-rgb); --bds-vis-cyan-500-rgb: var(--mxd-teal-700-rgb); --bds-vis-cyan-600-rgb: var(--mxd-teal-800-rgb); --bds-vis-cyan-700-rgb: var(--mxd-teal-900-rgb); --bds-vis-cyan-800-rgb: var(--mxd-teal-1000-rgb); --bds-vis-cyan-900-rgb: var(--mxd-teal-1100-rgb); --bds-vis-lime-25-rgb: var(--mxd-light-green-100-rgb); --bds-vis-lime-50-rgb: var(--mxd-light-green-200-rgb); --bds-vis-lime-100-rgb: var(--mxd-light-green-300-rgb); --bds-vis-lime-200-rgb: var(--mxd-light-green-400-rgb); --bds-vis-lime-300-rgb: var(--mxd-light-green-500-rgb); --bds-vis-lime-400-rgb: var(--mxd-light-green-600-rgb); --bds-vis-lime-500-rgb: var(--mxd-light-green-700-rgb); --bds-vis-lime-600-rgb: var(--mxd-light-green-800-rgb); --bds-vis-lime-700-rgb: var(--mxd-light-green-900-rgb); --bds-vis-lime-800-rgb: var(--mxd-light-green-1000-rgb); --bds-vis-lime-900-rgb: var(--mxd-light-green-1100-rgb); --bds-vis-moodys-blue-25-rgb: var(--mxd-blue-100-rgb); --bds-vis-moodys-blue-50-rgb: var(--mxd-blue-200-rgb); --bds-vis-moodys-blue-100-rgb: var(--mxd-blue-300-rgb); --bds-vis-moodys-blue-200-rgb: var(--mxd-blue-400-rgb); --bds-vis-moodys-blue-300-rgb: var(--mxd-blue-500-rgb); --bds-vis-moodys-blue-400-rgb: var(--mxd-blue-600-rgb); --bds-vis-moodys-blue-500-rgb: var(--mxd-blue-700-rgb); --bds-vis-moodys-blue-600-rgb: var(--mxd-blue-800-rgb); --bds-vis-moodys-blue-700-rgb: var(--mxd-blue-900-rgb); --bds-vis-moodys-blue-800-rgb: var(--mxd-blue-1000-rgb); --bds-vis-moodys-blue-900-rgb: var(--mxd-blue-1100-rgb); --bds-vis-cool-gray-25-rgb: var(--mxd-grey-100-rgb); --bds-vis-cool-gray-50-rgb: var(--mxd-grey-200-rgb); --bds-vis-cool-gray-100-rgb: var(--mxd-grey-300-rgb); --bds-vis-cool-gray-200-rgb: var(--mxd-grey-400-rgb); --bds-vis-cool-gray-300-rgb: var(--mxd-grey-500-rgb); --bds-vis-cool-gray-400-rgb: var(--mxd-grey-600-rgb); --bds-vis-cool-gray-500-rgb: var(--mxd-grey-700-rgb); --bds-vis-cool-gray-600-rgb: var(--mxd-grey-800-rgb); --bds-vis-cool-gray-700-rgb: var(--mxd-grey-900-rgb); --bds-vis-cool-gray-800-rgb: var(--mxd-grey-1000-rgb); --bds-vis-cool-gray-900-rgb: var(--mxd-grey-1100-rgb); --bds-vis-indigo-25-rgb: var(--mxd-grey-100-rgb); --bds-vis-indigo-50-rgb: var(--mxd-grey-200-rgb); --bds-vis-indigo-100-rgb: var(--mxd-grey-300-rgb); --bds-vis-indigo-200-rgb: var(--mxd-grey-400-rgb); --bds-vis-indigo-300-rgb: var(--mxd-grey-500-rgb); --bds-vis-indigo-400-rgb: var(--mxd-grey-600-rgb); --bds-vis-indigo-500-rgb: var(--mxd-grey-700-rgb); --bds-vis-indigo-600-rgb: var(--mxd-grey-800-rgb); --bds-vis-indigo-700-rgb: var(--mxd-grey-900-rgb); --bds-vis-indigo-800-rgb: var(--mxd-grey-1000-rgb); --bds-vis-indigo-900-rgb: var(--mxd-grey-1100-rgb); --bds-vis-byzantium-25-rgb: var(--mxd-purple-100-rgb); --bds-vis-byzantium-50-rgb: var(--mxd-purple-200-rgb); --bds-vis-byzantium-100-rgb: var(--mxd-purple-300-rgb); --bds-vis-byzantium-200-rgb: var(--mxd-purple-400-rgb); --bds-vis-byzantium-300-rgb: var(--mxd-purple-500-rgb); --bds-vis-byzantium-400-rgb: var(--mxd-purple-600-rgb); --bds-vis-byzantium-500-rgb: var(--mxd-purple-700-rgb); --bds-vis-byzantium-600-rgb: var(--mxd-purple-800-rgb); --bds-vis-byzantium-700-rgb: var(--mxd-purple-900-rgb); --bds-vis-byzantium-800-rgb: var(--mxd-purple-1000-rgb); --bds-vis-byzantium-900-rgb: var(--mxd-purple-1100-rgb); --bds-vis-orange-25-rgb: var(--mxd-orange-100-rgb); --bds-vis-orange-50-rgb: var(--mxd-orange-200-rgb); --bds-vis-orange-100-rgb: var(--mxd-orange-300-rgb); --bds-vis-orange-200-rgb: var(--mxd-orange-400-rgb); --bds-vis-orange-300-rgb: var(--mxd-orange-500-rgb); --bds-vis-orange-400-rgb: var(--mxd-orange-600-rgb); --bds-vis-orange-500-rgb: var(--mxd-orange-700-rgb); --bds-vis-orange-600-rgb: var(--mxd-orange-800-rgb); --bds-vis-orange-700-rgb: var(--mxd-orange-900-rgb); --bds-vis-orange-800-rgb: var(--mxd-orange-1000-rgb); --bds-vis-orange-900-rgb: var(--mxd-orange-1100-rgb); --bds-vis-warm-gray-25-rgb: var(--mxd-grey-100-rgb); --bds-vis-warm-gray-50-rgb: var(--mxd-grey-200-rgb); --bds-vis-warm-gray-100-rgb: var(--mxd-grey-300-rgb); --bds-vis-warm-gray-200-rgb: var(--mxd-grey-400-rgb); --bds-vis-warm-gray-300-rgb: var(--mxd-grey-500-rgb); --bds-vis-warm-gray-400-rgb: var(--mxd-grey-600-rgb); --bds-vis-warm-gray-500-rgb: var(--mxd-grey-700-rgb); --bds-vis-warm-gray-600-rgb: var(--mxd-grey-800-rgb); --bds-vis-warm-gray-700-rgb: var(--mxd-grey-900-rgb); --bds-vis-warm-gray-800-rgb: var(--mxd-grey-1000-rgb); --bds-vis-warm-gray-900-rgb: var(--mxd-grey-1100-rgb); --bds-vis-teal-25-rgb: var(--mxd-teal-100-rgb); --bds-vis-teal-50-rgb: var(--mxd-teal-200-rgb); --bds-vis-teal-100-rgb: var(--mxd-teal-300-rgb); --bds-vis-teal-200-rgb: var(--mxd-teal-400-rgb); --bds-vis-teal-300-rgb: var(--mxd-teal-500-rgb); --bds-vis-teal-400-rgb: var(--mxd-teal-600-rgb); --bds-vis-teal-500-rgb: var(--mxd-teal-700-rgb); --bds-vis-teal-600-rgb: var(--mxd-teal-800-rgb); --bds-vis-teal-700-rgb: var(--mxd-teal-900-rgb); --bds-vis-teal-800-rgb: var(--mxd-teal-1000-rgb); --bds-vis-teal-900-rgb: var(--mxd-teal-1100-rgb); --bds-vis-salmon-25-rgb: var(--mxd-magenta-100-rgb); --bds-vis-salmon-50-rgb: var(--mxd-magenta-200-rgb); --bds-vis-salmon-100-rgb: var(--mxd-magenta-300-rgb); --bds-vis-salmon-200-rgb: var(--mxd-magenta-400-rgb); --bds-vis-salmon-300-rgb: var(--mxd-magenta-500-rgb); --bds-vis-salmon-400-rgb: var(--mxd-magenta-600-rgb); --bds-vis-salmon-500-rgb: var(--mxd-magenta-700-rgb); --bds-vis-salmon-600-rgb: var(--mxd-magenta-800-rgb); --bds-vis-salmon-700-rgb: var(--mxd-magenta-900-rgb); --bds-vis-salmon-800-rgb: var(--mxd-magenta-1000-rgb); --bds-vis-salmon-900-rgb: var(--mxd-magenta-1100-rgb); --bds-vis-cerulean-25-rgb: var(--mxd-teal-100-rgb); --bds-vis-cerulean-50-rgb: var(--mxd-teal-200-rgb); --bds-vis-cerulean-100-rgb: var(--mxd-teal-300-rgb); --bds-vis-cerulean-200-rgb: var(--mxd-teal-400-rgb); --bds-vis-cerulean-300-rgb: var(--mxd-teal-500-rgb); --bds-vis-cerulean-400-rgb: var(--mxd-teal-600-rgb); --bds-vis-cerulean-500-rgb: var(--mxd-teal-700-rgb); --bds-vis-cerulean-600-rgb: var(--mxd-teal-800-rgb); --bds-vis-cerulean-700-rgb: var(--mxd-teal-900-rgb); --bds-vis-cerulean-800-rgb: var(--mxd-teal-1000-rgb); --bds-vis-cerulean-900-rgb: var(--mxd-teal-1100-rgb); } :root { --bds-core-white: #ffffff; --bds-core-white-contrast: #000; --bds-core-white-rgb: 255, 255, 255; --bds-core-black: #000; --bds-core-black-contrast: #ffffff; --bds-core-black-rgb: 0, 0, 0; --bds-core-accent-blue: #0091cf; --bds-core-accent-blue-contrast: #ffffff; --bds-core-accent-blue-rgb: 0, 145, 207; --bds-core-links-blue-10: #ebf2fa; --bds-core-links-blue-10-contrast: #045ac4; --bds-core-links-blue-10-rgb: 235, 242, 250; --bds-core-links-blue-500: #0f7dfa; --bds-core-links-blue-500-contrast: #ffffff; --bds-core-links-blue-500-rgb: 15, 125, 250; --bds-core-links-blue-600: #0469dc; --bds-core-links-blue-600-contrast: #ffffff; --bds-core-links-blue-600-rgb: 4, 105, 220; --bds-core-links-blue-700: #045ac4; --bds-core-links-blue-700-contrast: #ffffff; --bds-core-links-blue-700-rgb: 4, 90, 196; --bds-neutral-gray-10: #f8f8f9; --bds-neutral-gray-10-contrast: #424242; --bds-neutral-gray-10-rgb: 248, 248, 249; --bds-neutral-gray-25: #eeeeee; --bds-neutral-gray-25-contrast: #424242; --bds-neutral-gray-25-rgb: 238, 238, 238; --bds-neutral-gray-50: #e0e0e0; --bds-neutral-gray-50-contrast: #424242; --bds-neutral-gray-50-rgb: 224, 224, 224; --bds-neutral-gray-100: #cccccc; --bds-neutral-gray-100-contrast: #3d3d3d; --bds-neutral-gray-100-rgb: 204, 204, 204; --bds-neutral-gray-200: #bdbdbd; --bds-neutral-gray-200-contrast: #212121; --bds-neutral-gray-200-rgb: 189, 189, 189; --bds-neutral-gray-300: #a3a3a3; --bds-neutral-gray-300-contrast: #ffffff; --bds-neutral-gray-300-rgb: 163, 163, 163; --bds-neutral-gray-400: #8f8f8f; --bds-neutral-gray-400-contrast: #ffffff; --bds-neutral-gray-400-rgb: 143, 143, 143; --bds-neutral-gray-500: #757575; --bds-neutral-gray-500-contrast: #ffffff; --bds-neutral-gray-500-rgb: 117, 117, 117; --bds-neutral-gray-600: #666; --bds-neutral-gray-600-contrast: #ffffff; --bds-neutral-gray-600-rgb: 102, 102, 102; --bds-neutral-gray-700: #424242; --bds-neutral-gray-700-contrast: #ffffff; --bds-neutral-gray-700-rgb: 66, 66, 66; --bds-neutral-gray-800: #3d3d3d; --bds-neutral-gray-800-contrast: #ffffff; --bds-neutral-gray-800-rgb: 61, 61, 61; --bds-neutral-gray-900: #212121; --bds-neutral-gray-900-contrast: #ffffff; --bds-neutral-gray-900-rgb: 33, 33, 33; --bds-success-green-25: #eff7f5; --bds-success-green-25-contrast: #28453e; --bds-success-green-25-rgb: 239, 247, 245; --bds-success-green-50: #e0eeeb; --bds-success-green-50-contrast: #28453e; --bds-success-green-50-rgb: 224, 238, 235; --bds-success-green-100: #c1ded7; --bds-success-green-100-contrast: #28453e; --bds-success-green-100-rgb: 193, 222, 215; --bds-success-green-200: #a2cdc2; --bds-success-green-200-contrast: #192b27; --bds-success-green-200-rgb: 162, 205, 194; --bds-success-green-300: #83bdae; --bds-success-green-300-contrast: #212121; --bds-success-green-300-rgb: 131, 189, 174; --bds-success-green-400: #64ac9a; --bds-success-green-400-contrast: #ffffff; --bds-success-green-400-rgb: 100, 172, 154; --bds-success-green-500: #559283; --bds-success-green-500-contrast: #ffffff; --bds-success-green-500-rgb: 85, 146, 131; --bds-success-green-600: #46786c; --bds-success-green-600-contrast: #ffffff; --bds-success-green-600-rgb: 70, 120, 108; --bds-success-green-700: #375f55; --bds-success-green-700-contrast: #ffffff; --bds-success-green-700-rgb: 55, 95, 85; --bds-success-green-800: #28453e; --bds-success-green-800-contrast: #ffffff; --bds-success-green-800-rgb: 40, 69, 62; --bds-success-green-900: #192b27; --bds-success-green-900-contrast: #ffffff; --bds-success-green-900-rgb: 25, 43, 39; --bds-error-red-25: #f9f1f0; --bds-error-red-25-contrast: #863835; --bds-error-red-25-rgb: 249, 241, 240; --bds-error-red-50: #f3e2e1; --bds-error-red-50-contrast: #863835; --bds-error-red-50-rgb: 243, 226, 225; --bds-error-red-100: #e8c9c8; --bds-error-red-100-contrast: #863835; --bds-error-red-100-rgb: 232, 201, 200; --bds-error-red-200: #deb0ae; --bds-error-red-200-contrast: #212121; --bds-error-red-200-rgb: 222, 176, 174; --bds-error-red-300: #d39794; --bds-error-red-300-contrast: #212121; --bds-error-red-300-rgb: 211, 151, 148; --bds-error-red-400: #c87d7a; --bds-error-red-400-contrast: #ffffff; --bds-error-red-400-rgb: 200, 125, 122; --bds-error-red-500: #be6460; --bds-error-red-500-contrast: #ffffff; --bds-error-red-500-rgb: 190, 100, 96; --bds-error-red-600: #b34b46; --bds-error-red-600-contrast: #ffffff; --bds-error-red-600-rgb: 179, 75, 70; --bds-error-red-700: #863835; --bds-error-red-700-contrast: #ffffff; --bds-error-red-700-rgb: 134, 56, 53; --bds-error-red-800: #5a2623; --bds-error-red-800-contrast: #ffffff; --bds-error-red-800-rgb: 90, 38, 35; --bds-error-red-900: #2D1311; --bds-error-red-900-contrast: #ffffff; --bds-error-red-900-rgb: 45, 19, 17; --bds-warning-orange-25: #fdf2ed; --bds-warning-orange-25-contrast: #7f462a; --bds-warning-orange-25-rgb: 253, 242, 237; --bds-warning-orange-50: #f9dfd2; --bds-warning-orange-50-contrast: #7f462a; --bds-warning-orange-50-rgb: 249, 223, 210; --bds-warning-orange-100: #f5ccb7; --bds-warning-orange-100-contrast: #5c331e; --bds-warning-orange-100-rgb: 245, 204, 183; --bds-warning-orange-200: #f1b99d; --bds-warning-orange-200-contrast: #5c331e; --bds-warning-orange-200-rgb: 241, 185, 157; --bds-warning-orange-300: #eda582; --bds-warning-orange-300-contrast: #212121; --bds-warning-orange-300-rgb: 237, 165, 130; --bds-warning-orange-400: #ea9267; --bds-warning-orange-400-contrast: #ffffff; --bds-warning-orange-400-rgb: 234, 146, 103; --bds-warning-orange-500: #e67f4c; --bds-warning-orange-500-contrast: #ffffff; --bds-warning-orange-500-rgb: 230, 127, 76; --bds-warning-orange-600: #c36c41; --bds-warning-orange-600-contrast: #ffffff; --bds-warning-orange-600-rgb: 195, 108, 65; --bds-warning-orange-700: #a15935; --bds-warning-orange-700-contrast: #ffffff; --bds-warning-orange-700-rgb: 161, 89, 53; --bds-warning-orange-800: #7f462a; --bds-warning-orange-800-contrast: #ffffff; --bds-warning-orange-800-rgb: 127, 70, 42; --bds-warning-orange-900: #5c331e; --bds-warning-orange-900-contrast: #ffffff; --bds-warning-orange-900-rgb: 92, 51, 30; --bds-attention-yellow-25: #fbf1dd; --bds-attention-yellow-25-contrast: #212121; --bds-attention-yellow-25-rgb: 251, 241, 221; --bds-attention-yellow-50: #f7e3bc; --bds-attention-yellow-50-contrast: #212121; --bds-attention-yellow-50-rgb: 247, 227, 188; --bds-attention-yellow-100: #f3d69a; --bds-attention-yellow-100-contrast: #212121; --bds-attention-yellow-100-rgb: 243, 214, 154; --bds-attention-yellow-200: #efc878; --bds-attention-yellow-200-contrast: #212121; --bds-attention-yellow-200-rgb: 239, 200, 120; --bds-attention-yellow-300: #d7b46c; --bds-attention-yellow-300-contrast: #212121; --bds-attention-yellow-300-rgb: 215, 180, 108; --bds-attention-yellow-400: #bfa060; --bds-attention-yellow-400-contrast: #ffffff; --bds-attention-yellow-400-rgb: 191, 160, 96; --bds-attention-yellow-500: #a78c54; --bds-attention-yellow-500-contrast: #ffffff; --bds-attention-yellow-500-rgb: 167, 140, 84; --bds-attention-yellow-600: #8f7848; --bds-attention-yellow-600-contrast: #ffffff; --bds-attention-yellow-600-rgb: 143, 120, 72; --bds-attention-yellow-700: #77643c; --bds-attention-yellow-700-contrast: #ffffff; --bds-attention-yellow-700-rgb: 119, 100, 60; --bds-attention-yellow-800: #605030; --bds-attention-yellow-800-contrast: #ffffff; --bds-attention-yellow-800-rgb: 96, 80, 48; --bds-attention-yellow-900: #483c24; --bds-attention-yellow-900-contrast: #ffffff; --bds-attention-yellow-900-rgb: 72, 60, 36; --bds-violet-25: #ebf0ff; --bds-violet-25-contrast: #5720B7; --bds-violet-25-rgb: 235, 240, 255; --bds-violet-50: #d6e0ff; --bds-violet-50-contrast: #5720B7; --bds-violet-50-rgb: 214, 224, 255; --bds-violet-600: #5720b7; --bds-violet-600-contrast: #ffffff; --bds-violet-600-rgb: 87, 32, 183; --bds-violet-800: #3e1584; --bds-violet-800-contrast: #ffffff; --bds-violet-800-rgb: 62, 21, 132; --bds-navigation-background: #f0f0f0; --bds-navigation-background-contrast: #212121; --bds-navigation-background-rgb: 240, 240, 240; --bds-workspace-background: #fafafa; --bds-workspace-background-contrast: #212121; --bds-workspace-background-rgb: 250, 250, 250; --bds-vis-green-25: #d9efea; --bds-vis-green-25-contrast: #192b27; --bds-vis-green-25-rgb: 217, 239, 234; --bds-vis-green-50: #bfe5dd; --bds-vis-green-50-contrast: #192b27; --bds-vis-green-50-rgb: 191, 229, 221; --bds-vis-green-100: #a6dbcf; --bds-vis-green-100-contrast: #192b27; --bds-vis-green-100-rgb: 166, 219, 207; --bds-vis-green-200: #8cd0c1; --bds-vis-green-200-contrast: #192b27; --bds-vis-green-200-rgb: 140, 208, 193; --bds-vis-green-300: #59bca5; --bds-vis-green-300-contrast: #192b27; --bds-vis-green-300-rgb: 89, 188, 165; --bds-vis-green-400: #40b198; --bds-vis-green-400-contrast: #ffffff; --bds-vis-green-400-rgb: 64, 177, 152; --bds-vis-green-500: #26a78a; --bds-vis-green-500-contrast: #ffffff; --bds-vis-green-500-rgb: 38, 167, 138; --bds-vis-green-600: #009775; --bds-vis-green-600-contrast: #ffffff; --bds-vis-green-600-rgb: 0, 151, 117; --bds-vis-green-700: #00795e; --bds-vis-green-700-contrast: #ffffff; --bds-vis-green-700-rgb: 0, 121, 94; --bds-vis-green-800: #005b46; --bds-vis-green-800-contrast: #ffffff; --bds-vis-green-800-rgb: 0, 91, 70; --bds-vis-green-900: #003c2f; --bds-vis-green-900-contrast: #ffffff; --bds-vis-green-900-rgb: 0, 60, 47; --bds-vis-cyan-25: #e0f1fa; --bds-vis-cyan-25-contrast: #1e3745; --bds-vis-cyan-25-rgb: 224, 241, 250; --bds-vis-cyan-50: #c1e2f5; --bds-vis-cyan-50-contrast: #1e3745; --bds-vis-cyan-50-rgb: 193, 226, 245; --bds-vis-cyan-100: #a2d4f0; --bds-vis-cyan-100-contrast: #1e3745; --bds-vis-cyan-100-rgb: 162, 212, 240; --bds-vis-cyan-200: #83c5eb; --bds-vis-cyan-200-contrast: #1e3745; --bds-vis-cyan-200-rgb: 131, 197, 235; --bds-vis-cyan-300: #64b7e6; --bds-vis-cyan-300-contrast: #1e3745; --bds-vis-cyan-300-rgb: 100, 183, 230; --bds-vis-cyan-400: #569dc6; --bds-vis-cyan-400-contrast: #ffffff; --bds-vis-cyan-400-rgb: 86, 157, 198; --bds-vis-cyan-500: #4884a6; --bds-vis-cyan-500-contrast: #ffffff; --bds-vis-cyan-500-rgb: 72, 132, 166; --bds-vis-cyan-600: #3a6a85; --bds-vis-cyan-600-contrast: #ffffff; --bds-vis-cyan-600-rgb: 58, 106, 133; --bds-vis-cyan-700: #2c5065; --bds-vis-cyan-700-contrast: #ffffff; --bds-vis-cyan-700-rgb: 44, 80, 101; --bds-vis-cyan-800: #1e3745; --bds-vis-cyan-800-contrast: #ffffff; --bds-vis-cyan-800-rgb: 30, 55, 69; --bds-vis-cyan-900: #101d25; --bds-vis-cyan-900-contrast: #ffffff; --bds-vis-cyan-900-rgb: 16, 29, 37; --bds-vis-lime-25: #ecf5d9; --bds-vis-lime-25-contrast: #2f3d14; --bds-vis-lime-25-rgb: 236, 245, 217; --bds-vis-lime-50: #d8ebb4; --bds-vis-lime-50-contrast: #2f3d14; --bds-vis-lime-50-rgb: 216, 235, 180; --bds-vis-lime-100: #c5e08e; --bds-vis-lime-100-contrast: #2f3d14; --bds-vis-lime-100-rgb: 197, 224, 142; --bds-vis-lime-200: #b1d669; --bds-vis-lime-200-contrast: #2f3d14; --bds-vis-lime-200-rgb: 177, 214, 105; --bds-vis-lime-300: #88af3a; --bds-vis-lime-300-contrast: #2f3d14; --bds-vis-lime-300-rgb: 136, 175, 58; --bds-vis-lime-400: #9ecc43; --bds-vis-lime-400-contrast: #ffffff; --bds-vis-lime-400-rgb: 158, 204, 67; --bds-vis-lime-500: #729330; --bds-vis-lime-500-contrast: #ffffff; --bds-vis-lime-500-rgb: 114, 147, 48; --bds-vis-lime-600: #5c7627; --bds-vis-lime-600-contrast: #ffffff; --bds-vis-lime-600-rgb: 92, 118, 39; --bds-vis-lime-700: #465a1d; --bds-vis-lime-700-contrast: #ffffff; --bds-vis-lime-700-rgb: 70, 90, 29; --bds-vis-lime-800: #2f3d14; --bds-vis-lime-800-contrast: #ffffff; --bds-vis-lime-800-rgb: 47, 61, 20; --bds-vis-lime-900: #19210b; --bds-vis-lime-900-contrast: #ffffff; --bds-vis-lime-900-rgb: 25, 33, 11; --bds-vis-moodys-blue-25: #f2f4fa; --bds-vis-moodys-blue-25-contrast: #001966; --bds-vis-moodys-blue-25-rgb: 242, 244, 250; --bds-vis-moodys-blue-50: #d9dff1; --bds-vis-moodys-blue-50-contrast: #001966; --bds-vis-moodys-blue-50-rgb: 217, 223, 241; --bds-vis-moodys-blue-100: #bfc9e7; --bds-vis-moodys-blue-100-contrast: #001966; --bds-vis-moodys-blue-100-rgb: 191, 201, 231; --bds-vis-moodys-blue-200: #a6b4de; --bds-vis-moodys-blue-200-contrast: #001966; --bds-vis-moodys-blue-200-rgb: 166, 180, 222; --bds-vis-moodys-blue-300: #8c9ed4; --bds-vis-moodys-blue-300-contrast: #ffffff; --bds-vis-moodys-blue-300-rgb: 140, 158, 212; --bds-vis-moodys-blue-400: #7389cb; --bds-vis-moodys-blue-400-contrast: #ffffff; --bds-vis-moodys-blue-400-rgb: 115, 137, 203; --bds-vis-moodys-blue-500: #5973c1; --bds-vis-moodys-blue-500-contrast: #ffffff; --bds-vis-moodys-blue-500-rgb: 89, 115, 193; --bds-vis-moodys-blue-600: #405eb8; --bds-vis-moodys-blue-600-contrast: #ffffff; --bds-vis-moodys-blue-600-rgb: 64, 94, 184; --bds-vis-moodys-blue-700: #2648ae; --bds-vis-moodys-blue-700-contrast: #ffffff; --bds-vis-moodys-blue-700-rgb: 38, 72, 174; --bds-vis-moodys-blue-800: #0028a0; --bds-vis-moodys-blue-800-contrast: #ffffff; --bds-vis-moodys-blue-800-rgb: 0, 40, 160; --bds-vis-moodys-blue-900: #001966; --bds-vis-moodys-blue-900-contrast: #ffffff; --bds-vis-moodys-blue-900-rgb: 0, 25, 102; --bds-vis-cool-gray-25: #ededf0; --bds-vis-cool-gray-25-contrast: #323237; --bds-vis-cool-gray-25-rgb: 237, 237, 240; --bds-vis-cool-gray-50: #dcdbe2; --bds-vis-cool-gray-50-contrast: #323237; --bds-vis-cool-gray-50-rgb: 220, 219, 226; --bds-vis-cool-gray-100: #cacad3; --bds-vis-cool-gray-100-contrast: #323237; --bds-vis-cool-gray-100-rgb: 202, 202, 211; --bds-vis-cool-gray-200: #b9b8c5; --bds-vis-cool-gray-200-contrast: #323237; --bds-vis-cool-gray-200-rgb: 185, 184, 197; --bds-vis-cool-gray-300: #a7a6b6; --bds-vis-cool-gray-300-contrast: #323237; --bds-vis-cool-gray-300-rgb: 167, 166, 182; --bds-vis-cool-gray-400: #908f9d; --bds-vis-cool-gray-400-contrast: #ffffff; --bds-vis-cool-gray-400-rgb: 144, 143, 157; --bds-vis-cool-gray-500: #787883; --bds-vis-cool-gray-500-contrast: #ffffff; --bds-vis-cool-gray-500-rgb: 120, 120, 131; --bds-vis-cool-gray-600: #61606a; --bds-vis-cool-gray-600-contrast: #ffffff; --bds-vis-cool-gray-600-rgb: 97, 96, 106; --bds-vis-cool-gray-700: #494950; --bds-vis-cool-gray-700-contrast: #ffffff; --bds-vis-cool-gray-700-rgb: 73, 73, 80; --bds-vis-cool-gray-800: #323237; --bds-vis-cool-gray-800-contrast: #ffffff; --bds-vis-cool-gray-800-rgb: 50, 50, 55; --bds-vis-cool-gray-900: #1b1b1d; --bds-vis-cool-gray-900-contrast: #ffffff; --bds-vis-cool-gray-900-rgb: 27, 27, 29; --bds-vis-indigo-25: #e6eaed; --bds-vis-indigo-25-contrast: #072a4e; --bds-vis-indigo-25-rgb: 230, 234, 237; --bds-vis-indigo-50: #cdd4dc; --bds-vis-indigo-50-contrast: #072a4e; --bds-vis-indigo-50-rgb: 205, 212, 220; --bds-vis-indigo-100: #b5bfca; --bds-vis-indigo-100-contrast: #072a4e; --bds-vis-indigo-100-rgb: 181, 191, 202; --bds-vis-indigo-200: #9caab8; --bds-vis-indigo-200-contrast: #072a4e; --bds-vis-indigo-200-rgb: 156, 170, 184; --bds-vis-indigo-300: #8395a6; --bds-vis-indigo-300-contrast: #ffffff; --bds-vis-indigo-300-rgb: 131, 149, 166; --bds-vis-indigo-400: #6a7f95; --bds-vis-indigo-400-contrast: #ffffff; --bds-vis-indigo-400-rgb: 106, 127, 149; --bds-vis-indigo-500: #516a83; --bds-vis-indigo-500-contrast: #ffffff; --bds-vis-indigo-500-rgb: 81, 106, 131; --bds-vis-indigo-600: #395571; --bds-vis-indigo-600-contrast: #ffffff; --bds-vis-indigo-600-rgb: 57, 85, 113; --bds-vis-indigo-700: #203f60; --bds-vis-indigo-700-contrast: #ffffff; --bds-vis-indigo-700-rgb: 32, 63, 96; --bds-vis-indigo-800: #072a4e; --bds-vis-indigo-800-contrast: #ffffff; --bds-vis-indigo-800-rgb: 7, 42, 78; --bds-vis-indigo-900: #05203a; --bds-vis-indigo-900-contrast: #ffffff; --bds-vis-indigo-900-rgb: 5, 32, 58; --bds-vis-byzantium-25: #f5e5f1; --bds-vis-byzantium-25-contrast: #730058; --bds-vis-byzantium-25-rgb: 245, 229, 241; --bds-vis-byzantium-50: #ebcce3; --bds-vis-byzantium-50-contrast: #730058; --bds-vis-byzantium-50-rgb: 235, 204, 227; --bds-vis-byzantium-100: #e0b3d6; --bds-vis-byzantium-100-contrast: #730058; --bds-vis-byzantium-100-rgb: 224, 179, 214; --bds-vis-byzantium-200: #d699c8; --bds-vis-byzantium-200-contrast: #730058; --bds-vis-byzantium-200-rgb: 214, 153, 200; --bds-vis-byzantium-300: #cc80ba; --bds-vis-byzantium-300-contrast: #ffffff; --bds-vis-byzantium-300-rgb: 204, 128, 186; --bds-vis-byzantium-400: #c266ac; --bds-vis-byzantium-400-contrast: #ffffff; --bds-vis-byzantium-400-rgb: 194, 102, 172; --bds-vis-byzantium-500: #b84c9e; --bds-vis-byzantium-500-contrast: #ffffff; --bds-vis-byzantium-500-rgb: 184, 76, 158; --bds-vis-byzantium-600: #ad3391; --bds-vis-byzantium-600-contrast: #ffffff; --bds-vis-byzantium-600-rgb: 173, 51, 145; --bds-vis-byzantium-700: #a31a83; --bds-vis-byzantium-700-contrast: #ffffff; --bds-vis-byzantium-700-rgb: 163, 26, 131; --bds-vis-byzantium-800: #990075; --bds-vis-byzantium-800-contrast: #ffffff; --bds-vis-byzantium-800-rgb: 153, 0, 117; --bds-vis-byzantium-900: #730058; --bds-vis-byzantium-900-contrast: #ffffff; --bds-vis-byzantium-900-rgb: 115, 0, 88; --bds-vis-orange-25: #fdf2ed; --bds-vis-orange-25-contrast: #7f462a; --bds-vis-orange-25-rgb: 253, 242, 237; --bds-vis-orange-50: #f9dfd2; --bds-vis-orange-50-contrast: #7f462a; --bds-vis-orange-50-rgb: 249, 223, 210; --bds-vis-orange-100: #f5ccb7; --bds-vis-orange-100-contrast: #5c331e; --bds-vis-orange-100-rgb: 245, 204, 183; --bds-vis-orange-200: #f1b99d; --bds-vis-orange-200-contrast: #5c331e; --bds-vis-orange-200-rgb: 241, 185, 157; --bds-vis-orange-300: #eda582; --bds-vis-orange-300-contrast: #212121; --bds-vis-orange-300-rgb: 237, 165, 130; --bds-vis-orange-400: #ea9267; --bds-vis-orange-400-contrast: #ffffff; --bds-vis-orange-400-rgb: 234, 146, 103; --bds-vis-orange-500: #e67f4c; --bds-vis-orange-500-contrast: #ffffff; --bds-vis-orange-500-rgb: 230, 127, 76; --bds-vis-orange-600: #c36c41; --bds-vis-orange-600-contrast: #ffffff; --bds-vis-orange-600-rgb: 195, 108, 65; --bds-vis-orange-700: #a15935; --bds-vis-orange-700-contrast: #ffffff; --bds-vis-orange-700-rgb: 161, 89, 53; --bds-vis-orange-800: #7f462a; --bds-vis-orange-800-contrast: #ffffff; --bds-vis-orange-800-rgb: 127, 70, 42; --bds-vis-orange-900: #5c331e; --bds-vis-orange-900-contrast: #ffffff; --bds-vis-orange-900-rgb: 92, 51, 30; --bds-vis-warm-gray-25: #f0f0f0; --bds-vis-warm-gray-25-contrast: #232323; --bds-vis-warm-gray-25-rgb: 240, 240, 240; --bds-vis-warm-gray-50: #e5e5e5; --bds-vis-warm-gray-50-contrast: #232323; --bds-vis-warm-gray-50-rgb: 229, 229, 229; --bds-vis-warm-gray-100: #cfcfcf; --bds-vis-warm-gray-100-contrast: #232323; --bds-vis-warm-gray-100-rgb: 207, 207, 207; --bds-vis-warm-gray-200: #b9b9b9; --bds-vis-warm-gray-200-contrast: #232323; --bds-vis-warm-gray-200-rgb: 185, 185, 185; --bds-vis-warm-gray-300: #a2a2a2; --bds-vis-warm-gray-300-contrast: #ffffff; --bds-vis-warm-gray-300-rgb: 162, 162, 162; --bds-vis-warm-gray-400: #8c8c8c; --bds-vis-warm-gray-400-contrast: #ffffff; --bds-vis-warm-gray-400-rgb: 140, 140, 140; --bds-vis-warm-gray-500: #767676; --bds-vis-warm-gray-500-contrast: #ffffff; --bds-vis-warm-gray-500-rgb: 118, 118, 118; --bds-vis-warm-gray-600: #606060; --bds-vis-warm-gray-600-contrast: #ffffff; --bds-vis-warm-gray-600-rgb: 96, 96, 96; --bds-vis-warm-gray-700: #464646; --bds-vis-warm-gray-700-contrast: #ffffff; --bds-vis-warm-gray-700-rgb: 70, 70, 70; --bds-vis-warm-gray-800: #353535; --bds-vis-warm-gray-800-contrast: #ffffff; --bds-vis-warm-gray-800-rgb: 53, 53, 53; --bds-vis-warm-gray-900: #232323; --bds-vis-warm-gray-900-contrast: #ffffff; --bds-vis-warm-gray-900-rgb: 35, 35, 35; --bds-vis-teal-25: #d9f7f6; --bds-vis-teal-25-contrast: #0e1f1f; --bds-vis-teal-25-rgb: 217, 247, 246; --bds-vis-teal-50: #abedeb; --bds-vis-teal-50-contrast: #0e1f1f; --bds-vis-teal-50-rgb: 171, 237, 235; --bds-vis-teal-100: #8be6e3; --bds-vis-teal-100-contrast: #0e1f1f; --bds-vis-teal-100-rgb: 139, 230, 227; --bds-vis-teal-200: #65deda; --bds-vis-teal-200-contrast: #0e1f1f; --bds-vis-teal-200-rgb: 101, 222, 218; --bds-vis-teal-300: #57bfbc; --bds-vis-teal-300-contrast: #0e1f1f; --bds-vis-teal-300-rgb: 87, 191, 188; --bds-vis-teal-400: #4ba4a1; --bds-vis-teal-400-contrast: #ffffff; --bds-vis-teal-400-rgb: 75, 164, 161; --bds-vis-teal-500: #3f8a87; --bds-vis-teal-500-contrast: #ffffff; --bds-vis-teal-500-rgb: 63, 138, 135; --bds-vis-teal-600: #326f6d; --bds-vis-teal-600-contrast: #ffffff; --bds-vis-teal-600-rgb: 50, 111, 109; --bds-vis-teal-700: #265453; --bds-vis-teal-700-contrast: #ffffff; --bds-vis-teal-700-rgb: 38, 84, 83; --bds-vis-teal-800: #1a3a39; --bds-vis-teal-800-contrast: #ffffff; --bds-vis-teal-800-rgb: 26, 58, 57; --bds-vis-teal-900: #0e1f1f; --bds-vis-teal-900-contrast: #ffffff; --bds-vis-teal-900-rgb: 14, 31, 31; --bds-vis-salmon-25: #ffeaeb; --bds-vis-salmon-25-contrast: #472a2c; --bds-vis-salmon-25-rgb: 255, 234, 235; --bds-vis-salmon-50: #ffd5d7; --bds-vis-salmon-50-contrast: #472a2c; --bds-vis-salmon-50-rgb: 255, 213, 215; --bds-vis-salmon-100: #ffc0c3; --bds-vis-salmon-100-contrast: #472a2c; --bds-vis-salmon-100-rgb: 255, 192, 195; --bds-vis-salmon-200: #ffabb0; --bds-vis-salmon-200-contrast: #472a2c; --bds-vis-salmon-200-rgb: 255, 171, 176; --bds-vis-salmon-300: #ff969c; --bds-vis-salmon-300-contrast: #472a2c; --bds-vis-salmon-300-rgb: 255, 150, 156; --bds-vis-salmon-400: #e08489; --bds-vis-salmon-400-contrast: #ffffff; --bds-vis-salmon-400-rgb: 224, 132, 137; --bds-vis-salmon-500: #c27277; --bds-vis-salmon-500-contrast: #ffffff; --bds-vis-salmon-500-rgb: 194, 114, 119; --bds-vis-salmon-600: #a36064; --bds-vis-salmon-600-contrast: #ffffff; --bds-vis-salmon-600-rgb: 163, 96, 100; --bds-vis-salmon-700: #854e51; --bds-vis-salmon-700-contrast: #ffffff; --bds-vis-salmon-700-rgb: 133, 78, 81; --bds-vis-salmon-800: #663c3e; --bds-vis-salmon-800-contrast: #ffffff; --bds-vis-salmon-800-rgb: 102, 60, 62; --bds-vis-salmon-900: #472a2c; --bds-vis-salmon-900-contrast: #ffffff; --bds-vis-salmon-900-rgb: 71, 42, 44; --bds-vis-cerulean-25: #ecf6fa; --bds-vis-cerulean-25-contrast: #032530; --bds-vis-cerulean-25-rgb: 236, 246, 250; --bds-vis-cerulean-50: #d8eef5; --bds-vis-cerulean-50-contrast: #032530; --bds-vis-cerulean-50-rgb: 216, 238, 245; --bds-vis-cerulean-100: #b7dfec; --bds-vis-cerulean-100-contrast: #032530; --bds-vis-cerulean-100-rgb: 183, 223, 236; --bds-vis-cerulean-200: #95cfe2; --bds-vis-cerulean-200-contrast: #032530; --bds-vis-cerulean-200-rgb: 149, 207, 226; --bds-vis-cerulean-300: #73c0d9; --bds-vis-cerulean-300-contrast: #032530; --bds-vis-cerulean-300-rgb: 115, 192, 217; --bds-vis-cerulean-400: #51b1d0; --bds-vis-cerulean-400-contrast: #ffffff; --bds-vis-cerulean-400-rgb: 81, 177, 208; --bds-vis-cerulean-500: #30a2c7; --bds-vis-cerulean-500-contrast: #ffffff; --bds-vis-cerulean-500-rgb: 48, 162, 199; --bds-vis-cerulean-600: #0e93be; --bds-vis-cerulean-600-contrast: #ffffff; --bds-vis-cerulean-600-rgb: 14, 147, 190; --bds-vis-cerulean-700: #0a6e8e; --bds-vis-cerulean-700-contrast: #ffffff; --bds-vis-cerulean-700-rgb: 10, 110, 142; --bds-vis-cerulean-800: #074a5f; --bds-vis-cerulean-800-contrast: #ffffff; --bds-vis-cerulean-800-rgb: 7, 74, 95; --bds-vis-cerulean-900: #032530; --bds-vis-cerulean-900-contrast: #ffffff; --bds-vis-cerulean-900-rgb: 3, 37, 48; } :root { --mxd-moodys-blue: #0a1264; --mxd-moodys-blue-rgb: 10, 18, 100; --mxd-moodys-bright-blue: #005eff; --mxd-moodys-bright-blue-rgb: 0, 94, 255; --mxd-moodys-teal: #008c95; --mxd-moodys-teal-rgb: 0, 140, 149; --mxd-moodys-purple: #5c068c; --mxd-moodys-purple-rgb: 92, 6, 140; --mxd-moodys-red: #ba0c2f; --mxd-moodys-red-rgb: 186, 12, 47; --mxd-moodys-light-green: #78be20; --mxd-moodys-light-green-rgb: 120, 190, 32; --mxd-moodys-yellow: #fdda25; --mxd-moodys-yellow-rgb: 253, 218, 37; --mxd-moodys-magenta: #d9017a; --mxd-moodys-magenta-rgb: 217, 1, 122; --mxd-moodys-orange: #e35205; --mxd-moodys-orange-rgb: 227, 82, 5; --mxd-greyscale-black: #000000; --mxd-greyscale-black-rgb: 0, 0, 0; --mxd-greyscale-white: #ffffff; --mxd-greyscale-white-rgb: 255, 255, 255; --mxd-greyscale-extra-light-grey: #f0f0f1; --mxd-greyscale-extra-light-grey-rgb: 240, 240, 241; --mxd-greyscale-light-grey: #c8c9c7; --mxd-greyscale-light-grey-rgb: 200, 201, 199; --mxd-greyscale-medium-grey: #9c9fa1; --mxd-greyscale-medium-grey-rgb: 156, 159, 161; --mxd-greyscale-dark-grey: #53565a; --mxd-greyscale-dark-grey-rgb: 83, 86, 90; --mxd-blue-100: #e7e7f0; --mxd-blue-100-rgb: 231, 231, 240; --mxd-blue-200: #cfd0e1; --mxd-blue-200-rgb: 207, 208, 225; --mxd-blue-300: #b8b9d2; --mxd-blue-300-rgb: 184, 185, 210; --mxd-blue-400: #a2a2c4; --mxd-blue-400-rgb: 162, 162, 196; --mxd-blue-500: #8b8cb5; --mxd-blue-500-rgb: 139, 140, 181; --mxd-blue-600: #7677a7; --mxd-blue-600-rgb: 118, 119, 167; --mxd-blue-700: #606299; --mxd-blue-700-rgb: 96, 98, 153; --mxd-blue-800: #4a4d8c; --mxd-blue-800-rgb: 74, 77, 140; --mxd-blue-900: #35397e; --mxd-blue-900-rgb: 53, 57, 126; --mxd-blue-1000: #0a1264; --mxd-blue-1000-rgb: 10, 18, 100; --mxd-blue-1100: #11174f; --mxd-blue-1100-rgb: 17, 23, 79; --mxd-blue-1200: #040826; --mxd-blue-1200-rgb: 4, 8, 38; --mxd-bright-blue-100: #deebff; --mxd-bright-blue-100-rgb: 222, 235, 255; --mxd-bright-blue-200: #bed6ff; --mxd-bright-blue-200-rgb: 190, 214, 255; --mxd-bright-blue-300: #9dc1ff; --mxd-bright-blue-300-rgb: 157, 193, 255; --mxd-bright-blue-400: #7bacff; --mxd-bright-blue-400-rgb: 123, 172, 255; --mxd-bright-blue-500: #5996ff; --mxd-bright-blue-500-rgb: 89, 150, 255; --mxd-bright-blue-600: #347fff; --mxd-bright-blue-600-rgb: 52, 127, 255; --mxd-bright-blue-700: #005eff; --mxd-bright-blue-700-rgb: 0, 94, 255; --mxd-bright-blue-800: #0052e0; --mxd-bright-blue-800-rgb: 0, 82, 224; --mxd-bright-blue-900: #0044b7; --mxd-bright-blue-900-rgb: 0, 68, 183; --mxd-bright-blue-1000: #003590; --mxd-bright-blue-1000-rgb: 0, 53, 144; --mxd-bright-blue-1100: #00276a; --mxd-bright-blue-1100-rgb: 0, 39, 106; --mxd-bright-blue-1200: #001a46; --mxd-bright-blue-1200-rgb: 0, 26, 70; --mxd-grey-100: #f0f0f1; --mxd-grey-100-rgb: 240, 240, 241; --mxd-grey-200: #d7d8d7; --mxd-grey-200-rgb: 215, 216, 215; --mxd-grey-300: #bfc0bf; --mxd-grey-300-rgb: 191, 192, 191; --mxd-grey-400: #a6a9aa; --mxd-grey-400-rgb: 166, 169, 170; --mxd-grey-500: #8f9294; --mxd-grey-500-rgb: 143, 146, 148; --mxd-grey-600: #75787b; --mxd-grey-600-rgb: 117, 120, 123; --mxd-grey-700: #646669; --mxd-grey-700-rgb: 100, 102, 105; --mxd-grey-800: #4f5153; --mxd-grey-800-rgb: 79, 81, 83; --mxd-grey-900: #3c3d3f; --mxd-grey-900-rgb: 60, 61, 63; --mxd-grey-1000: #292b2c; --mxd-grey-1000-rgb: 41, 43, 44; --mxd-grey-1100: #181919; --mxd-grey-1100-rgb: 24, 25, 25; --mxd-grey-1200: #000000; --mxd-grey-1200-rgb: 0, 0, 0; --mxd-red-100: #f8e5e9; --mxd-red-100-rgb: 248, 229, 233; --mxd-red-200: #f1cbd3; --mxd-red-200-rgb: 241, 203, 211; --mxd-red-300: #eab1bd; --mxd-red-300-rgb: 234, 177, 189; --mxd-red-400: #e297a6; --mxd-red-400-rgb: 226, 151, 166; --mxd-red-500: #da7c8f; --mxd-red-500-rgb: 218, 124, 143; --mxd-red-600: #d25f76; --mxd-red-600-rgb: 210, 95, 118; --mxd-red-700: #c93f5a; --mxd-red-700-rgb: 201, 63, 90; --mxd-red-800: #ba0c2f; --mxd-red-800-rgb: 186, 12, 47; --mxd-red-900: #9c0a28; --mxd-red-900-rgb: 156, 10, 40; --mxd-red-1000: #7c0820; --mxd-red-1000-rgb: 124, 8, 32; --mxd-red-1100: #5d0618; --mxd-red-1100-rgb: 93, 6, 24; --mxd-red-1200: #3c071d; --mxd-red-1200-rgb: 60, 7, 29; --mxd-orange-100: #fbe6da; --mxd-orange-100-rgb: 251, 230, 218; --mxd-orange-200: #f7ccb5; --mxd-orange-200-rgb: 247, 204, 181; --mxd-orange-300: #f2b18f; --mxd-orange-300-rgb: 242, 177, 143; --mxd-orange-400: #ee9667; --mxd-orange-400-rgb: 238, 150, 103; --mxd-orange-500: #e9783d; --mxd-orange-500-rgb: 233, 120, 61; --mxd-orange-600: #e35205; --mxd-orange-600-rgb: 227, 82, 5; --mxd-orange-700: #c64809; --mxd-orange-700-rgb: 198, 72, 9; --mxd-orange-800: #a53e0e; --mxd-orange-800-rgb: 165, 62, 14; --mxd-orange-900: #863313; --mxd-orange-900-rgb: 134, 51, 19; --mxd-orange-1000: #672917; --mxd-orange-1000-rgb: 103, 41, 23; --mxd-orange-1100: #4a1f1c; --mxd-orange-1100-rgb: 74, 31, 28; --mxd-orange-1200: #2c1520; --mxd-orange-1200-rgb: 44, 21, 32; --mxd-yellow-100: #fdf3bd; --mxd-yellow-100-rgb: 253, 243, 189; --mxd-yellow-200: #fbe575; --mxd-yellow-200-rgb: 251, 229, 117; --mxd-yellow-300: #fdda25; --mxd-yellow-300-rgb: 253, 218, 37; --mxd-yellow-400: #e2c222; --mxd-yellow-400-rgb: 226, 194, 34; --mxd-yellow-500: #c7ab21; --mxd-yellow-500-rgb: 199, 171, 33; --mxd-yellow-600: #ad9422; --mxd-yellow-600-rgb: 173, 148, 34; --mxd-yellow-700: #937e22; --mxd-yellow-700-rgb: 147, 126, 34; --mxd-yellow-800: #7a6923; --mxd-yellow-800-rgb: 122, 105, 35; --mxd-yellow-900: #625423; --mxd-yellow-900-rgb: 98, 84, 35; --mxd-yellow-1000: #4b4023; --mxd-yellow-1000-rgb: 75, 64, 35; --mxd-yellow-1100: #342e23; --mxd-yellow-1100-rgb: 52, 46, 35; --mxd-yellow-1200: #1c1c22; --mxd-yellow-1200-rgb: 28, 28, 34; --mxd-light-green-100: #ddf0ce; --mxd-light-green-100-rgb: 221, 240, 206; --mxd-light-green-200: #bce097; --mxd-light-green-200-rgb: 188, 224, 151; --mxd-light-green-300: #9bcf5d; --mxd-light-green-300-rgb: 155, 207, 93; --mxd-light-green-400: #78be20; --mxd-light-green-400-rgb: 120, 190, 32; --mxd-light-green-500: #6aa81c; --mxd-light-green-500-rgb: 106, 168, 28; --mxd-light-green-600: #5d9319; --mxd-light-green-600-rgb: 93, 147, 25; --mxd-light-green-700: #507e15; --mxd-light-green-700-rgb: 80, 126, 21; --mxd-light-green-800: #436a12; --mxd-light-green-800-rgb: 67, 106, 18; --mxd-light-green-900: #365612; --mxd-light-green-900-rgb: 54, 86, 18; --mxd-light-green-1000: #2a4317; --mxd-light-green-1000-rgb: 42, 67, 23; --mxd-light-green-1100: #1e301c; --mxd-light-green-1100-rgb: 30, 48, 28; --mxd-light-green-1200: #131f20; --mxd-light-green-1200-rgb: 19, 31, 32; --mxd-teal-100: #d7edef; --mxd-teal-100-rgb: 215, 237, 239; --mxd-teal-200: #b0dbde; --mxd-teal-200-rgb: 176, 219, 222; --mxd-teal-300: #87c9cd; --mxd-teal-300-rgb: 135, 201, 205; --mxd-teal-400: #5eb6bc; --mxd-teal-400-rgb: 94, 182, 188; --mxd-teal-500: #33a3aa; --mxd-teal-500-rgb: 51, 163, 170; --mxd-teal-600: #008c95; --mxd-teal-600-rgb: 0, 140, 149; --mxd-teal-700: #007981; --mxd-teal-700-rgb: 0, 121, 129; --mxd-teal-800: #00656c; --mxd-teal-800-rgb: 0, 101, 108; --mxd-teal-900: #005157; --mxd-teal-900-rgb: 0, 81, 87; --mxd-teal-1000: #003e42; --mxd-teal-1000-rgb: 0, 62, 66; --mxd-teal-1100: #002c2f; --mxd-teal-1100-rgb: 0, 44, 47; --mxd-teal-1200: #001b1d; --mxd-teal-1200-rgb: 0, 27, 29; --mxd-purple-100: #eee7f3; --mxd-purple-100-rgb: 238, 231, 243; --mxd-purple-200: #dfcfe8; --mxd-purple-200-rgb: 223, 207, 232; --mxd-purple-300: #cfb7dd; --mxd-purple-300-rgb: 207, 183, 221; --mxd-purple-400: #c0a0d3; --mxd-purple-400-rgb: 192, 160, 211; --mxd-purple-500: #b189c8; --mxd-purple-500-rgb: 177, 137, 200; --mxd-purple-600: #a271bd; --mxd-purple-600-rgb: 162, 113, 189; --mxd-purple-700: #925ab2; --mxd-purple-700-rgb: 146, 90, 178; --mxd-purple-800: #8342a7; --mxd-purple-800-rgb: 131, 66, 167; --mxd-purple-900: #72289c; --mxd-purple-900-rgb: 114, 40, 156; --mxd-purple-1000: #5c068c; --mxd-purple-1000-rgb: 92, 6, 140; --mxd-purple-1100: #47056c; --mxd-purple-1100-rgb: 71, 5, 108; --mxd-purple-1200: #2c054d; --mxd-purple-1200-rgb: 44, 5, 77; --mxd-magenta-100: #fde3f2; --mxd-magenta-100-rgb: 253, 227, 242; --mxd-magenta-200: #fbc5e5; --mxd-magenta-200-rgb: 251, 197, 229; --mxd-magenta-300: #f6a8d6; --mxd-magenta-300-rgb: 246, 168, 214; --mxd-magenta-400: #f18ac5; --mxd-magenta-400-rgb: 241, 138, 197; --mxd-magenta-500: #eb6ab3; --mxd-magenta-500-rgb: 235, 106, 179; --mxd-magenta-600: #e5449f; --mxd-magenta-600-rgb: 229, 68, 159; --mxd-magenta-700: #d9017a; --mxd-magenta-700-rgb: 217, 1, 122; --mxd-magenta-800: #ba0168; --mxd-magenta-800-rgb: 186, 1, 104; --mxd-magenta-900: #990156; --mxd-magenta-900-rgb: 153, 1, 86; --mxd-magenta-1000: #7a0144; --mxd-magenta-1000-rgb: 122, 1, 68; --mxd-magenta-1100: #5a0239; --mxd-magenta-1100-rgb: 90, 2, 57; --mxd-magenta-1200: #390432; --mxd-magenta-1200-rgb: 57, 4, 50; } h1 { font-size: 28px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 36px; color: var(--mxd-grey-11); letter-spacing: inherit; } h2 { font-size: 24px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 32px; color: var(--mxd-grey-11); letter-spacing: inherit; } h3 { font-size: 18px; font-family: Roboto; font-weight: 500; font-style: normal; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } html, body { font-size: 14px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 20px; color: var(--mxd-grey-11); letter-spacing: inherit; } mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { font-size: 16px; font-family: "Roboto"; font-weight: 500; font-style: medium; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } .rs-input-text { font-size: 16px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label { font-size: 14px; font-family: Roboto; font-weight: 500; font-style: normal; line-height: 20px; color: var(--mxd-grey-11); letter-spacing: inherit; } ul.menu-list li { cursor: pointer; height: 40px; padding: 0 16px; display: flex; align-items: center; } ul.menu-list li.active { background-color: rgba(4, 90, 196, 0.08); color: var(--bds-core-links-blue-700); border-left: 4px solid var(--bds-core-links-blue-700); } ul.menu-list li:not(.active):hover { background-color: var(--mxd-grey-100); } .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-ripple-color: rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color: var(--mxd-bright-blue-900); --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color: var(--mxd-bright-blue-700); --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --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-warn { --mat-option-selected-state-label-text-color: #f44336; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --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); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: var(--mxd-bright-blue-900); --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --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: var(--mxd-bright-blue-900); --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-full-pseudo-checkbox-selected-icon-color: var(--mxd-bright-blue-700); --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --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: var(--mxd-bright-blue-700); --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: var(--mxd-bright-blue-700); --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --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: var(--mxd-bright-blue-700); --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #f44336; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --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: #f44336; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --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); } html { --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; } html { --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: rgba(0, 0, 0, 0.54); } html { --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: var(--mxd-bright-blue-900); --mdc-linear-progress-track-color: var(--mxd-bright-blue-900); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: var(--mxd-bright-blue-700); --mdc-linear-progress-track-color: var(--mxd-bright-blue-700); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #f44336; --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25); } html { --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; } html { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; } html { --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; } html { --mdc-filled-text-field-caret-color: var(--mxd-bright-blue-900); --mdc-filled-text-field-focus-active-indicator-color: var(--mxd-bright-blue-900); --mdc-filled-text-field-focus-label-text-color: var(--mxd-bright-blue-900); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #f44336; --mdc-filled-text-field-error-focus-label-text-color: #f44336; --mdc-filled-text-field-error-label-text-color: #f44336; --mdc-filled-text-field-error-caret-color: #f44336; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #f44336; --mdc-filled-text-field-error-focus-active-indicator-color: #f44336; --mdc-filled-text-field-error-hover-active-indicator-color: #f44336; --mdc-outlined-text-field-caret-color: var(--mxd-bright-blue-900); --mdc-outlined-text-field-focus-outline-color: var(--mxd-bright-blue-900); --mdc-outlined-text-field-focus-label-text-color: var(--mxd-bright-blue-900); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #f44336; --mdc-outlined-text-field-error-focus-label-text-color: #f44336; --mdc-outlined-text-field-error-label-text-color: #f44336; --mdc-outlined-text-field-error-hover-label-text-color: #f44336; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #f44336; --mdc-outlined-text-field-error-hover-outline-color: #f44336; --mdc-outlined-text-field-error-outline-color: #f44336; --mat-form-field-focus-select-arrow-color: var(--mxd-bright-blue-900); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #f44336; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: var(--mxd-bright-blue-700); --mdc-filled-text-field-focus-active-indicator-color: var(--mxd-bright-blue-700); --mdc-filled-text-field-focus-label-text-color: var(--mxd-bright-blue-700); --mdc-outlined-text-field-caret-color: var(--mxd-bright-blue-700); --mdc-outlined-text-field-focus-outline-color: var(--mxd-bright-blue-700); --mdc-outlined-text-field-focus-label-text-color: var(--mxd-bright-blue-700); --mat-form-field-focus-select-arrow-color: var(--mxd-bright-blue-700); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #f44336; --mdc-filled-text-field-focus-active-indicator-color: #f44336; --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87); --mdc-outlined-text-field-caret-color: #f44336; --mdc-outlined-text-field-focus-outline-color: #f44336; --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87); --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87); } html { --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; } html { --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); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: var(--mxd-bright-blue-900); --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: var(--mxd-bright-blue-700); --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87); --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87); } html { --mat-select-arrow-transform: translateY(-8px); } html { --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); } html { --mat-autocomplete-background-color: white; } html { --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; } html { --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } .mat-mdc-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-standard-chip { --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; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: var(--mxd-greyscale-white); --mdc-chip-elevated-container-color: var(--mxd-bright-blue-900); --mdc-chip-elevated-selected-container-color: var(--mxd-bright-blue-900); --mdc-chip-elevated-disabled-container-color: var(--mxd-bright-blue-900); --mdc-chip-flat-disabled-selected-container-color: var(--mxd-bright-blue-900); --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: var(--mxd-greyscale-white); --mdc-chip-selected-label-text-color: var(--mxd-greyscale-white); --mdc-chip-with-icon-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-icon-disabled-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-icon-selected-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-trailing-icon-trailing-icon-color: var(--mxd-greyscale-white); --mat-chip-selected-disabled-trailing-icon-color: var(--mxd-greyscale-white); --mat-chip-selected-trailing-icon-color: var(--mxd-greyscale-white); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: var(--mxd-greyscale-white); --mdc-chip-elevated-container-color: var(--mxd-bright-blue-700); --mdc-chip-elevated-selected-container-color: var(--mxd-bright-blue-700); --mdc-chip-elevated-disabled-container-color: var(--mxd-bright-blue-700); --mdc-chip-flat-disabled-selected-container-color: var(--mxd-bright-blue-700); --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: var(--mxd-greyscale-white); --mdc-chip-selected-label-text-color: var(--mxd-greyscale-white); --mdc-chip-with-icon-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-icon-disabled-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-icon-selected-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mxd-greyscale-white); --mdc-chip-with-trailing-icon-trailing-icon-color: var(--mxd-greyscale-white); --mat-chip-selected-disabled-trailing-icon-color: var(--mxd-greyscale-white); --mat-chip-selected-trailing-icon-color: var(--mxd-greyscale-white); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #f44336; --mdc-chip-elevated-selected-container-color: #f44336; --mdc-chip-elevated-disabled-container-color: #f44336; --mdc-chip-flat-disabled-selected-container-color: #f44336; --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; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } 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-selected-focus-state-layer-color: var(--mxd-bright-blue-800); --mdc-switch-selected-handle-color: var(--mxd-bright-blue-800); --mdc-switch-selected-hover-state-layer-color: var(--mxd-bright-blue-800); --mdc-switch-selected-pressed-state-layer-color: var(--mxd-bright-blue-800); --mdc-switch-selected-focus-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-hover-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-pressed-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-focus-track-color: var(--mxd-bright-blue-500); --mdc-switch-selected-hover-track-color: var(--mxd-bright-blue-500); --mdc-switch-selected-pressed-track-color: var(--mxd-bright-blue-500); --mdc-switch-selected-track-color: var(--mxd-bright-blue-500); --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: rgba(0, 0, 0, 0.38); } html .mat-mdc-slide-toggle { --mat-switch-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: var(--mxd-bright-blue-800); --mdc-switch-selected-handle-color: var(--mxd-bright-blue-800); --mdc-switch-selected-hover-state-layer-color: var(--mxd-bright-blue-800); --mdc-switch-selected-pressed-state-layer-color: var(--mxd-bright-blue-800); --mdc-switch-selected-focus-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-hover-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-pressed-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-focus-track-color: var(--mxd-bright-blue-500); --mdc-switch-selected-hover-track-color: var(--mxd-bright-blue-500); --mdc-switch-selected-pressed-track-color: var(--mxd-bright-blue-500); --mdc-switch-selected-track-color: var(--mxd-bright-blue-500); } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-selected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state-layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; --mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pressed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e57373; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } html { --mdc-switch-state-layer-size: 40px; } html { --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-pressed-icon-color: var(--mxd-bright-blue-900); --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: var(--mxd-bright-blue-900); --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: var(--mxd-bright-blue-700); --mdc-radio-selected-hover-icon-color: var(--mxd-bright-blue-700); --mdc-radio-selected-icon-color: var(--mxd-bright-blue-700); --mdc-radio-selected-pressed-icon-color: var(--mxd-bright-blue-700); --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: var(--mxd-bright-blue-700); --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #f44336; --mdc-radio-selected-hover-icon-color: #f44336; --mdc-radio-selected-icon-color: #f44336; --mdc-radio-selected-pressed-icon-color: #f44336; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } html { --mdc-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } html { --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%); } html { --mdc-slider-handle-color: var(--mxd-bright-blue-900); --mdc-slider-focus-handle-color: var(--mxd-bright-blue-900); --mdc-slider-hover-handle-color: var(--mxd-bright-blue-900); --mdc-slider-active-track-color: var(--mxd-bright-blue-900); --mdc-slider-inactive-track-color: var(--mxd-bright-blue-900); --mdc-slider-with-tick-marks-inactive-container-color: var(--mxd-bright-blue-900); --mdc-slider-with-tick-marks-active-container-color: var(--mxd-greyscale-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: var(--mxd-bright-blue-900); --mat-slider-hover-state-layer-color: rgba(var(--mxd-bright-blue-900), 0.05); --mat-slider-focus-state-layer-color: rgba(var(--mxd-bright-blue-900), 0.2); --mat-slider-value-indicator-opacity: 0.6; } html .mat-accent { --mdc-slider-handle-color: var(--mxd-bright-blue-700); --mdc-slider-focus-handle-color: var(--mxd-bright-blue-700); --mdc-slider-hover-handle-color: var(--mxd-bright-blue-700); --mdc-slider-active-track-color: var(--mxd-bright-blue-700); --mdc-slider-inactive-track-color: var(--mxd-bright-blue-700); --mdc-slider-with-tick-marks-inactive-container-color: var(--mxd-bright-blue-700); --mdc-slider-with-tick-marks-active-container-color: var(--mxd-greyscale-white); --mat-slider-ripple-color: var(--mxd-bright-blue-700); --mat-slider-hover-state-layer-color: rgba(var(--mxd-bright-blue-700), 0.05); --mat-slider-focus-state-layer-color: rgba(var(--mxd-bright-blue-700), 0.2); } html .mat-warn { --mdc-slider-handle-color: #f44336; --mdc-slider-focus-handle-color: #f44336; --mdc-slider-hover-handle-color: #f44336; --mdc-slider-active-track-color: #f44336; --mdc-slider-inactive-track-color: #f44336; --mdc-slider-with-tick-marks-inactive-container-color: #f44336; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #f44336; --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05); --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2); } html { --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; } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: 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: rgba(0, 0, 0, 0.12); } html { --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; } html { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --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: rgba(0, 0, 0, 0.87); --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: rgba(0, 0, 0, 0.87); --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; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-pressed-icon-color: var(--mxd-bright-blue-900); } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: var(--mxd-bright-blue-700); --mdc-radio-selected-hover-icon-color: var(--mxd-bright-blue-700); --mdc-radio-selected-icon-color: var(--mxd-bright-blue-700); --mdc-radio-selected-pressed-icon-color: var(--mxd-bright-blue-700); } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #f44336; --mdc-radio-selected-hover-icon-color: #f44336; --mdc-radio-selected-icon-color: #f44336; --mdc-radio-selected-pressed-icon-color: #f44336; } .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: var(--mxd-greyscale-white); --mdc-checkbox-selected-focus-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-pressed-icon-color: var(--mxd-bright-blue-900); --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: var(--mxd-bright-blue-900); --mdc-checkbox-selected-hover-state-layer-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-pressed-state-layer-color: var(--mxd-bright-blue-900); --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-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: var(--mxd-greyscale-white); --mdc-checkbox-selected-focus-icon-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-hover-icon-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-icon-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-pressed-icon-color: var(--mxd-bright-blue-700); --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: var(--mxd-bright-blue-700); --mdc-checkbox-selected-hover-state-layer-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-pressed-state-layer-color: var(--mxd-bright-blue-700); --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-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: #f44336; --mdc-checkbox-selected-hover-icon-color: #f44336; --mdc-checkbox-selected-icon-color: #f44336; --mdc-checkbox-selected-pressed-icon-color: #f44336; --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: #f44336; --mdc-checkbox-selected-hover-state-layer-color: #f44336; --mdc-checkbox-selected-pressed-state-layer-color: #f44336; --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-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: var(--mxd-bright-blue-900); } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --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 { --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); } 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; } html { --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-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: var(--mxd-bright-blue-900); --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: var(--mxd-bright-blue-900); --mat-tab-header-active-ripple-color: var(--mxd-bright-blue-900); --mat-tab-header-inactive-ripple-color: var(--mxd-bright-blue-900); --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: var(--mxd-bright-blue-900); --mat-tab-header-active-hover-label-text-color: var(--mxd-bright-blue-900); --mat-tab-header-active-focus-indicator-color: var(--mxd-bright-blue-900); --mat-tab-header-active-hover-indicator-color: var(--mxd-bright-blue-900); } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: var(--mxd-bright-blue-700); --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: var(--mxd-bright-blue-700); --mat-tab-header-active-ripple-color: var(--mxd-bright-blue-700); --mat-tab-header-inactive-ripple-color: var(--mxd-bright-blue-700); --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: var(--mxd-bright-blue-700); --mat-tab-header-active-hover-label-text-color: var(--mxd-bright-blue-700); --mat-tab-header-active-focus-indicator-color: var(--mxd-bright-blue-700); --mat-tab-header-active-hover-indicator-color: var(--mxd-bright-blue-700); } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #f44336; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #f44336; --mat-tab-header-active-ripple-color: #f44336; --mat-tab-header-inactive-ripple-color: #f44336; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #f44336; --mat-tab-header-active-hover-label-text-color: #f44336; --mat-tab-header-active-focus-indicator-color: #f44336; --mat-tab-header-active-hover-indicator-color: #f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: var(--mxd-bright-blue-900); --mat-tab-header-with-background-foreground-color: var(--mxd-greyscale-white); } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: var(--mxd-bright-blue-700); --mat-tab-header-with-background-foreground-color: var(--mxd-greyscale-white); } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #f44336; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; } 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; } html { --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: var(--mxd-greyscale-white); --mdc-checkbox-selected-focus-icon-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-hover-icon-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-icon-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-pressed-icon-color: var(--mxd-bright-blue-700); --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: var(--mxd-bright-blue-700); --mdc-checkbox-selected-hover-state-layer-color: var(--mxd-bright-blue-700); --mdc-checkbox-selected-pressed-state-layer-color: var(--mxd-bright-blue-700); --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: rgba(0, 0, 0, 0.38); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); } .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: var(--mxd-greyscale-white); --mdc-checkbox-selected-focus-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-pressed-icon-color: var(--mxd-bright-blue-900); --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: var(--mxd-bright-blue-900); --mdc-checkbox-selected-hover-state-layer-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-pressed-state-layer-color: var(--mxd-bright-blue-900); --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-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: #f44336; --mdc-checkbox-selected-hover-icon-color: #f44336; --mdc-checkbox-selected-icon-color: #f44336; --mdc-checkbox-selected-pressed-icon-color: #f44336; --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: #f44336; --mdc-checkbox-selected-hover-state-layer-color: #f44336; --mdc-checkbox-selected-pressed-state-layer-color: #f44336; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mdc-checkbox-state-layer-size: 40px; --mat-checkbox-touch-target-display: block; } html { --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; } html { --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 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: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --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: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --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: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --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; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: var(--mxd-bright-blue-900); --mat-text-button-state-layer-color: var(--mxd-bright-blue-900); --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: var(--mxd-bright-blue-700); --mat-text-button-state-layer-color: var(--mxd-bright-blue-700); --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #f44336; --mat-text-button-state-layer-color: #f44336; --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: var(--mxd-bright-blue-900); --mdc-filled-button-label-text-color: var(--mxd-greyscale-white); --mat-filled-button-state-layer-color: #000; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: var(--mxd-bright-blue-700); --mdc-filled-button-label-text-color: var(--mxd-greyscale-white); --mat-filled-button-state-layer-color: #000; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #f44336; --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); } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: var(--mxd-bright-blue-900); --mdc-protected-button-label-text-color: var(--mxd-greyscale-white); --mat-protected-button-state-layer-color: #000; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: var(--mxd-bright-blue-700); --mdc-protected-button-label-text-color: var(--mxd-greyscale-white); --mat-protected-button-state-layer-color: #000; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #f44336; --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); } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: var(--mxd-bright-blue-900); --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: var(--mxd-bright-blue-900); --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: var(--mxd-bright-blue-700); --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: var(--mxd-bright-blue-700); --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #f44336; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #f44336; --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1); } html { --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; } html { --mdc-icon-button-icon-size: 24px; } html { --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; } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: var(--mxd-bright-blue-900); --mat-icon-button-state-layer-color: var(--mxd-bright-blue-900); --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: var(--mxd-bright-blue-700); --mat-icon-button-state-layer-color: var(--mxd-bright-blue-700); --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #f44336; --mat-icon-button-state-layer-color: #f44336; --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1); } html { --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); } html { --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(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 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(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color: var(--mxd-bright-blue-900); --mat-fab-foreground-color: #000; --mat-fab-state-layer-color: #000; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color: var(--mxd-bright-blue-700); --mat-fab-foreground-color: #000; --mat-fab-state-layer-color: #000; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #f44336; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: var(--mxd-bright-blue-900); --mat-fab-small-foreground-color: #000; --mat-fab-small-state-layer-color: #000; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: var(--mxd-bright-blue-700); --mat-fab-small-foreground-color: #000; --mat-fab-small-state-layer-color: #000; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #f44336; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html { --mat-fab-touch-target-display: block; --mat-fab-small-touch-target-display: block; } html { --mdc-snackbar-container-shape: 4px; } html { --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: var(--mxd-bright-blue-700); } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } html { --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; } html { --mdc-circular-progress-active-indicator-color: var(--mxd-bright-blue-900); } html .mat-accent { --mdc-circular-progress-active-indicator-color: var(--mxd-bright-blue-700); } html .mat-warn { --mdc-circular-progress-active-indicator-color: #f44336; } html { --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; } html { --mat-badge-background-color: var(--mxd-bright-blue-900); --mat-badge-text-color: var(--mxd-greyscale-white); --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: var(--mxd-bright-blue-700); --mat-badge-text-color: var(--mxd-greyscale-white); } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --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; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; } html { --mat-standard-button-toggle-height: 48px; } html { --mat-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); } html { --mat-datepicker-calendar-date-selected-state-text-color: var(--mxd-greyscale-white); --mat-datepicker-calendar-date-selected-state-background-color: var(--mxd-bright-blue-900); --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mxd-greyscale-white); --mat-datepicker-calendar-date-focus-state-background-color: var(--mxd-bright-blue-900); --mat-datepicker-calendar-date-hover-state-background-color: var(--mxd-bright-blue-900); --mat-datepicker-toggle-active-state-icon-color: var(--mxd-bright-blue-900); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--mxd-bright-blue-900), 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: var(--mxd-greyscale-white); --mat-datepicker-calendar-date-selected-state-background-color: var(--mxd-bright-blue-700); --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mxd-greyscale-white); --mat-datepicker-calendar-date-focus-state-background-color: var(--mxd-bright-blue-700); --mat-datepicker-calendar-date-hover-state-background-color: var(--mxd-bright-blue-700); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--mxd-bright-blue-700), 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: var(--mxd-bright-blue-700); } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #f44336; } .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-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: var(--mxd-bright-blue-900); } .mat-icon.mat-accent { --mat-icon-color: var(--mxd-bright-blue-700); } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --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; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-header-selected-state-icon-background-color: var(--mxd-bright-blue-900); --mat-stepper-header-selected-state-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-header-done-state-icon-background-color: var(--mxd-bright-blue-900); --mat-stepper-header-done-state-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-header-edit-state-icon-background-color: var(--mxd-bright-blue-900); --mat-stepper-header-edit-state-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-header-selected-state-icon-background-color: var(--mxd-bright-blue-700); --mat-stepper-header-selected-state-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-header-done-state-icon-background-color: var(--mxd-bright-blue-700); --mat-stepper-header-done-state-icon-foreground-color: var(--mxd-greyscale-white); --mat-stepper-header-edit-state-icon-background-color: var(--mxd-bright-blue-700); --mat-stepper-header-edit-state-icon-foreground-color: var(--mxd-greyscale-white); } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } html { --mat-sort-arrow-color: #757575; } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: var(--mxd-bright-blue-900); --mat-toolbar-container-text-color: var(--mxd-greyscale-white); } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: var(--mxd-bright-blue-700); --mat-toolbar-container-text-color: var(--mxd-greyscale-white); } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 48px; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-mdc-tab-nav-bar, .mat-mdc-tab-group { --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-tracking: 0; --mat-tab-header-label-text-transform: none; --mat-tab-header-inactive-label-text-color: var(--mxd-grey-1100) !important; --mat-tab-header-inactive-hover-label-text-color: var(--bds-core-links-blue-700) !important; --mat-tab-header-active-label-text-color:var(--bds-core-links-blue-700) !important; --mat-tab-header-active-hover-label-text-color:var(--bds-core-links-blue-700) !important; --mat-tab-header-active-focus-label-text-color:var(--bds-core-links-blue-700) !important; --mat-tab-header-active-ink-bar-color: var(--bds-core-links-blue-700) !important; --mat-tab-header-active-focus-indicator-color: var(--bds-core-links-blue-700) !important; --mat-tab-header-active-hover-indicator-color: var(--bds-core-links-blue-700) !important; --mdc-tab-indicator-active-indicator-color: var(--bds-core-links-blue-700) !important; --mat-tab-header-label-text-weight: 500; --mdc-secondary-navigation-tab-container-height: 100%; background-color: var(--mxd-greyscale-white); } .mat-mdc-tab-links, .mat-mdc-tab-link { height: 100%; } .mat-mdc-tab-link.mdc-tab-indicator--active { --mat-tab-header-label-text-weight: 500; } .mat-mdc-tab-link.mdc-tab-indicator--active.active-highlight { background-color: var(--mxd-bright-blue-100); } .mat-mdc-tab-nav-bar.secondary-nav-bar { padding-top: 12px !important; } .mat-mdc-tab-nav-bar.secondary-nav-bar .mat-mdc-tab-link.mdc-tab-indicator--active { --mat-tab-header-label-text-weight: 400 !important; background-color: var(--mxd-bright-blue-100); } .mat-mdc-tab-link-container { flex-grow: unset !important; } :root { --mdc-filled-text-field-container-color: transparent; --mdc-filled-text-field-disabled-container-color: transparent; --mdc-filled-text-field-label-text-size: 14px; --mdc-filled-text-field-label-text-tracking: normal; --mdc-filled-text-field-label-text-weight: 400; --mat-form-field-container-text-size: 14px; --mat-form-field-container-text-line-height: 22.4px; --mat-form-field-container-text-weight: 400; --mat-form-field-container-text-tracking: normal; --mat-form-field-outlined-label-text-populated-size: 14px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-line-height: 19.2px; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; --mdc-theme-error: var(--bds-error-red-600); --mdc-filled-text-field-disabled-label-text-color: #8f9294; --mdc-filled-text-field-input-text-color: var(--mxd-grey-900); --mdc-filled-text-field-label-text-color: var(--mxd-grey-900); --mdc-filled-text-field-active-indicator-color: var(--mxd-grey-700); --mdc-filled-text-field-caret-color: var(--mxd-bright-blue-900); --mdc-filled-text-field-focus-active-indicator-color: var(--mxd-bright-blue-900); --mdc-filled-text-field-focus-label-text-color: var(--mxd-bright-blue-900); --mdc-filled-text-field-disabled-active-indicator-color: var(--mxd-grey-400); --mdc-filled-text-field-disabled-label-text-color: var(--mxd-grey-700); --mdc-filled-text-field-disabled-input-text-color: var(--mxd-grey-700); --mat-form-field-state-layer-color: transparent; --mat-form-field-hover-state-layer-opacity: 0; } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: var(--bds-neutral-gray-300); } .mdc-text-field--filled .mdc-floating-label--float-above { transform: translateY(-180%) scale(0.75) !important; margin-top: 6px; } .mat-mdc-form-field-infix { min-height: 40px !important; } .mat-mdc-paginator .mat-mdc-form-field-infix { min-height: 25px !important; } .mdc-text-field { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .mat-mdc-text-field-wrapper { height: 40px !important; } .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label { display: inline !important; } .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix { padding-bottom: 0px !important; padding-top: 0px !important; } .mat-form-field.mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 0 !important; } .mat-form-field.mat-form-field-hide-placeholder .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 0 !important; } .mat-form-field .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 0 !important; } .mat-mdc-select { margin-top: 16px; } .mat-mdc-paginator .mat-mdc-select { margin-top: 0px; } .mdc-floating-label { will-change: auto !important; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix { padding-bottom: 2px !important; padding-top: 2px !important; } .mat-mdc-form-field-icon-suffix, [dir=rtl] .mat-mdc-form-field-icon-prefix { padding: 14px 8px 0 8px !important; } .mat-mdc-form-field-icon-suffix:has(mat-datepicker-toggle), [dir=rtl] .mat-mdc-form-field-icon-prefix:has(mat-datepicker-toggle) { padding: 0 0 0 8px !important; } .mdc-text-field, .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper { padding: 0 !important; } .mdc-text-field .mat-mdc-icon-button.mat-mdc-button-base, .mat-mdc-form-field-hint-wrapper .mat-mdc-icon-button.mat-mdc-button-base, .mat-mdc-form-field-error-wrapper .mat-mdc-icon-button.mat-mdc-button-base { height: 40px; padding: 0; width: 40px; } .mdc-text-field--filled:not(.mdc-text-field--disabled), .mat-mdc-form-field-focus-overlay, .mdc-text-field--disabled.mdc-text-field--filled { background-color: transparent; } .mat-form-field-disabled .mat-mdc-form-field-icon-suffix { color: var(--bds-neutral-gray-300); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker) { color: var(--bds-error-red-600) !important; } .mdc-text-field--disabled .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after { color: #8f9294 !important; } .mdc-text-field--disabled .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker) { color: #8f9294 !important; } .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker) { padding-left: 2px; } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:active { border-bottom-color: var(--bds-error-red-600) !important; } .mdc-text-field--invalid .mdc-text-field__input { caret-color: var(--bds-error-red-600) !important; } .hide-subscript-wrapper .mat-mdc-form-field-subscript-wrapper { display: none; } .mdc-text-field__input { margin-top: 18px; } textarea.mdc-text-field__input { margin-top: 18px; margin-bottom: -10px; } .mat-mdc-form-field { position: relative !important; margin-bottom: 0; } .mat-mdc-form-field.readonly .mdc-floating-label { color: #75787B; } .mat-mdc-form-field.readonly input.mdc-text-field__input { color: #75787B; } .mat-mdc-form-field.readonly .mdc-line-ripple::before, .mat-mdc-form-field.readonly .mdc-line-ripple::after, .mat-mdc-form-field.readonly .mdc-line-ripple--active::after { border-bottom-style: dashed; border-bottom-color: #75787B; border-bottom-width: 1px; } .mat-form-field-disabled .mdc-line-ripple::before { border-bottom-style: dotted !important; border-image: repeating-linear-gradient(to right, var(--mxd-grey-400) 0, var(--mxd-grey-400) 2px, transparent 2px, transparent 4px) 1; } .mat-mdc-form-field-subscript-wrapper:empty { display: none; } .mat-mdc-form-field-subscript-wrapper { min-height: 0 !important; padding-top: 0 !important; } .mat-mdc-form-field-subscript-wrapper::before { display: none !important; } .mat-mdc-form-field-subscript-wrapper:has(.mat-mdc-form-field-hint:not(:empty), .mat-mdc-form-field-error:not(:empty)) { display: block !important; } .mat-mdc-select-arrow-wrapper { display: none !important; } .mat-mdc-slide-toggle .mdc-switch + .mdc-label { padding-left: 16px; } /* .mat-mdc-form-field-icon-suffix { position: absolute !important; bottom: 0; right: 0; } */ .mdc-button { --mdc-outlined-button-label-text-color: var(--mxd-bright-blue-900); --mdc-outlined-button-outline-color: var(--mxd-grey-500); --mdc-outlined-button-disabled-label-text-color: var(--mxd-greyscale-white); --mdc-outlined-button-disabled-outline-color: var(--mxd-grey-500); --mat-outlined-button-horizontal-padding: 16px; --mdc-text-button-label-text-color: var(--mxd-bright-blue-900); } .mdc-button__label { letter-spacing: 0; font-size: 16px; font-weight: 500; } .mdc-button.small-btn { height: 24px; padding: 2px 8px; } .mdc-button.small-btn fa-icon { width: 14px; height: 16px; } .mdc-button.small-btn .mdc-button__label { letter-spacing: 0; font-size: 14px !important; font-style: normal; font-weight: 500; line-height: 20px; } .mat-mdc-button:not(:disabled).error { --mdc-info-button-label-text-color: var(--mxd-red-800); border: 1px solid var(--mxd-grey-500); } .mat-mdc-outlined-button:not(:disabled) { background-color: white; } .mat-mdc-outlined-button:not(:disabled).info, .mat-mdc-outlined-button:not(:disabled).error, .mat-mdc-outlined-button:not(:disabled).success { --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: none; } .mat-mdc-outlined-button:not(:disabled).info { background-color: var(--mxd-bright-blue-900); } .mat-mdc-outlined-button:not(:disabled).error { background-color: var(--mxd-red-800); } .mat-mdc-outlined-button:not(:disabled).success { background-color: var(--mxd-light-green-800); } .mat-mdc-outlined-button:not(:disabled).danger { --mdc-outlined-button-label-text-color: var(--mxd-red-800); --mdc-outlined-button-outline-color: var(--mxd-grey-100); } .mat-mdc-outlined-button:not(:disabled).danger:hover { background-color: var(--mxd-red-100); } .mat-mdc-outlined-button:not(:disabled).filled { --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: none; background-color: var(--mxd-bright-blue-900); } :root { --mdc-text-button-label-text-tracking: normal !important; --mdc-outlined-button-label-text-tracking: normal !important; --mdc-filled-button-label-text-tracking: normal !important; --mdc-protected-button-label-text-tracking: normal !important; } .mat-mdc-outlined-button:not(:disabled) { border: 1px solid var(--mxd-grey-500) !important; } .mat-mdc-outlined-button[disabled], .mat-mdc-outlined-button.mat-mdc-button-disabled { background-color: var(--mxd-grey-500); border: 1px solid var(--mxd-grey-500) !important; } .mat-mdc-outlined-button[disabled] fa-icon, .mat-mdc-outlined-button.mat-mdc-button-disabled fa-icon { color: white !important; } .mdc-button__label { display: flex; align-items: center; gap: 8px; } .clui cl-button .mat-mdc-outlined-button:not(:disabled), .clui cl-button .mat-mdc-outlined-button:disabled { border: 1px solid var(--mxd-grey-500); } .clui cl-button + cl-button { margin-left: 12px; } .mat-mdc-table { --mat-table-header-container-height: 32px; --mat-table-row-item-container-height: 32px; border: 1px solid var(--mxd-grey-200) !important; border-radius: var(--border-radius) !important; border-collapse: separate !important; overflow: visible; } .mat-mdc-table.no-border { border: 0 !important; } .mat-mdc-table td.separate, .mat-mdc-table th.separate { border-right: 1px solid var(--mxd-grey-200); } .mat-mdc-table tr.no-data-row { align-items: center; border-style: solid; border-width: 0; box-sizing: border-box; display: flex; flex: 1; height: 100%; justify-content: center; background: #f8f8f9; } .mat-mdc-table tr.no-data-row td { align-items: center; display: flex; flex: 1; flex-direction: column; height: 100%; justify-content: center; min-height: inherit; overflow: hidden; width: 100%; word-wrap: break-word; } .mat-mdc-table tr.no-data-row td fa-icon { display: flex; font-size: 20px; font-family: "Roboto"; font-weight: 400; font-style: normal; line-height: 24px; color: var(--bds-core-white); letter-spacing: 0em; background-color: var(--bds-neutral-gray-300); padding: 8px; border-radius: 4px; margin-bottom: 16px; } .mat-mdc-table tr.no-data-row td h2 { font-size: 24px; font-family: "Roboto"; font-weight: 500; font-style: normal; line-height: 32px; color: var(--mxd-grey-700); letter-spacing: 0em; text-align: center; } .mat-mdc-table tr.no-data-row td h3 { font-size: 18px; font-family: "Roboto"; font-weight: 500; font-style: normal; line-height: 24px; color: var(--mxd-grey-700); letter-spacing: 0em; text-align: center; } .mat-mdc-table tr.no-data-row td cl-button { margin-top: 40px; } .mat-mdc-table.no-border { border: 0 !important; border-radius: 0 !important; } .mat-mdc-table.compact mat-header-row:not(.progress-row), .mat-mdc-table.compact mat-row:not(.progress-row), .mat-mdc-table.compact mat-footer-row, .mat-mdc-table.compact tr:not(.progress-row) { height: unset; min-height: 32px; } .mat-mdc-table.compact.strict mat-row:not(.progress-row), .mat-mdc-table.compact.strict mat-footer-row, .mat-mdc-table.compact.strict tr:not(.progress-row) { height: 32px; max-height: 32px; } .mat-mdc-table th, .mat-mdc-table td { height: 32px; padding: 0 16px; vertical-align: middle; } .mat-mdc-header-row, .mat-mdc-row { font-size: 13px; font-size: 400; } .mat-mdc-header-row { font-size: 13px; font-size: 500; } tr.progress-row, .mat-mdc-header-row.progress-row { display: flex; width: 100%; height: auto; min-height: 0 !important; max-height: unset !important; padding: 0; } tr.progress-row .mat-mdc-header-cell, .mat-mdc-header-row.progress-row .mat-mdc-header-cell { padding: 0 !important; } mat-header-cell.mat-mdc-header-cell:first-of-type, mat-cell.mat-mdc-cell:first-of-type { padding: 0 16px; } mat-header-cell.mat-mdc-header-cell.align-right, mat-cell.mat-mdc-cell.align-right { text-align: right; display: flex; justify-content: flex-end; } mat-header-cell.mat-mdc-header-cell.bold, mat-cell.mat-mdc-cell.bold { font-weight: 500; } th.mat-mdc-header-cell.align-right, td.mat-mdc-cell.align-right { text-align: right; } .mat-mdc-table.bordered-cells .mat-mdc-header-cell, .mat-mdc-table.bordered-cells .mat-mdc-cell { border-right: 1px solid var(--mxd-grey-200); } .mat-mdc-table.bordered-cells .mat-mdc-header-cell:last-of-type, .mat-mdc-table.bordered-cells .mat-mdc-cell:last-of-type { border-right: none; } .mat-mdc-table.bordered-cells .mdc-data-table__row:last-child .mat-mdc-cell { border-bottom: 1px solid var(--mxd-grey-200); } /* Fix for double scrollbars - ensure only container has scroll */ .table-container { overflow: auto !important; } .table-container .mat-mdc-table, .table-container .plan-centers-table, .table-container .tree-table { overflow: visible !important; } :root { --mxd-moodys-blue: #0a1264; --mxd-moodys-blue-rgb: 10, 18, 100; --mxd-moodys-bright-blue: #005eff; --mxd-moodys-bright-blue-rgb: 0, 94, 255; --mxd-moodys-teal: #008c95; --mxd-moodys-teal-rgb: 0, 140, 149; --mxd-moodys-purple: #5c068c; --mxd-moodys-purple-rgb: 92, 6, 140; --mxd-moodys-red: #ba0c2f; --mxd-moodys-red-rgb: 186, 12, 47; --mxd-moodys-light-green: #78be20; --mxd-moodys-light-green-rgb: 120, 190, 32; --mxd-moodys-yellow: #fdda25; --mxd-moodys-yellow-rgb: 253, 218, 37; --mxd-moodys-magenta: #d9017a; --mxd-moodys-magenta-rgb: 217, 1, 122; --mxd-moodys-orange: #e35205; --mxd-moodys-orange-rgb: 227, 82, 5; --mxd-greyscale-black: #000000; --mxd-greyscale-black-rgb: 0, 0, 0; --mxd-greyscale-white: #ffffff; --mxd-greyscale-white-rgb: 255, 255, 255; --mxd-greyscale-extra-light-grey: #f0f0f1; --mxd-greyscale-extra-light-grey-rgb: 240, 240, 241; --mxd-greyscale-light-grey: #c8c9c7; --mxd-greyscale-light-grey-rgb: 200, 201, 199; --mxd-greyscale-medium-grey: #9c9fa1; --mxd-greyscale-medium-grey-rgb: 156, 159, 161; --mxd-greyscale-dark-grey: #53565a; --mxd-greyscale-dark-grey-rgb: 83, 86, 90; --mxd-blue-100: #e7e7f0; --mxd-blue-100-rgb: 231, 231, 240; --mxd-blue-200: #cfd0e1; --mxd-blue-200-rgb: 207, 208, 225; --mxd-blue-300: #b8b9d2; --mxd-blue-300-rgb: 184, 185, 210; --mxd-blue-400: #a2a2c4; --mxd-blue-400-rgb: 162, 162, 196; --mxd-blue-500: #8b8cb5; --mxd-blue-500-rgb: 139, 140, 181; --mxd-blue-600: #7677a7; --mxd-blue-600-rgb: 118, 119, 167; --mxd-blue-700: #606299; --mxd-blue-700-rgb: 96, 98, 153; --mxd-blue-800: #4a4d8c; --mxd-blue-800-rgb: 74, 77, 140; --mxd-blue-900: #35397e; --mxd-blue-900-rgb: 53, 57, 126; --mxd-blue-1000: #0a1264; --mxd-blue-1000-rgb: 10, 18, 100; --mxd-blue-1100: #11174f; --mxd-blue-1100-rgb: 17, 23, 79; --mxd-blue-1200: #040826; --mxd-blue-1200-rgb: 4, 8, 38; --mxd-bright-blue-100: #deebff; --mxd-bright-blue-100-rgb: 222, 235, 255; --mxd-bright-blue-200: #bed6ff; --mxd-bright-blue-200-rgb: 190, 214, 255; --mxd-bright-blue-300: #9dc1ff; --mxd-bright-blue-300-rgb: 157, 193, 255; --mxd-bright-blue-400: #7bacff; --mxd-bright-blue-400-rgb: 123, 172, 255; --mxd-bright-blue-500: #5996ff; --mxd-bright-blue-500-rgb: 89, 150, 255; --mxd-bright-blue-600: #347fff; --mxd-bright-blue-600-rgb: 52, 127, 255; --mxd-bright-blue-700: #005eff; --mxd-bright-blue-700-rgb: 0, 94, 255; --mxd-bright-blue-800: #0052e0; --mxd-bright-blue-800-rgb: 0, 82, 224; --mxd-bright-blue-900: #0044b7; --mxd-bright-blue-900-rgb: 0, 68, 183; --mxd-bright-blue-1000: #003590; --mxd-bright-blue-1000-rgb: 0, 53, 144; --mxd-bright-blue-1100: #00276a; --mxd-bright-blue-1100-rgb: 0, 39, 106; --mxd-bright-blue-1200: #001a46; --mxd-bright-blue-1200-rgb: 0, 26, 70; --mxd-grey-100: #f0f0f1; --mxd-grey-100-rgb: 240, 240, 241; --mxd-grey-200: #d7d8d7; --mxd-grey-200-rgb: 215, 216, 215; --mxd-grey-300: #bfc0bf; --mxd-grey-300-rgb: 191, 192, 191; --mxd-grey-400: #a6a9aa; --mxd-grey-400-rgb: 166, 169, 170; --mxd-grey-500: #8f9294; --mxd-grey-500-rgb: 143, 146, 148; --mxd-grey-600: #75787b; --mxd-grey-600-rgb: 117, 120, 123; --mxd-grey-700: #646669; --mxd-grey-700-rgb: 100, 102, 105; --mxd-grey-800: #4f5153; --mxd-grey-800-rgb: 79, 81, 83; --mxd-grey-900: #3c3d3f; --mxd-grey-900-rgb: 60, 61, 63; --mxd-grey-1000: #292b2c; --mxd-grey-1000-rgb: 41, 43, 44; --mxd-grey-1100: #181919; --mxd-grey-1100-rgb: 24, 25, 25; --mxd-grey-1200: #000000; --mxd-grey-1200-rgb: 0, 0, 0; --mxd-red-100: #f8e5e9; --mxd-red-100-rgb: 248, 229, 233; --mxd-red-200: #f1cbd3; --mxd-red-200-rgb: 241, 203, 211; --mxd-red-300: #eab1bd; --mxd-red-300-rgb: 234, 177, 189; --mxd-red-400: #e297a6; --mxd-red-400-rgb: 226, 151, 166; --mxd-red-500: #da7c8f; --mxd-red-500-rgb: 218, 124, 143; --mxd-red-600: #d25f76; --mxd-red-600-rgb: 210, 95, 118; --mxd-red-700: #c93f5a; --mxd-red-700-rgb: 201, 63, 90; --mxd-red-800: #ba0c2f; --mxd-red-800-rgb: 186, 12, 47; --mxd-red-900: #9c0a28; --mxd-red-900-rgb: 156, 10, 40; --mxd-red-1000: #7c0820; --mxd-red-1000-rgb: 124, 8, 32; --mxd-red-1100: #5d0618; --mxd-red-1100-rgb: 93, 6, 24; --mxd-red-1200: #3c071d; --mxd-red-1200-rgb: 60, 7, 29; --mxd-orange-100: #fbe6da; --mxd-orange-100-rgb: 251, 230, 218; --mxd-orange-200: #f7ccb5; --mxd-orange-200-rgb: 247, 204, 181; --mxd-orange-300: #f2b18f; --mxd-orange-300-rgb: 242, 177, 143; --mxd-orange-400: #ee9667; --mxd-orange-400-rgb: 238, 150, 103; --mxd-orange-500: #e9783d; --mxd-orange-500-rgb: 233, 120, 61; --mxd-orange-600: #e35205; --mxd-orange-600-rgb: 227, 82, 5; --mxd-orange-700: #c64809; --mxd-orange-700-rgb: 198, 72, 9; --mxd-orange-800: #a53e0e; --mxd-orange-800-rgb: 165, 62, 14; --mxd-orange-900: #863313; --mxd-orange-900-rgb: 134, 51, 19; --mxd-orange-1000: #672917; --mxd-orange-1000-rgb: 103, 41, 23; --mxd-orange-1100: #4a1f1c; --mxd-orange-1100-rgb: 74, 31, 28; --mxd-orange-1200: #2c1520; --mxd-orange-1200-rgb: 44, 21, 32; --mxd-yellow-100: #fdf3bd; --mxd-yellow-100-rgb: 253, 243, 189; --mxd-yellow-200: #fbe575; --mxd-yellow-200-rgb: 251, 229, 117; --mxd-yellow-300: #fdda25; --mxd-yellow-300-rgb: 253, 218, 37; --mxd-yellow-400: #e2c222; --mxd-yellow-400-rgb: 226, 194, 34; --mxd-yellow-500: #c7ab21; --mxd-yellow-500-rgb: 199, 171, 33; --mxd-yellow-600: #ad9422; --mxd-yellow-600-rgb: 173, 148, 34; --mxd-yellow-700: #937e22; --mxd-yellow-700-rgb: 147, 126, 34; --mxd-yellow-800: #7a6923; --mxd-yellow-800-rgb: 122, 105, 35; --mxd-yellow-900: #625423; --mxd-yellow-900-rgb: 98, 84, 35; --mxd-yellow-1000: #4b4023; --mxd-yellow-1000-rgb: 75, 64, 35; --mxd-yellow-1100: #342e23; --mxd-yellow-1100-rgb: 52, 46, 35; --mxd-yellow-1200: #1c1c22; --mxd-yellow-1200-rgb: 28, 28, 34; --mxd-light-green-100: #ddf0ce; --mxd-light-green-100-rgb: 221, 240, 206; --mxd-light-green-200: #bce097; --mxd-light-green-200-rgb: 188, 224, 151; --mxd-light-green-300: #9bcf5d; --mxd-light-green-300-rgb: 155, 207, 93; --mxd-light-green-400: #78be20; --mxd-light-green-400-rgb: 120, 190, 32; --mxd-light-green-500: #6aa81c; --mxd-light-green-500-rgb: 106, 168, 28; --mxd-light-green-600: #5d9319; --mxd-light-green-600-rgb: 93, 147, 25; --mxd-light-green-700: #507e15; --mxd-light-green-700-rgb: 80, 126, 21; --mxd-light-green-800: #436a12; --mxd-light-green-800-rgb: 67, 106, 18; --mxd-light-green-900: #365612; --mxd-light-green-900-rgb: 54, 86, 18; --mxd-light-green-1000: #2a4317; --mxd-light-green-1000-rgb: 42, 67, 23; --mxd-light-green-1100: #1e301c; --mxd-light-green-1100-rgb: 30, 48, 28; --mxd-light-green-1200: #131f20; --mxd-light-green-1200-rgb: 19, 31, 32; --mxd-teal-100: #d7edef; --mxd-teal-100-rgb: 215, 237, 239; --mxd-teal-200: #b0dbde; --mxd-teal-200-rgb: 176, 219, 222; --mxd-teal-300: #87c9cd; --mxd-teal-300-rgb: 135, 201, 205; --mxd-teal-400: #5eb6bc; --mxd-teal-400-rgb: 94, 182, 188; --mxd-teal-500: #33a3aa; --mxd-teal-500-rgb: 51, 163, 170; --mxd-teal-600: #008c95; --mxd-teal-600-rgb: 0, 140, 149; --mxd-teal-700: #007981; --mxd-teal-700-rgb: 0, 121, 129; --mxd-teal-800: #00656c; --mxd-teal-800-rgb: 0, 101, 108; --mxd-teal-900: #005157; --mxd-teal-900-rgb: 0, 81, 87; --mxd-teal-1000: #003e42; --mxd-teal-1000-rgb: 0, 62, 66; --mxd-teal-1100: #002c2f; --mxd-teal-1100-rgb: 0, 44, 47; --mxd-teal-1200: #001b1d; --mxd-teal-1200-rgb: 0, 27, 29; --mxd-purple-100: #eee7f3; --mxd-purple-100-rgb: 238, 231, 243; --mxd-purple-200: #dfcfe8; --mxd-purple-200-rgb: 223, 207, 232; --mxd-purple-300: #cfb7dd; --mxd-purple-300-rgb: 207, 183, 221; --mxd-purple-400: #c0a0d3; --mxd-purple-400-rgb: 192, 160, 211; --mxd-purple-500: #b189c8; --mxd-purple-500-rgb: 177, 137, 200; --mxd-purple-600: #a271bd; --mxd-purple-600-rgb: 162, 113, 189; --mxd-purple-700: #925ab2; --mxd-purple-700-rgb: 146, 90, 178; --mxd-purple-800: #8342a7; --mxd-purple-800-rgb: 131, 66, 167; --mxd-purple-900: #72289c; --mxd-purple-900-rgb: 114, 40, 156; --mxd-purple-1000: #5c068c; --mxd-purple-1000-rgb: 92, 6, 140; --mxd-purple-1100: #47056c; --mxd-purple-1100-rgb: 71, 5, 108; --mxd-purple-1200: #2c054d; --mxd-purple-1200-rgb: 44, 5, 77; --mxd-magenta-100: #fde3f2; --mxd-magenta-100-rgb: 253, 227, 242; --mxd-magenta-200: #fbc5e5; --mxd-magenta-200-rgb: 251, 197, 229; --mxd-magenta-300: #f6a8d6; --mxd-magenta-300-rgb: 246, 168, 214; --mxd-magenta-400: #f18ac5; --mxd-magenta-400-rgb: 241, 138, 197; --mxd-magenta-500: #eb6ab3; --mxd-magenta-500-rgb: 235, 106, 179; --mxd-magenta-600: #e5449f; --mxd-magenta-600-rgb: 229, 68, 159; --mxd-magenta-700: #d9017a; --mxd-magenta-700-rgb: 217, 1, 122; --mxd-magenta-800: #ba0168; --mxd-magenta-800-rgb: 186, 1, 104; --mxd-magenta-900: #990156; --mxd-magenta-900-rgb: 153, 1, 86; --mxd-magenta-1000: #7a0144; --mxd-magenta-1000-rgb: 122, 1, 68; --mxd-magenta-1100: #5a0239; --mxd-magenta-1100-rgb: 90, 2, 57; --mxd-magenta-1200: #390432; --mxd-magenta-1200-rgb: 57, 4, 50; } h1 { font-size: 28px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 36px; color: var(--mxd-grey-11); letter-spacing: inherit; } h2 { font-size: 24px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 32px; color: var(--mxd-grey-11); letter-spacing: inherit; } h3 { font-size: 18px; font-family: Roboto; font-weight: 500; font-style: normal; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } html, body { font-size: 14px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 20px; color: var(--mxd-grey-11); letter-spacing: inherit; } mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { font-size: 16px; font-family: "Roboto"; font-weight: 500; font-style: medium; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } .rs-input-text { font-size: 16px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label { font-size: 14px; font-family: Roboto; font-weight: 500; font-style: normal; line-height: 20px; color: var(--mxd-grey-11); letter-spacing: inherit; } .mat-mdc-chip-set, .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 24px !important; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label { --mdc-chip-label-text-color: var(--mxd-grey-700); } .mat-mdc-chip-set, .mat-mdc-chip-set .mdc-evolution-chip { margin: 0 !important; } .mat-mdc-chip { display: flex; } .mat-mdc-chip.info { --mdc-chip-elevated-container-color: var(--mxd-bright-blue-100); } .mat-mdc-chip.info .mdc-evolution-chip__text-label { --mdc-chip-label-text-color: var(--mxd-bright-blue-900); } .mat-mdc-chip.success { --mdc-chip-elevated-container-color: var(--mxd-light-green-100); } .mat-mdc-chip.error { --mdc-chip-elevated-container-color: var(--mxd-red-100); } .mat-mdc-chip.error .mdc-evolution-chip__text-label { --mdc-chip-label-text-color: var(--mxd-red-900); } mat-paginator { --mat-option-selected-state-label-text-color: var(--mxd-bright-blue-900) !important; height: 56px; font-size: 13px; background: transparent !important; border-top: 1px solid var(--bds-neutral-gray-50); color: var(--bds-neutral-gray-500) !important; --mat-icon-button-touch-target-display: none; } mat-paginator .mat-mdc-paginator-container { box-sizing: border-box; height: 56px; padding: 10px 16px; } mat-paginator .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 28px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 2px; } mat-paginator .mat-mdc-paginator-page-size { align-items: center !important; } mat-paginator .mat-mdc-paginator-page-size-select { width: 84px !important; font-size: 13px !important; } mat-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper { padding: 0; } mat-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper .mdc-notched-outline__leading { display: none; } mat-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper .mdc-notched-outline__trailing { border: 0; border-radius: 0 !important; } mat-paginator .mat-mdc-paginator-range-actions { margin-right: 4px; } mat-paginator .mat-mdc-paginator-range-actions button.mat-mdc-icon-button { color: var(--bds-neutral-gray-500); padding: 0; } mat-paginator .mat-mdc-select-arrow-wrapper { display: inline-flex !important; } mat-paginator .mat-mdc-select-arrow { display: inline-flex !important; } mat-paginator .mat-mdc-form-field-flex { width: 44px !important; } mat-paginator .mat-mdc-paginator .mat-mdc-select-value-text { color: var(--bds-neutral-gray-500) !important; font-size: 13px !important; font-weight: 500 !important; } mat-paginator .mat-mdc-select { display: inline !important; border-bottom: 1px solid var(--bds-neutral-gray-500); } .mat-mdc-select-panel { background: var(--bds-core-white); border: 1px solid var(--bds-neutral-gray-50); border-radius: var(--border-radius); box-shadow: var(--soft-shadow-md); } .mat-mdc-select-panel mat-option { overflow: visible; } .mat-mdc-select-panel mat-option .mdc-list-item__primary-text { overflow: visible; } :root { --mxd-moodys-blue: #0a1264; --mxd-moodys-blue-rgb: 10, 18, 100; --mxd-moodys-bright-blue: #005eff; --mxd-moodys-bright-blue-rgb: 0, 94, 255; --mxd-moodys-teal: #008c95; --mxd-moodys-teal-rgb: 0, 140, 149; --mxd-moodys-purple: #5c068c; --mxd-moodys-purple-rgb: 92, 6, 140; --mxd-moodys-red: #ba0c2f; --mxd-moodys-red-rgb: 186, 12, 47; --mxd-moodys-light-green: #78be20; --mxd-moodys-light-green-rgb: 120, 190, 32; --mxd-moodys-yellow: #fdda25; --mxd-moodys-yellow-rgb: 253, 218, 37; --mxd-moodys-magenta: #d9017a; --mxd-moodys-magenta-rgb: 217, 1, 122; --mxd-moodys-orange: #e35205; --mxd-moodys-orange-rgb: 227, 82, 5; --mxd-greyscale-black: #000000; --mxd-greyscale-black-rgb: 0, 0, 0; --mxd-greyscale-white: #ffffff; --mxd-greyscale-white-rgb: 255, 255, 255; --mxd-greyscale-extra-light-grey: #f0f0f1; --mxd-greyscale-extra-light-grey-rgb: 240, 240, 241; --mxd-greyscale-light-grey: #c8c9c7; --mxd-greyscale-light-grey-rgb: 200, 201, 199; --mxd-greyscale-medium-grey: #9c9fa1; --mxd-greyscale-medium-grey-rgb: 156, 159, 161; --mxd-greyscale-dark-grey: #53565a; --mxd-greyscale-dark-grey-rgb: 83, 86, 90; --mxd-blue-100: #e7e7f0; --mxd-blue-100-rgb: 231, 231, 240; --mxd-blue-200: #cfd0e1; --mxd-blue-200-rgb: 207, 208, 225; --mxd-blue-300: #b8b9d2; --mxd-blue-300-rgb: 184, 185, 210; --mxd-blue-400: #a2a2c4; --mxd-blue-400-rgb: 162, 162, 196; --mxd-blue-500: #8b8cb5; --mxd-blue-500-rgb: 139, 140, 181; --mxd-blue-600: #7677a7; --mxd-blue-600-rgb: 118, 119, 167; --mxd-blue-700: #606299; --mxd-blue-700-rgb: 96, 98, 153; --mxd-blue-800: #4a4d8c; --mxd-blue-800-rgb: 74, 77, 140; --mxd-blue-900: #35397e; --mxd-blue-900-rgb: 53, 57, 126; --mxd-blue-1000: #0a1264; --mxd-blue-1000-rgb: 10, 18, 100; --mxd-blue-1100: #11174f; --mxd-blue-1100-rgb: 17, 23, 79; --mxd-blue-1200: #040826; --mxd-blue-1200-rgb: 4, 8, 38; --mxd-bright-blue-100: #deebff; --mxd-bright-blue-100-rgb: 222, 235, 255; --mxd-bright-blue-200: #bed6ff; --mxd-bright-blue-200-rgb: 190, 214, 255; --mxd-bright-blue-300: #9dc1ff; --mxd-bright-blue-300-rgb: 157, 193, 255; --mxd-bright-blue-400: #7bacff; --mxd-bright-blue-400-rgb: 123, 172, 255; --mxd-bright-blue-500: #5996ff; --mxd-bright-blue-500-rgb: 89, 150, 255; --mxd-bright-blue-600: #347fff; --mxd-bright-blue-600-rgb: 52, 127, 255; --mxd-bright-blue-700: #005eff; --mxd-bright-blue-700-rgb: 0, 94, 255; --mxd-bright-blue-800: #0052e0; --mxd-bright-blue-800-rgb: 0, 82, 224; --mxd-bright-blue-900: #0044b7; --mxd-bright-blue-900-rgb: 0, 68, 183; --mxd-bright-blue-1000: #003590; --mxd-bright-blue-1000-rgb: 0, 53, 144; --mxd-bright-blue-1100: #00276a; --mxd-bright-blue-1100-rgb: 0, 39, 106; --mxd-bright-blue-1200: #001a46; --mxd-bright-blue-1200-rgb: 0, 26, 70; --mxd-grey-100: #f0f0f1; --mxd-grey-100-rgb: 240, 240, 241; --mxd-grey-200: #d7d8d7; --mxd-grey-200-rgb: 215, 216, 215; --mxd-grey-300: #bfc0bf; --mxd-grey-300-rgb: 191, 192, 191; --mxd-grey-400: #a6a9aa; --mxd-grey-400-rgb: 166, 169, 170; --mxd-grey-500: #8f9294; --mxd-grey-500-rgb: 143, 146, 148; --mxd-grey-600: #75787b; --mxd-grey-600-rgb: 117, 120, 123; --mxd-grey-700: #646669; --mxd-grey-700-rgb: 100, 102, 105; --mxd-grey-800: #4f5153; --mxd-grey-800-rgb: 79, 81, 83; --mxd-grey-900: #3c3d3f; --mxd-grey-900-rgb: 60, 61, 63; --mxd-grey-1000: #292b2c; --mxd-grey-1000-rgb: 41, 43, 44; --mxd-grey-1100: #181919; --mxd-grey-1100-rgb: 24, 25, 25; --mxd-grey-1200: #000000; --mxd-grey-1200-rgb: 0, 0, 0; --mxd-red-100: #f8e5e9; --mxd-red-100-rgb: 248, 229, 233; --mxd-red-200: #f1cbd3; --mxd-red-200-rgb: 241, 203, 211; --mxd-red-300: #eab1bd; --mxd-red-300-rgb: 234, 177, 189; --mxd-red-400: #e297a6; --mxd-red-400-rgb: 226, 151, 166; --mxd-red-500: #da7c8f; --mxd-red-500-rgb: 218, 124, 143; --mxd-red-600: #d25f76; --mxd-red-600-rgb: 210, 95, 118; --mxd-red-700: #c93f5a; --mxd-red-700-rgb: 201, 63, 90; --mxd-red-800: #ba0c2f; --mxd-red-800-rgb: 186, 12, 47; --mxd-red-900: #9c0a28; --mxd-red-900-rgb: 156, 10, 40; --mxd-red-1000: #7c0820; --mxd-red-1000-rgb: 124, 8, 32; --mxd-red-1100: #5d0618; --mxd-red-1100-rgb: 93, 6, 24; --mxd-red-1200: #3c071d; --mxd-red-1200-rgb: 60, 7, 29; --mxd-orange-100: #fbe6da; --mxd-orange-100-rgb: 251, 230, 218; --mxd-orange-200: #f7ccb5; --mxd-orange-200-rgb: 247, 204, 181; --mxd-orange-300: #f2b18f; --mxd-orange-300-rgb: 242, 177, 143; --mxd-orange-400: #ee9667; --mxd-orange-400-rgb: 238, 150, 103; --mxd-orange-500: #e9783d; --mxd-orange-500-rgb: 233, 120, 61; --mxd-orange-600: #e35205; --mxd-orange-600-rgb: 227, 82, 5; --mxd-orange-700: #c64809; --mxd-orange-700-rgb: 198, 72, 9; --mxd-orange-800: #a53e0e; --mxd-orange-800-rgb: 165, 62, 14; --mxd-orange-900: #863313; --mxd-orange-900-rgb: 134, 51, 19; --mxd-orange-1000: #672917; --mxd-orange-1000-rgb: 103, 41, 23; --mxd-orange-1100: #4a1f1c; --mxd-orange-1100-rgb: 74, 31, 28; --mxd-orange-1200: #2c1520; --mxd-orange-1200-rgb: 44, 21, 32; --mxd-yellow-100: #fdf3bd; --mxd-yellow-100-rgb: 253, 243, 189; --mxd-yellow-200: #fbe575; --mxd-yellow-200-rgb: 251, 229, 117; --mxd-yellow-300: #fdda25; --mxd-yellow-300-rgb: 253, 218, 37; --mxd-yellow-400: #e2c222; --mxd-yellow-400-rgb: 226, 194, 34; --mxd-yellow-500: #c7ab21; --mxd-yellow-500-rgb: 199, 171, 33; --mxd-yellow-600: #ad9422; --mxd-yellow-600-rgb: 173, 148, 34; --mxd-yellow-700: #937e22; --mxd-yellow-700-rgb: 147, 126, 34; --mxd-yellow-800: #7a6923; --mxd-yellow-800-rgb: 122, 105, 35; --mxd-yellow-900: #625423; --mxd-yellow-900-rgb: 98, 84, 35; --mxd-yellow-1000: #4b4023; --mxd-yellow-1000-rgb: 75, 64, 35; --mxd-yellow-1100: #342e23; --mxd-yellow-1100-rgb: 52, 46, 35; --mxd-yellow-1200: #1c1c22; --mxd-yellow-1200-rgb: 28, 28, 34; --mxd-light-green-100: #ddf0ce; --mxd-light-green-100-rgb: 221, 240, 206; --mxd-light-green-200: #bce097; --mxd-light-green-200-rgb: 188, 224, 151; --mxd-light-green-300: #9bcf5d; --mxd-light-green-300-rgb: 155, 207, 93; --mxd-light-green-400: #78be20; --mxd-light-green-400-rgb: 120, 190, 32; --mxd-light-green-500: #6aa81c; --mxd-light-green-500-rgb: 106, 168, 28; --mxd-light-green-600: #5d9319; --mxd-light-green-600-rgb: 93, 147, 25; --mxd-light-green-700: #507e15; --mxd-light-green-700-rgb: 80, 126, 21; --mxd-light-green-800: #436a12; --mxd-light-green-800-rgb: 67, 106, 18; --mxd-light-green-900: #365612; --mxd-light-green-900-rgb: 54, 86, 18; --mxd-light-green-1000: #2a4317; --mxd-light-green-1000-rgb: 42, 67, 23; --mxd-light-green-1100: #1e301c; --mxd-light-green-1100-rgb: 30, 48, 28; --mxd-light-green-1200: #131f20; --mxd-light-green-1200-rgb: 19, 31, 32; --mxd-teal-100: #d7edef; --mxd-teal-100-rgb: 215, 237, 239; --mxd-teal-200: #b0dbde; --mxd-teal-200-rgb: 176, 219, 222; --mxd-teal-300: #87c9cd; --mxd-teal-300-rgb: 135, 201, 205; --mxd-teal-400: #5eb6bc; --mxd-teal-400-rgb: 94, 182, 188; --mxd-teal-500: #33a3aa; --mxd-teal-500-rgb: 51, 163, 170; --mxd-teal-600: #008c95; --mxd-teal-600-rgb: 0, 140, 149; --mxd-teal-700: #007981; --mxd-teal-700-rgb: 0, 121, 129; --mxd-teal-800: #00656c; --mxd-teal-800-rgb: 0, 101, 108; --mxd-teal-900: #005157; --mxd-teal-900-rgb: 0, 81, 87; --mxd-teal-1000: #003e42; --mxd-teal-1000-rgb: 0, 62, 66; --mxd-teal-1100: #002c2f; --mxd-teal-1100-rgb: 0, 44, 47; --mxd-teal-1200: #001b1d; --mxd-teal-1200-rgb: 0, 27, 29; --mxd-purple-100: #eee7f3; --mxd-purple-100-rgb: 238, 231, 243; --mxd-purple-200: #dfcfe8; --mxd-purple-200-rgb: 223, 207, 232; --mxd-purple-300: #cfb7dd; --mxd-purple-300-rgb: 207, 183, 221; --mxd-purple-400: #c0a0d3; --mxd-purple-400-rgb: 192, 160, 211; --mxd-purple-500: #b189c8; --mxd-purple-500-rgb: 177, 137, 200; --mxd-purple-600: #a271bd; --mxd-purple-600-rgb: 162, 113, 189; --mxd-purple-700: #925ab2; --mxd-purple-700-rgb: 146, 90, 178; --mxd-purple-800: #8342a7; --mxd-purple-800-rgb: 131, 66, 167; --mxd-purple-900: #72289c; --mxd-purple-900-rgb: 114, 40, 156; --mxd-purple-1000: #5c068c; --mxd-purple-1000-rgb: 92, 6, 140; --mxd-purple-1100: #47056c; --mxd-purple-1100-rgb: 71, 5, 108; --mxd-purple-1200: #2c054d; --mxd-purple-1200-rgb: 44, 5, 77; --mxd-magenta-100: #fde3f2; --mxd-magenta-100-rgb: 253, 227, 242; --mxd-magenta-200: #fbc5e5; --mxd-magenta-200-rgb: 251, 197, 229; --mxd-magenta-300: #f6a8d6; --mxd-magenta-300-rgb: 246, 168, 214; --mxd-magenta-400: #f18ac5; --mxd-magenta-400-rgb: 241, 138, 197; --mxd-magenta-500: #eb6ab3; --mxd-magenta-500-rgb: 235, 106, 179; --mxd-magenta-600: #e5449f; --mxd-magenta-600-rgb: 229, 68, 159; --mxd-magenta-700: #d9017a; --mxd-magenta-700-rgb: 217, 1, 122; --mxd-magenta-800: #ba0168; --mxd-magenta-800-rgb: 186, 1, 104; --mxd-magenta-900: #990156; --mxd-magenta-900-rgb: 153, 1, 86; --mxd-magenta-1000: #7a0144; --mxd-magenta-1000-rgb: 122, 1, 68; --mxd-magenta-1100: #5a0239; --mxd-magenta-1100-rgb: 90, 2, 57; --mxd-magenta-1200: #390432; --mxd-magenta-1200-rgb: 57, 4, 50; } h1 { font-size: 28px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 36px; color: var(--mxd-grey-11); letter-spacing: inherit; } h2 { font-size: 24px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 32px; color: var(--mxd-grey-11); letter-spacing: inherit; } h3 { font-size: 18px; font-family: Roboto; font-weight: 500; font-style: normal; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } html, body { font-size: 14px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 20px; color: var(--mxd-grey-11); letter-spacing: inherit; } mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { font-size: 16px; font-family: "Roboto"; font-weight: 500; font-style: medium; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } .rs-input-text { font-size: 16px; font-family: Roboto; font-weight: 400; font-style: normal; line-height: 24px; color: var(--mxd-grey-11); letter-spacing: inherit; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label { font-size: 14px; font-family: Roboto; font-weight: 500; font-style: normal; line-height: 20px; color: var(--mxd-grey-11); letter-spacing: inherit; } :root { --mxd-bright-blue-1: #deebff; --mxd-bright-blue-2: #bed6ff; } mat-button-toggle-group { display: flex; align-items: center; } mat-button-toggle-group.mat-button-toggle-group-appearance-standard { border: 1px solid var(--bds-neutral-gray-300); } mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: 1px solid var(--bds-neutral-gray-300); } mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { padding: 5px 16px; } mat-button-toggle-group .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-label-content { color: var(--mxd-grey-700); } mat-button-toggle-group.no-pseudo-checkbox .mat-pseudo-checkbox { display: none !important; } mat-button-toggle-group .mat-button-toggle-label-content { display: flex; gap: 8px; align-items: center; } mat-button-toggle-group .mat-button-toggle-label-content fa-icon { display: flex; align-items: center; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:hover:not(.mat-button-toggle-checked) { background-color: var(--mxd-bright-blue-2) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:hover:not(.mat-button-toggle-checked) .mat-button-toggle-button { background-color: var(--mxd-bright-blue-2) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled).mat-button-toggle-checked, mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled)[aria-pressed=true] { background-color: var(--mxd-bright-blue-1) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled).mat-button-toggle-checked .mat-button-toggle-button, mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled)[aria-pressed=true] .mat-button-toggle-button { background-color: var(--mxd-bright-blue-1) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled).mat-button-toggle-checked.mat-button-toggle-appearance-standard .mat-button-toggle-label-content, mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled)[aria-pressed=true].mat-button-toggle-appearance-standard .mat-button-toggle-label-content { color: var(--bds-core-links-blue-700); } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled).mat-button-toggle-checked:hover, mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled)[aria-pressed=true]:hover { background-color: var(--mxd-bright-blue-2) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled).mat-button-toggle-checked:hover .mat-button-toggle-button, mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle:not(.mat-button-toggle-disabled)[aria-pressed=true]:hover .mat-button-toggle-button { background-color: var(--mxd-bright-blue-2) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle.active { background-color: var(--mxd-bright-blue-1) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle.active .mat-button-toggle-button { background-color: var(--mxd-bright-blue-1) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle.active.mat-button-toggle-appearance-standard .mat-button-toggle-label-content { color: var(--bds-core-links-blue-700); } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle.active:hover { background-color: var(--mxd-bright-blue-2) !important; } mat-button-toggle-group.mat-button-toggle-group mat-button-toggle.mat-button-toggle.active:hover .mat-button-toggle-button { background-color: var(--mxd-bright-blue-2) !important; } .mat-button-toggle-disabled, .mat-button-toggle-disabled .mat-button-toggle-button { color: var(--mxd-grey-500) !important; background-color: var(--mxd-grey-50) !important; } .mat-mdc-menu-panel { box-shadow: var(--soft-shadow-md); border-radius: var(--border-radius); border: 1px solid var(--bds-neutral-gray-50); max-width: max-content !important; overflow: hidden !important; } .mat-mdc-menu-panel .mat-mdc-menu-content { background: var(--bds-core-white); } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item { display: flex !important; width: 100%; padding: 8px 16px; cursor: pointer; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item span { color: var(--mxd-grey-1100); font-family: Roboto, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item fa-icon { margin-right: 12px; color: var(--mxd-grey-700); } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.delete-menu-item fa-icon, .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.delete-menu-item span { color: var(--mxd-red-800); } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-divider, .mat-mdc-menu-panel .mat-mdc-menu-content mat-divider { display: block; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.12); } .mat-mdc-dialog-container .mdc-dialog__container, .mat-mdc-dialog-container .mdc-dialog__surface { border-radius: 8px !important; } .bsm-dialog { font-family: "Roboto", sans-serif !important; min-width: 500px; --mdc-dialog-subhead-tracking: 0; } .bsm-dialog .mat-mdc-dialog-container { height: auto; } .bsm-dialog .mat-mdc-dialog-container .mdc-dialog__surface { border-radius: 8px !important; padding: 16px; } .bsm-dialog .mat-mdc-dialog-container .mdc-dialog__title, .bsm-dialog .mat-mdc-dialog-container p { font-family: "Roboto", sans-serif !important; } .bsm-dialog .mat-mdc-dialog-container .mdc-dialog__title { color: var(--mxd-grey-11); display: flex; font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 1rem; padding: 0; } .bsm-dialog .mat-mdc-dialog-container .mdc-dialog__content { color: var(--mxd-grey-11); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 20px; margin-bottom: 2rem; padding: 0; overflow: hidden !important; } .bsm-dialog .mat-mdc-dialog-actions { font-weight: 500; justify-content: end !important; min-height: unset !important; padding: 0 !important; display: flex !important; gap: 8px !important; } .bsm-dialog .mat-mdc-dialog-actions button { margin-left: 0 !important; } .bsm-dialog .mat-mdc-dialog-actions .delete-button.mat-mdc-button, .bsm-dialog .mat-mdc-dialog-actions .delete-button.mat-mdc-raised-button, .bsm-dialog .mat-mdc-dialog-actions button.delete-button[color=warn] { background-color: var(--mxd-red-8) !important; color: white !important; } .bsm-dialog .mat-mdc-dialog-actions .cancel-button.mat-mdc-button, .bsm-dialog .mat-mdc-dialog-actions button.cancel-button { color: var(--mxd-grey-11) !important; } .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions { font-weight: 500; justify-content: end !important; min-height: unset !important; padding: 0 !important; display: flex !important; gap: 8px !important; } .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions button { margin-left: 0 !important; } .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions .delete-button.mat-mdc-button, .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions .delete-button.mat-mdc-raised-button, .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions button.delete-button[color=warn] { background-color: var(--mxd-red-8) !important; color: white !important; } .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions .cancel-button.mat-mdc-button, .cdk-overlay-container .bsm-dialog .mat-mdc-dialog-actions button.cancel-button { color: var(--mxd-grey-11) !important; } .large-dialog { height: 80vh; width: 80vw; } .large-dialog .mat-mdc-dialog-container, .large-dialog .mat-mdc-dialog-container .mdc-dialog__container, .large-dialog .mat-mdc-dialog-container .mdc-dialog__surface { border-radius: 8px !important; overflow: hidden; } .general-dialog .mat-mdc-dialog-container, .general-dialog .mat-mdc-dialog-container .mdc-dialog__container, .general-dialog .mat-mdc-dialog-container .mdc-dialog__surface { border-radius: 8px !important; } .mat-mdc-dialog-container .mdc-dialog__content { overflow: hidden !important; } .cdk-global-scrollblock { overflow-y: auto !important; /* Ensures that the scrollbar behavior is consistent */ padding-right: 0 !important; /* Prevents additional padding when scrollbar is hidden */ } .mdc-switch.mdc-switch--selected { --mdc-switch-selected-track-color: var(--mxd-bright-blue-600); --mdc-switch-selected-hover-track-color: var(--mxd-bright-blue-600); --mdc-switch-selected-focus-track-color: var(--mxd-bright-blue-600); --mdc-switch-selected-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-hover-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-selected-focus-handle-color: var(--mxd-bright-blue-1100); --mdc-switch-disabled-selected-track-color: var(--mxd-grey-200); --mdc-switch-disabled-selected-hover-track-color: var(--mxd-grey-200); --mdc-switch-disabled-selected-handle-color: var(--mxd-grey-400); --mdc-switch-disabled-selected-hover-handle-color: var(--mxd-grey-400); --mdc-switch-disabled-elected-focus-handle-color: var(--mxd-grey-400); } .mdc-switch.mdc-switch--selected .mdc-switch__handle::after { border-color: var(--mxd-grey-400); } .mdc-switch.mdc-switch--unselected { --mdc-switch-unselected-track-color: var(--mxd-grey-700); --mdc-switch-unselected-hover-track-color: var(--mxd-grey-700); --mdc-switch-unselected-focus-track-color: var(--mxd-grey-700); --mdc-switch-unselected-handle-color: var(--mxd-greyscale-white); --mdc-switch-unselected-hover-handle-color: var(--mxd-greyscale-white); --mdc-switch-unselected-focus-handle-color: var(--mxd-greyscale-white); --mdc-switch-disabled-unselected-track-color: var(--mxd-grey-400); --mdc-switch-disabled-unselected-hover-track-color: var(--mxd-grey-400); --mdc-switch-disabled-unselected-focus-track-color: var(--mxd-grey-400); --mdc-switch-disabled-unselected-handle-color: var(--mxd-grey-100); --mdc-switch-disabled-unselected-hover-handle-color: var(--mxd-grey-100); --mdc-switch-disabled-unselected-focus-handle-color: var(--mxd-grey-100); } .mdc-switch.mdc-switch--unselected .mdc-switch__handle::after { border-color: var(--mxd-grey-700); } .mdc-switch.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle::after { border-color: var(--mxd-grey-400); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.33); } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: var(--mxd-bright-blue-900) !important; --mat-option-selected-state-layer-color: var(--mxd-bright-blue-900) !important; --mdc-linear-progress-track-color: var(--bds-core-white) !important; } .mat-mdc-snack-bar-container.delete-success-snackbar .mdc-snackbar__surface { border-radius: 8px; border: 1px solid var(--mxd-bright-blue-200, #bed6ff); background: var(--mxd-bright-blue-100, #deebff); } .mat-mdc-snack-bar-container.delete-success-snackbar .mdc-snackbar__label { color: var(--mxd-grey-1100, #181919); font-family: Roboto, sans-serif; font-size: 14px; font-weight: 400; } .mat-mdc-checkbox { --mdc-checkbox-selected-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-hover-state-layer-color: var(--mxd-bright-blue-900); --mdc-checkbox-selected-focus-icon-color: var(--mxd-bright-blue-900); } .mat-mdc-checkbox .mdc-checkbox__background { background-color: white; } .mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: var(--mxd-bright-blue-900); --mdc-radio-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-hover-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-pressed-icon-color: var(--mxd-bright-blue-900); --mdc-radio-selected-focus-icon-color: var(--mxd-bright-blue-900); } /* Additional vriables */ :root { --fps-workspace-background: #fafafa; --mxd-grey-50: #f8f8f9; } /* General Styles */ html, body { height: 100%; margin: 0; } .content-panel { background: var(--mxd-greyscale-white); border: 1px solid var(--mxd-grey-200); border-radius: var(--border-radius); box-shadow: var(--box-shadow); } .content-panel-flat { background: var(--mxd-greyscale-white); border: 1px solid var(--mxd-grey-200); border-radius: var(--border-radius); } .nowrap { white-space: nowrap; } .pointer { cursor: pointer; } /* Scrollbars */ ::-webkit-scrollbar { height: 18px; width: 18px; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { background-clip: padding-box; border: 3px solid var(--mxd-greyscale-white); border-radius: 8px; outline: none; } ::-webkit-scrollbar-track { background-color: var(--mxd-grey-100); } ::-webkit-scrollbar-thumb { background-color: rgba(var(--mxd-grey-400-rgb), 0.5); } ::-webkit-scrollbar-button { display: none; height: 0; width: 0; } ::-webkit-scrollbar-corner { background-color: transparent; }