*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.left-1\/2{left:50%!important}.top-6{top:1.5rem!important}.z-\[9999999\]{z-index:9999999!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-4{grid-column:span 4 / span 4!important}.\!m-0{margin:0!important}.m-3{margin:.75rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-2\.5{margin-top:.625rem!important;margin-bottom:.625rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.ml-4{margin-left:1rem!important}.ml-auto{margin-left:auto!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:.75rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.block{display:block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-80{height:20rem!important}.h-9{height:2.25rem!important}.h-\[104px\]{height:104px!important}.h-\[16vh\]{height:16vh!important}.h-\[21vh\]{height:21vh!important}.h-fit{height:fit-content!important}.h-px{height:1px!important}.max-h-\[250px\]{max-height:250px!important}.max-h-\[27vh\]{max-height:27vh!important}.max-h-\[400px\]{max-height:400px!important}.max-h-\[47vh\]{max-height:47vh!important}.max-h-\[510px\]{max-height:510px!important}.max-h-\[53vh\]{max-height:53vh!important}.max-h-\[55vh\]{max-height:55vh!important}.w-0\.5{width:.125rem!important}.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.w-40{width:10rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-\[10\%\]{width:10%!important}.w-\[12\%\]{width:12%!important}.w-\[14\%\]{width:14%!important}.w-\[15\%\]{width:15%!important}.w-\[16rem\]{width:16rem!important}.w-\[20\%\]{width:20%!important}.w-\[22\%\]{width:22%!important}.w-\[25\%\]{width:25%!important}.w-\[3\%\]{width:3%!important}.w-\[344px\]{width:344px!important}.w-\[40\%\]{width:40%!important}.w-\[7rem\]{width:7rem!important}.w-\[80\%\]{width:80%!important}.w-\[9\%\]{width:9%!important}.w-\[91\%\]{width:91%!important}.w-full{width:100%!important}.min-w-0{min-width:0px!important}.min-w-\[65\%\]{min-width:65%!important}.max-w-\[150px\]{max-width:150px!important}.max-w-\[220px\]{max-width:220px!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.table-fixed{table-layout:fixed!important}.-translate-x-1\/2{--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.list-disc{list-style-type:disc!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.content-center{align-content:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-2\.5{gap:.625rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.5rem * var(--tw-space-x-reverse))!important;margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.75rem * var(--tw-space-y-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem * var(--tw-space-y-reverse))!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.75rem!important}.border{border-width:1px!important}.border-2{border-width:2px!important}.border-b{border-bottom-width:1px!important}.border-t{border-top-width:1px!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-gray-200{--tw-border-opacity: 1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))!important}.border-gray-300{--tw-border-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))!important}.border-white{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}.border-b-white{--tw-border-opacity: 1 !important;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}.bg-\[\#003F75\]{--tw-bg-opacity: 1 !important;background-color:rgb(0 63 117 / var(--tw-bg-opacity, 1))!important}.bg-\[\#A4C7F4\]{--tw-bg-opacity: 1 !important;background-color:rgb(164 199 244 / var(--tw-bg-opacity, 1))!important}.bg-\[\#A6F4C5\]{--tw-bg-opacity: 1 !important;background-color:rgb(166 244 197 / var(--tw-bg-opacity, 1))!important}.bg-\[\#AABFD1\]{--tw-bg-opacity: 1 !important;background-color:rgb(170 191 209 / var(--tw-bg-opacity, 1))!important}.bg-\[\#D1FADF\]{--tw-bg-opacity: 1 !important;background-color:rgb(209 250 223 / var(--tw-bg-opacity, 1))!important}.bg-\[\#E3EDF4\]{--tw-bg-opacity: 1 !important;background-color:rgb(227 237 244 / var(--tw-bg-opacity, 1))!important}.bg-\[\#FAFDFF\]{--tw-bg-opacity: 1 !important;background-color:rgb(250 253 255 / var(--tw-bg-opacity, 1))!important}.bg-\[\#FDA29B\]{--tw-bg-opacity: 1 !important;background-color:rgb(253 162 155 / var(--tw-bg-opacity, 1))!important}.bg-\[\#d1dcfa\]{--tw-bg-opacity: 1 !important;background-color:rgb(209 220 250 / var(--tw-bg-opacity, 1))!important}.bg-\[\#d1e7fa\]{--tw-bg-opacity: 1 !important;background-color:rgb(209 231 250 / var(--tw-bg-opacity, 1))!important}.bg-\[\#f7eddb\]{--tw-bg-opacity: 1 !important;background-color:rgb(247 237 219 / var(--tw-bg-opacity, 1))!important}.bg-\[\#ffb5b5\]{--tw-bg-opacity: 1 !important;background-color:rgb(255 181 181 / var(--tw-bg-opacity, 1))!important}.bg-\[\#ffffff\]{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.bg-\[rgb\(0\,63\,117\)\]{--tw-bg-opacity: 1 !important;background-color:rgb(0 63 117 / var(--tw-bg-opacity, 1))!important}.bg-\[rgba\(255\,255\,255\,0\.85\)\]{background-color:#ffffffd9!important}.bg-blue-100{--tw-bg-opacity: 1 !important;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))!important}.bg-blue-500{--tw-bg-opacity: 1 !important;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))!important}.bg-error-600{--tw-bg-opacity: 1 !important;background-color:rgb(217 45 32 / var(--tw-bg-opacity, 1))!important}.bg-gray-100{--tw-bg-opacity: 1 !important;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))!important}.bg-gray-300{--tw-bg-opacity: 1 !important;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))!important}.bg-gray-600{--tw-bg-opacity: 1 !important;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))!important}.bg-gray1-100{--tw-bg-opacity: 1 !important;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1))!important}.bg-green-100{--tw-bg-opacity: 1 !important;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))!important}.bg-green-300{--tw-bg-opacity: 1 !important;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))!important}.bg-green-500{--tw-bg-opacity: 1 !important;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))!important}.bg-green-600{--tw-bg-opacity: 1 !important;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))!important}.bg-red-100{--tw-bg-opacity: 1 !important;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))!important}.bg-red-300{--tw-bg-opacity: 1 !important;background-color:rgb(252 165 165 / var(--tw-bg-opacity, 1))!important}.bg-red-500{--tw-bg-opacity: 1 !important;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))!important}.bg-red-600{--tw-bg-opacity: 1 !important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}.bg-success-700{--tw-bg-opacity: 1 !important;background-color:rgb(2 122 72 / var(--tw-bg-opacity, 1))!important}.bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.bg-yellow-100{--tw-bg-opacity: 1 !important;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))!important}.bg-yellow-400{--tw-bg-opacity: 1 !important;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))!important}.\!p-0{padding:0!important}.p-1{padding:.25rem!important}.p-1\.5{padding:.375rem!important}.p-2{padding:.5rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-1{padding-left:.25rem!important}.pl-6{padding-left:1.5rem!important}.pr-2{padding-right:.5rem!important}.pr-8{padding-right:2rem!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-\[\#03331F\]{--tw-text-opacity: 1 !important;color:rgb(3 51 31 / var(--tw-text-opacity, 1))!important}.text-\[\#038047\]{--tw-text-opacity: 1 !important;color:rgb(3 128 71 / var(--tw-text-opacity, 1))!important}.text-\[\#073813\]{--tw-text-opacity: 1 !important;color:rgb(7 56 19 / var(--tw-text-opacity, 1))!important}.text-\[\#0B2E5B\]{--tw-text-opacity: 1 !important;color:rgb(11 46 91 / var(--tw-text-opacity, 1))!important}.text-\[\#101828\]{--tw-text-opacity: 1 !important;color:rgb(16 24 40 / var(--tw-text-opacity, 1))!important}.text-\[\#330B08\]{--tw-text-opacity: 1 !important;color:rgb(51 11 8 / var(--tw-text-opacity, 1))!important}.text-\[\#332405\]{--tw-text-opacity: 1 !important;color:rgb(51 36 5 / var(--tw-text-opacity, 1))!important}.text-\[\#475467\]{--tw-text-opacity: 1 !important;color:rgb(71 84 103 / var(--tw-text-opacity, 1))!important}.text-black{--tw-text-opacity: 1 !important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}.text-blue-600{--tw-text-opacity: 1 !important;color:rgb(37 99 235 / var(--tw-text-opacity, 1))!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity, 1))!important}.text-gray-500{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity, 1))!important}.text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity, 1))!important}.text-gray-700{--tw-text-opacity: 1 !important;color:rgb(55 65 81 / var(--tw-text-opacity, 1))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity, 1))!important}.text-green-600{--tw-text-opacity: 1 !important;color:rgb(22 163 74 / var(--tw-text-opacity, 1))!important}.text-primary-600{--tw-text-opacity: 1 !important;color:rgb(0 41 74 / var(--tw-text-opacity, 1))!important}.text-red-600{--tw-text-opacity: 1 !important;color:rgb(220 38 38 / var(--tw-text-opacity, 1))!important}.text-red-700{--tw-text-opacity: 1 !important;color:rgb(185 28 28 / var(--tw-text-opacity, 1))!important}.text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.underline{text-decoration-line:underline!important}.overline{text-decoration-line:overline!important}.opacity-0{opacity:0!important}.opacity-50{opacity:.5!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid!important}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.ring-red-400{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)) !important}.ring-success-400{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(50 213 131 / var(--tw-ring-opacity, 1)) !important}.ring-yellow-500{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1)) !important}.blur{--tw-blur: blur(8px) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.invert{--tw-invert: invert(100%) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px) !important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}:root{--md-sys-color-primary: red;--md-sys-color-secondary: blue}.hover\:bg-primary:hover{--tw-bg-opacity: 1 !important;background-color:rgb(0 48 87 / var(--tw-bg-opacity, 1))!important}.hover\:text-blue-800:hover{--tw-text-opacity: 1 !important;color:rgb(30 64 175 / var(--tw-text-opacity, 1))!important}.hover\:text-red-600:hover{--tw-text-opacity: 1 !important;color:rgb(220 38 38 / var(--tw-text-opacity, 1))!important}.hover\:text-white:hover{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)) !important}.group:hover .group-hover\:opacity-100{opacity:1!important}@media (min-width: 640px){.sm\:px-0{padding-left:0!important;padding-right:0!important}}@media (min-width: 768px){.md\:mt-0{margin-top:0!important}.md\:w-\[18rem\]{width:18rem!important}.md\:w-\[35\%\]{width:35%!important}.md\:w-\[80\%\]{width:80%!important}.md\:w-\[8rem\]{width:8rem!important}.md\:w-auto{width:auto!important}.md\:max-w-\[50\%\]{max-width:50%!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.md\:flex-row{flex-direction:row!important}.md\:gap-5{gap:1.25rem!important}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0 !important;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(0px * var(--tw-space-y-reverse))!important}.md\:px-0{padding-left:0!important;padding-right:0!important}.md\:px-4{padding-left:1rem!important;padding-right:1rem!important}.md\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.md\:text-left{text-align:left!important}}@media (min-width: 1024px){.lg\:px-\[10\%\]{padding-left:10%!important;padding-right:10%!important}}html{color-scheme:light}html body:not(.demo-experimental-theme){--mat-app-background-color: var(--mat-sys-background);--mat-app-text-color: var(--mat-sys-on-background);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-secondary-container);--mat-option-selected-state-layer-color: var(--mat-sys-secondary-container);--mat-optgroup-label-text-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-primary);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-primary);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-primary);--mat-option-label-text-size: var(--mat-sys-body-large-size);--mat-option-label-text-weight: var(--mat-sys-body-large-weight);--mat-option-label-text-font: var(--mat-sys-label-large-font);--mat-option-label-text-line-height: var(--mat-sys-label-large-line-height);--mat-option-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-optgroup-label-text-font: var(--mat-sys-title-small-font);--mat-optgroup-label-text-line-height: var(--mat-sys-title-small-line-height);--mat-optgroup-label-text-size: var(--mat-sys-title-small-size);--mat-optgroup-label-text-tracking: var(--mat-sys-title-small-tracking);--mat-optgroup-label-text-weight: var(--mat-sys-title-small-weight);--mat-card-elevated-container-shape: 12px;--mat-card-filled-container-shape: 12px;--mat-card-outlined-container-shape: 12px;--mat-card-outlined-outline-width: 1px;--mat-card-elevated-container-color: var(--mat-sys-surface-container-low);--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-card-filled-container-color: var(--mat-sys-surface-container-highest);--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-container-color: var(--mat-sys-surface);--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-outline-color: var(--mat-sys-outline-variant);--mat-card-subtitle-text-color: var(--mat-sys-on-surface);--mat-card-subtitle-text-font: var(--mat-sys-title-medium-font);--mat-card-subtitle-text-line-height: var(--mat-sys-title-medium-line-height);--mat-card-subtitle-text-size: var(--mat-sys-title-medium-size);--mat-card-subtitle-text-tracking: var(--mat-sys-title-medium-tracking);--mat-card-subtitle-text-weight: var(--mat-sys-title-medium-weight);--mat-card-title-text-font: var(--mat-sys-title-large-font);--mat-card-title-text-line-height: var(--mat-sys-title-large-line-height);--mat-card-title-text-size: var(--mat-sys-title-large-size);--mat-card-title-text-tracking: var(--mat-sys-title-large-tracking);--mat-card-title-text-weight: var(--mat-sys-title-large-weight);--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0;--mat-progress-bar-active-indicator-color: var(--mat-sys-primary);--mat-progress-bar-track-color: var(--mat-sys-surface-variant);--mat-tooltip-container-color: var(--mat-sys-inverse-surface);--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-color: var(--mat-sys-inverse-on-surface);--mat-tooltip-supporting-text-font: var(--mat-sys-body-small-font);--mat-tooltip-supporting-text-line-height: var(--mat-sys-body-small-line-height);--mat-tooltip-supporting-text-size: var(--mat-sys-body-small-size);--mat-tooltip-supporting-text-tracking: var(--mat-sys-body-small-tracking);--mat-tooltip-supporting-text-weight: var(--mat-sys-body-small-weight);--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px;--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-primary);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-primary);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-primary);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-primary);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-primary);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant);--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-container-text-font: var(--mat-sys-body-large-font);--mat-form-field-container-text-line-height: var(--mat-sys-body-large-line-height);--mat-form-field-container-text-size: var(--mat-sys-body-large-size);--mat-form-field-container-text-tracking: var(--mat-sys-body-large-tracking);--mat-form-field-container-text-weight: var(--mat-sys-body-large-weight);--mat-form-field-subscript-text-font: var(--mat-sys-body-small-font);--mat-form-field-subscript-text-line-height: var(--mat-sys-body-small-line-height);--mat-form-field-subscript-text-size: var(--mat-sys-body-small-size);--mat-form-field-subscript-text-tracking: var(--mat-sys-body-small-tracking);--mat-form-field-subscript-text-weight: var(--mat-sys-body-small-weight);--mat-form-field-outlined-label-text-font: var(--mat-sys-body-large-font);--mat-form-field-outlined-label-text-size: var(--mat-sys-body-large-size);--mat-form-field-outlined-label-text-tracking: var(--mat-sys-body-large-tracking);--mat-form-field-outlined-label-text-weight: var(--mat-sys-body-large-weight);--mat-form-field-filled-label-text-font: var(--mat-sys-body-large-font);--mat-form-field-filled-label-text-size: var(--mat-sys-body-large-size);--mat-form-field-filled-label-text-tracking: var(--mat-sys-body-large-tracking);--mat-form-field-filled-label-text-weight: var(--mat-sys-body-large-weight);--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-primary);--mat-select-invalid-arrow-color: var(--mat-sys-error);--mat-select-arrow-transform: translateY(-8px);--mat-select-trigger-text-font: var(--mat-sys-body-large-font);--mat-select-trigger-text-line-height: var(--mat-sys-body-large-line-height);--mat-select-trigger-text-size: var(--mat-sys-body-large-size);--mat-select-trigger-text-tracking: var(--mat-sys-body-large-tracking);--mat-select-trigger-text-weight: var(--mat-sys-body-large-weight);--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: var(--mat-sys-surface-container);--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-min-width: 280px;--mat-dialog-container-shape: 28px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-content-padding: 20px 24px;--mat-dialog-headline-padding: 6px 24px 13px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-container-color: var(--mat-sys-surface);--mat-dialog-subhead-color: var(--mat-sys-on-surface);--mat-dialog-supporting-text-color: var(--mat-sys-on-surface-variant);--mat-dialog-subhead-font: var(--mat-sys-headline-small-font);--mat-dialog-subhead-line-height: var(--mat-sys-headline-small-line-height);--mat-dialog-subhead-size: var(--mat-sys-headline-small-size);--mat-dialog-subhead-tracking: var(--mat-sys-headline-small-tracking);--mat-dialog-subhead-weight: var(--mat-sys-headline-small-weight);--mat-dialog-supporting-text-font: var(--mat-sys-body-medium-font);--mat-dialog-supporting-text-line-height: var(--mat-sys-body-medium-line-height);--mat-dialog-supporting-text-size: var(--mat-sys-body-medium-size);--mat-dialog-supporting-text-tracking: var(--mat-sys-body-medium-tracking);--mat-dialog-supporting-text-weight: var(--mat-sys-body-medium-weight);--mat-chip-container-shape-radius: 8px;--mat-chip-disabled-container-opacity: 1;--mat-chip-elevated-container-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-outline-width: 1px;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-with-avatar-avatar-shape-radius: 24px;--mat-chip-with-avatar-avatar-size: 24px;--mat-chip-with-avatar-disabled-avatar-opacity: .38;--mat-chip-with-icon-disabled-icon-opacity: .38;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-secondary-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-secondary-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-secondary-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-container-height: 32px;--mat-chip-label-text-font: var(--mat-sys-label-large-font);--mat-chip-label-text-line-height: var(--mat-sys-label-large-line-height);--mat-chip-label-text-size: var(--mat-sys-label-large-size);--mat-chip-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-chip-label-text-weight: var(--mat-sys-label-large-weight);--mat-slide-toggle-disabled-selected-handle-opacity: 1;--mat-slide-toggle-disabled-selected-icon-opacity: .38;--mat-slide-toggle-disabled-track-opacity: .12;--mat-slide-toggle-disabled-unselected-handle-opacity: .38;--mat-slide-toggle-disabled-unselected-icon-opacity: .38;--mat-slide-toggle-disabled-unselected-track-outline-width: 2px;--mat-slide-toggle-handle-shape: 9999px;--mat-slide-toggle-hidden-track-opacity: 0;--mat-slide-toggle-hidden-track-transition: opacity 75ms;--mat-slide-toggle-pressed-handle-size: 28px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;--mat-slide-toggle-selected-handle-size: 24px;--mat-slide-toggle-selected-icon-size: 16px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 2px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-slide-toggle-state-layer-size: 40px;--mat-slide-toggle-track-height: 32px;--mat-slide-toggle-track-outline-width: 2px;--mat-slide-toggle-track-shape: 9999px;--mat-slide-toggle-track-width: 52px;--mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-unselected-icon-size: 16px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: opacity 75ms;--mat-slide-toggle-with-icon-handle-size: 24px;--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-primary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-track-color: var(--mat-sys-primary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-label-text-font: var(--mat-sys-body-medium-font);--mat-slide-toggle-label-text-line-height: var(--mat-sys-body-medium-line-height);--mat-slide-toggle-label-text-size: var(--mat-sys-body-medium-size);--mat-slide-toggle-label-text-tracking: var(--mat-sys-body-medium-tracking);--mat-slide-toggle-label-text-weight: var(--mat-sys-body-medium-weight);--mat-radio-disabled-unselected-icon-opacity: .38;--mat-radio-disabled-selected-icon-opacity: .38;--mat-radio-checked-ripple-color: var(--mat-sys-primary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-primary);--mat-radio-selected-hover-icon-color: var(--mat-sys-primary);--mat-radio-selected-icon-color: var(--mat-sys-primary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-primary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface);--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 40px;--mat-radio-label-text-font: var(--mat-sys-body-medium-font);--mat-radio-label-text-line-height: var(--mat-sys-body-medium-line-height);--mat-radio-label-text-size: var(--mat-sys-body-medium-size);--mat-radio-label-text-tracking: var(--mat-sys-body-medium-tracking);--mat-radio-label-text-weight: var(--mat-sys-body-medium-weight);--mat-slider-value-indicator-opacity: 1;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-active-track-height: 4px;--mat-slider-handle-height: 20px;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: .38;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: .38;--mat-slider-active-track-color: var(--mat-sys-primary);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-primary);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-primary) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-primary);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-primary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-primary) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-primary);--mat-slider-label-label-text-color: var(--mat-sys-on-primary);--mat-slider-ripple-color: var(--mat-sys-primary);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-primary);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-primary);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant);--mat-slider-label-label-text-font: var(--mat-sys-label-medium-font);--mat-slider-label-label-text-line-height: var(--mat-sys-label-medium-line-height);--mat-slider-label-label-text-size: var(--mat-sys-label-medium-size);--mat-slider-label-label-text-tracking: var(--mat-sys-label-medium-tracking);--mat-slider-label-label-text-weight: var(--mat-sys-label-medium-weight);--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-icon-size: 24px;--mat-menu-item-spacing: 12px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-container-shape: 4px;--mat-menu-divider-color: var(--mat-sys-surface-variant);--mat-menu-item-label-text-color: var(--mat-sys-on-surface);--mat-menu-item-icon-color: var(--mat-sys-on-surface-variant);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-menu-container-color: var(--mat-sys-surface-container);--mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-menu-item-label-text-font: var(--mat-sys-label-large-font);--mat-menu-item-label-text-line-height: var(--mat-sys-label-large-line-height);--mat-menu-item-label-text-size: var(--mat-sys-label-large-size);--mat-menu-item-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-menu-item-label-text-weight: var(--mat-sys-label-large-weight);--mat-list-active-indicator-color: var(--mat-sys-secondary-container);--mat-list-active-indicator-shape: 9999px;--mat-list-list-item-container-color: transparent;--mat-list-list-item-container-shape: 0;--mat-list-list-item-disabled-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-label-text-opacity: .3;--mat-list-list-item-disabled-leading-icon-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-leading-icon-opacity: .38;--mat-list-list-item-disabled-state-layer-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-state-layer-opacity: .12;--mat-list-list-item-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-list-item-focus-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-focus-state-layer-color: var(--mat-sys-on-surface);--mat-list-list-item-focus-state-layer-opacity: .12;--mat-list-list-item-hover-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-hover-state-layer-color: var(--mat-sys-on-surface);--mat-list-list-item-hover-state-layer-opacity: .08;--mat-list-list-item-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-leading-avatar-color: var(--mat-sys-primary-container);--mat-list-list-item-leading-avatar-shape: 9999px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-selected-trailing-icon-color: var(--mat-sys-primary);--mat-list-list-item-supporting-text-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-trailing-icon-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px;--mat-list-list-item-label-text-font: var(--mat-sys-body-large-font);--mat-list-list-item-label-text-line-height: var(--mat-sys-body-large-line-height);--mat-list-list-item-label-text-size: var(--mat-sys-body-large-size);--mat-list-list-item-label-text-tracking: var(--mat-sys-body-large-tracking);--mat-list-list-item-label-text-weight: var(--mat-sys-body-large-weight);--mat-list-list-item-supporting-text-font: var(--mat-sys-body-medium-font);--mat-list-list-item-supporting-text-line-height: var(--mat-sys-body-medium-line-height);--mat-list-list-item-supporting-text-size: var(--mat-sys-body-medium-size);--mat-list-list-item-supporting-text-tracking: var(--mat-sys-body-medium-tracking);--mat-list-list-item-supporting-text-weight: var(--mat-sys-body-medium-weight);--mat-list-list-item-trailing-supporting-text-font: var(--mat-sys-label-small-font);--mat-list-list-item-trailing-supporting-text-line-height: var(--mat-sys-label-small-line-height);--mat-list-list-item-trailing-supporting-text-size: var(--mat-sys-label-small-size);--mat-list-list-item-trailing-supporting-text-tracking: var(--mat-sys-label-small-tracking);--mat-list-list-item-trailing-supporting-text-weight: var(--mat-sys-label-small-weight);--mat-paginator-container-text-color: var(--mat-sys-on-surface);--mat-paginator-container-background-color: var(--mat-sys-surface);--mat-paginator-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-paginator-enabled-icon-color: var(--mat-sys-on-surface-variant);--mat-paginator-container-size: 56px;--mat-paginator-touch-target-display: block;--mat-paginator-container-text-font: var(--mat-sys-body-small-font);--mat-paginator-container-text-line-height: var(--mat-sys-body-small-line-height);--mat-paginator-container-text-size: var(--mat-sys-body-small-size);--mat-paginator-container-text-tracking: var(--mat-sys-body-small-tracking);--mat-paginator-container-text-weight: var(--mat-sys-body-small-weight);--mat-paginator-select-trigger-text-size: var(--mat-sys-body-small-size);--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0;--mat-tab-divider-height: 1px;--mat-tab-active-focus-indicator-color: var(--mat-sys-primary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-primary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-primary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant);--mat-tab-container-height: 48px;--mat-tab-label-text-font: var(--mat-sys-title-small-font);--mat-tab-label-text-line-height: var(--mat-sys-title-small-line-height);--mat-tab-label-text-size: var(--mat-sys-title-small-size);--mat-tab-label-text-tracking: var(--mat-sys-title-small-tracking);--mat-tab-label-text-weight: var(--mat-sys-title-small-weight);--mat-checkbox-selected-focus-state-layer-opacity: .12;--mat-checkbox-selected-hover-state-layer-opacity: .08;--mat-checkbox-selected-pressed-state-layer-opacity: .12;--mat-checkbox-unselected-focus-state-layer-opacity: .12;--mat-checkbox-unselected-hover-state-layer-opacity: .08;--mat-checkbox-unselected-pressed-state-layer-opacity: .12;--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-checkbox-selected-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-primary);--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px;--mat-checkbox-label-text-font: var(--mat-sys-body-medium-font);--mat-checkbox-label-text-line-height: var(--mat-sys-body-medium-line-height);--mat-checkbox-label-text-size: var(--mat-sys-body-medium-size);--mat-checkbox-label-text-tracking: var(--mat-sys-body-medium-tracking);--mat-checkbox-label-text-weight: var(--mat-sys-body-medium-weight);--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-filled-container-color: var(--mat-sys-primary);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-primary);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-primary);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-primary);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-primary);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-primary);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-primary);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-primary);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-primary);--mat-button-tonal-container-color: var(--mat-sys-secondary-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-secondary-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-secondary-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-secondary-container);--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: var(--mat-sys-label-large-font);--mat-button-filled-label-text-size: var(--mat-sys-label-large-size);--mat-button-filled-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-button-filled-label-text-weight: var(--mat-sys-label-large-weight);--mat-button-outlined-label-text-font: var(--mat-sys-label-large-font);--mat-button-outlined-label-text-size: var(--mat-sys-label-large-size);--mat-button-outlined-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-button-outlined-label-text-weight: var(--mat-sys-label-large-weight);--mat-button-protected-label-text-font: var(--mat-sys-label-large-font);--mat-button-protected-label-text-size: var(--mat-sys-label-large-size);--mat-button-protected-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-button-protected-label-text-weight: var(--mat-sys-label-large-weight);--mat-button-text-label-text-font: var(--mat-sys-label-large-font);--mat-button-text-label-text-size: var(--mat-sys-label-large-size);--mat-button-text-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-button-text-label-text-weight: var(--mat-sys-label-large-weight);--mat-button-tonal-label-text-font: var(--mat-sys-label-large-font);--mat-button-tonal-label-text-size: var(--mat-sys-label-large-size);--mat-button-tonal-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-button-tonal-label-text-weight: var(--mat-sys-label-large-weight);--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 9999px;--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-on-surface-variant);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-on-surface-variant) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-on-surface-variant);--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 40px;--mat-fab-container-shape: 16px;--mat-fab-extended-container-height: 56px;--mat-fab-extended-container-shape: 16px;--mat-fab-small-container-shape: 12px;--mat-fab-container-color: var(--mat-sys-primary-container);--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 6;--mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: var(--mat-sys-on-primary-container);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary-container) 12%, transparent);--mat-fab-small-container-color: var(--mat-sys-primary-container);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: var(--mat-sys-on-primary-container);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary-container) 12%, transparent);--mat-fab-small-state-layer-color: var(--mat-sys-on-primary-container);--mat-fab-state-layer-color: var(--mat-sys-on-primary-container);--mat-fab-touch-target-display: block;--mat-fab-extended-label-text-font: var(--mat-sys-label-large-font);--mat-fab-extended-label-text-size: var(--mat-sys-label-large-size);--mat-fab-extended-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-fab-extended-label-text-weight: var(--mat-sys-label-large-weight);--mat-snack-bar-container-shape: 4px;--mat-snack-bar-button-color: var(--mat-sys-inverse-primary);--mat-snack-bar-container-color: var(--mat-sys-inverse-surface);--mat-snack-bar-supporting-text-color: var(--mat-sys-inverse-on-surface);--mat-snack-bar-supporting-text-font: var(--mat-sys-body-medium-font);--mat-snack-bar-supporting-text-line-height: var(--mat-sys-body-medium-line-height);--mat-snack-bar-supporting-text-size: var(--mat-sys-body-medium-size);--mat-snack-bar-supporting-text-weight: var(--mat-sys-body-medium-weight);--mat-table-row-item-outline-width: 1px;--mat-table-background-color: var(--mat-sys-surface);--mat-table-header-headline-color: var(--mat-sys-on-surface);--mat-table-row-item-label-text-color: var(--mat-sys-on-surface);--mat-table-row-item-outline-color: var(--mat-sys-outline);--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-header-headline-font: var(--mat-sys-title-small-font);--mat-table-header-headline-line-height: var(--mat-sys-title-small-line-height);--mat-table-header-headline-size: var(--mat-sys-title-small-size);--mat-table-header-headline-tracking: var(--mat-sys-title-small-tracking);--mat-table-header-headline-weight: var(--mat-sys-title-small-weight);--mat-table-row-item-label-text-font: var(--mat-sys-body-medium-font);--mat-table-row-item-label-text-line-height: var(--mat-sys-body-medium-line-height);--mat-table-row-item-label-text-size: var(--mat-sys-body-medium-size);--mat-table-row-item-label-text-tracking: var(--mat-sys-body-medium-tracking);--mat-table-row-item-label-text-weight: var(--mat-sys-body-medium-weight);--mat-table-footer-supporting-text-font: var(--mat-sys-body-medium-font);--mat-table-footer-supporting-text-line-height: var(--mat-sys-body-medium-line-height);--mat-table-footer-supporting-text-size: var(--mat-sys-body-medium-size);--mat-table-footer-supporting-text-tracking: var(--mat-sys-body-medium-tracking);--mat-table-footer-supporting-text-weight: var(--mat-sys-body-medium-weight);--mat-progress-spinner-size: 48px;--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-active-indicator-color: var(--mat-sys-primary);--mat-badge-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: unset;--mat-badge-legacy-large-size-container-size: unset;--mat-badge-legacy-small-size-container-size: unset;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-small-size-container-padding: 0;--mat-badge-small-size-container-size: 6px;--mat-badge-background-color: var(--mat-sys-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-error);--mat-badge-text-color: var(--mat-sys-on-error);--mat-badge-large-size-line-height: 16px;--mat-badge-large-size-text-size: var(--mat-sys-label-small-size);--mat-badge-line-height: 16px;--mat-badge-small-size-line-height: 6px;--mat-badge-small-size-text-size: 0;--mat-badge-text-font: var(--mat-sys-label-small-font);--mat-badge-text-size: var(--mat-sys-label-small-size);--mat-badge-text-weight: var(--mat-sys-label-small-weight);--mat-bottom-sheet-container-shape: 28px;--mat-bottom-sheet-container-text-color: var(--mat-sys-on-surface);--mat-bottom-sheet-container-background-color: var(--mat-sys-surface-container-low);--mat-bottom-sheet-container-text-font: var(--mat-sys-body-large-font);--mat-bottom-sheet-container-text-line-height: var(--mat-sys-body-large-line-height);--mat-bottom-sheet-container-text-size: var(--mat-sys-body-large-size);--mat-bottom-sheet-container-text-tracking: var(--mat-sys-body-large-tracking);--mat-bottom-sheet-container-text-weight: var(--mat-sys-body-large-weight);--mat-button-toggle-focus-state-layer-opacity: .12;--mat-button-toggle-hover-state-layer-opacity: .08;--mat-button-toggle-shape: 28px;--mat-button-toggle-background-color: transparent;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-toggle-disabled-state-background-color: transparent;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-toggle-divider-color: var(--mat-sys-outline);--mat-button-toggle-selected-state-background-color: var(--mat-sys-secondary-container);--mat-button-toggle-selected-state-text-color: var(--mat-sys-on-secondary-container);--mat-button-toggle-state-layer-color: var(--mat-sys-on-surface);--mat-button-toggle-text-color: var(--mat-sys-on-surface);--mat-button-toggle-label-text-font: var(--mat-sys-label-large-font);--mat-button-toggle-label-text-line-height: var(--mat-sys-label-large-line-height);--mat-button-toggle-label-text-size: var(--mat-sys-label-large-size);--mat-button-toggle-label-text-tracking: var(--mat-sys-label-large-tracking);--mat-button-toggle-label-text-weight: var(--mat-sys-label-large-weight);--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-primary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-body-label-text-size: var(--mat-sys-title-small-size);--mat-datepicker-calendar-body-label-text-weight: var(--mat-sys-title-small-weight);--mat-datepicker-calendar-header-text-size: var(--mat-sys-title-small-size);--mat-datepicker-calendar-header-text-weight: var(--mat-sys-title-small-weight);--mat-datepicker-calendar-period-button-text-size: var(--mat-sys-title-small-size);--mat-datepicker-calendar-period-button-text-weight: var(--mat-sys-title-small-weight);--mat-datepicker-calendar-text-font: var(--mat-sys-body-medium-font);--mat-datepicker-calendar-text-size: var(--mat-sys-body-medium-size);--mat-divider-width: 1px;--mat-divider-color: var(--mat-sys-outline);--mat-expansion-container-shape: 12px;--mat-expansion-header-indicator-display: inline-block;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-actions-divider-color: var(--mat-sys-outline);--mat-expansion-container-background-color: var(--mat-sys-surface);--mat-expansion-container-text-color: var(--mat-sys-on-surface);--mat-expansion-header-description-color: var(--mat-sys-on-surface-variant);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-expansion-header-indicator-color: var(--mat-sys-on-surface-variant);--mat-expansion-header-text-color: var(--mat-sys-on-surface);--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-text-font: var(--mat-sys-body-large-font);--mat-expansion-container-text-line-height: var(--mat-sys-body-large-line-height);--mat-expansion-container-text-size: var(--mat-sys-body-large-size);--mat-expansion-container-text-tracking: var(--mat-sys-body-large-tracking);--mat-expansion-container-text-weight: var(--mat-sys-body-large-weight);--mat-expansion-header-text-font: var(--mat-sys-title-medium-font);--mat-expansion-header-text-line-height: var(--mat-sys-title-medium-line-height);--mat-expansion-header-text-size: var(--mat-sys-title-medium-size);--mat-expansion-header-text-tracking: var(--mat-sys-title-medium-tracking);--mat-expansion-header-text-weight: var(--mat-sys-title-medium-weight);--mat-grid-list-tile-header-primary-text-size: var(--mat-sys-body-large);--mat-grid-list-tile-header-secondary-text-size: var(--mat-sys-body-medium);--mat-grid-list-tile-footer-primary-text-size: var(--mat-sys-body-large);--mat-grid-list-tile-footer-secondary-text-size: var(--mat-sys-body-medium);--mat-icon-color: inherit;--mat-sidenav-container-background-color: var(--mat-sys-surface);--mat-sidenav-container-text-color: var(--mat-sys-on-surface-variant);--mat-sidenav-content-background-color: var(--mat-sys-background);--mat-sidenav-content-text-color: var(--mat-sys-on-background);--mat-sidenav-scrim-color: color-mix(in srgb, #2c3139 40%, transparent);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-stepper-header-error-state-icon-background-color: transparent;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline);--mat-stepper-container-text-font: var(--mat-sys-body-medium-font);--mat-stepper-header-label-text-font: var(--mat-sys-title-small-font);--mat-stepper-header-label-text-size: var(--mat-sys-title-small-size);--mat-stepper-header-label-text-weight: var(--mat-sys-title-small-weight);--mat-stepper-header-error-state-label-text-size: var(--mat-sys-title-small-size);--mat-stepper-header-selected-state-label-text-size: var(--mat-sys-title-small-size);--mat-stepper-header-selected-state-label-text-weight: var(--mat-sys-title-small-weight);--mat-sort-arrow-color: var(--mat-sys-on-surface);--mat-toolbar-container-background-color: var(--mat-sys-surface);--mat-toolbar-container-text-color: var(--mat-sys-on-surface);--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-toolbar-title-text-font: var(--mat-sys-title-large-font);--mat-toolbar-title-text-line-height: var(--mat-sys-title-large-line-height);--mat-toolbar-title-text-size: var(--mat-sys-title-large-size);--mat-toolbar-title-text-tracking: var(--mat-sys-title-large-tracking);--mat-toolbar-title-text-weight: var(--mat-sys-title-large-weight);--mat-tree-container-background-color: var(--mat-sys-surface);--mat-tree-node-text-color: var(--mat-sys-on-surface);--mat-tree-node-min-height: 48px;--mat-tree-node-text-font: var(--mat-sys-body-large-font);--mat-tree-node-text-size: var(--mat-sys-body-large-size);--mat-tree-node-text-weight: var(--mat-sys-body-large-weight);--mat-timepicker-container-shape: 4px;--mat-timepicker-container-background-color: var(--mat-sys-surface-container);--mat-timepicker-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-sys-background: #f9f9ff;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #edf0ff;--mat-sys-inverse-primary: #a4c9ff;--mat-sys-inverse-surface: #293041;--mat-sys-on-background: #141b2c;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #12487e;--mat-sys-on-primary-fixed: #001c39;--mat-sys-on-primary-fixed-variant: #12487e;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #004f55;--mat-sys-on-secondary-fixed: #002022;--mat-sys-on-secondary-fixed-variant: #004f55;--mat-sys-on-surface: #141b2c;--mat-sys-on-surface-variant: #424750;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #095133;--mat-sys-on-tertiary-fixed: #002111;--mat-sys-on-tertiary-fixed-variant: #095133;--mat-sys-outline: #737781;--mat-sys-outline-variant: #c2c6d1;--mat-sys-primary: #326098;--mat-sys-primary-container: #d4e3ff;--mat-sys-primary-fixed: #d4e3ff;--mat-sys-primary-fixed-dim: #a4c9ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #006971;--mat-sys-secondary-container: #9ef0f9;--mat-sys-secondary-fixed: #9ef0f9;--mat-sys-secondary-fixed-dim: #82d3dc;--mat-sys-shadow: #000000;--mat-sys-surface: #f9f9ff;--mat-sys-surface-bright: #f9f9ff;--mat-sys-surface-container: #e9edff;--mat-sys-surface-container-high: #e0e8ff;--mat-sys-surface-container-highest: #dbe2f9;--mat-sys-surface-container-low: #f1f3ff;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d2daf0;--mat-sys-surface-tint: #326098;--mat-sys-surface-variant: #dfe2ed;--mat-sys-tertiary: #2a6a49;--mat-sys-tertiary-container: #aef1c8;--mat-sys-tertiary-fixed: #aef1c8;--mat-sys-tertiary-fixed-dim: #93d5ad;--mat-sys-body-large: 400 1rem / 1.5rem Roboto, sans-serif;--mat-sys-body-large-font: Roboto, sans-serif;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-sys-body-medium-font: Roboto, sans-serif;--mat-sys-body-small: 400 .75rem / 1rem Roboto, sans-serif;--mat-sys-body-small-font: Roboto, sans-serif;--mat-sys-display-large: 400 3.562rem / 4rem Roboto, sans-serif;--mat-sys-display-large-font: Roboto, sans-serif;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto, sans-serif;--mat-sys-display-medium-font: Roboto, sans-serif;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto, sans-serif;--mat-sys-display-small-font: Roboto, sans-serif;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto, sans-serif;--mat-sys-headline-large-font: Roboto, sans-serif;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto, sans-serif;--mat-sys-headline-medium-font: Roboto, sans-serif;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto, sans-serif;--mat-sys-headline-small-font: Roboto, sans-serif;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto, sans-serif;--mat-sys-label-large-font: Roboto, sans-serif;--mat-sys-label-medium: 500 .75rem / 1rem Roboto, sans-serif;--mat-sys-label-medium-font: Roboto, sans-serif;--mat-sys-label-small: 500 .688rem / 1rem Roboto, sans-serif;--mat-sys-label-small-font: Roboto, sans-serif;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto, sans-serif;--mat-sys-title-large-font: Roboto, sans-serif;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto, sans-serif;--mat-sys-title-medium-font: Roboto, sans-serif;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto, sans-serif;--mat-sys-title-small-font: Roboto, sans-serif;--mat-sys-background: light-dark(#f9f9ff, #0b1323);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#edf0ff, #293041);--mat-sys-inverse-primary: light-dark(#a4c9ff, #326098);--mat-sys-inverse-surface: light-dark(#293041, #dbe2f9);--mat-sys-on-background: light-dark(#141b2c, #dbe2f9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00315d);--mat-sys-on-primary-container: light-dark(#12487e, #d4e3ff);--mat-sys-on-primary-fixed: light-dark(#001c39, #001c39);--mat-sys-on-primary-fixed-variant: light-dark(#12487e, #12487e);--mat-sys-on-secondary: light-dark(#ffffff, #00363b);--mat-sys-on-secondary-container: light-dark(#004f55, #9ef0f9);--mat-sys-on-secondary-fixed: light-dark(#002022, #002022);--mat-sys-on-secondary-fixed-variant: light-dark(#004f55, #004f55);--mat-sys-on-surface: light-dark(#141b2c, #dbe2f9);--mat-sys-on-surface-variant: light-dark(#424750, #dfe2ed);--mat-sys-on-tertiary: light-dark(#ffffff, #003921);--mat-sys-on-tertiary-container: light-dark(#095133, #aef1c8);--mat-sys-on-tertiary-fixed: light-dark(#002111, #002111);--mat-sys-on-tertiary-fixed-variant: light-dark(#095133, #095133);--mat-sys-outline: light-dark(#737781, #8c919b);--mat-sys-outline-variant: light-dark(#c2c6d1, #424750);--mat-sys-primary: light-dark(#326098, #a4c9ff);--mat-sys-primary-container: light-dark(#d4e3ff, #12487e);--mat-sys-primary-fixed: light-dark(#d4e3ff, #d4e3ff);--mat-sys-primary-fixed-dim: light-dark(#a4c9ff, #a4c9ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#006971, #82d3dc);--mat-sys-secondary-container: light-dark(#9ef0f9, #004f55);--mat-sys-secondary-fixed: light-dark(#9ef0f9, #9ef0f9);--mat-sys-secondary-fixed-dim: light-dark(#82d3dc, #82d3dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9ff, #0b1323);--mat-sys-surface-bright: light-dark(#f9f9ff, #31394b);--mat-sys-surface-container: light-dark(#e9edff, #182030);--mat-sys-surface-container-high: light-dark(#e0e8ff, #222a3b);--mat-sys-surface-container-highest: light-dark(#dbe2f9, #2d3546);--mat-sys-surface-container-low: light-dark(#f1f3ff, #141b2c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #060e1e);--mat-sys-surface-dim: light-dark(#d2daf0, #0b1323);--mat-sys-surface-tint: light-dark(#326098, #a4c9ff);--mat-sys-surface-variant: light-dark(#dfe2ed, #424750);--mat-sys-tertiary: light-dark(#2a6a49, #93d5ad);--mat-sys-tertiary-container: light-dark(#aef1c8, #095133);--mat-sys-tertiary-fixed: light-dark(#aef1c8, #aef1c8);--mat-sys-tertiary-fixed-dim: light-dark(#93d5ad, #93d5ad);--mat-sys-neutral-variant20: #2c3139;--mat-sys-neutral10: #141b2c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 40px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-filled-with-label-container-padding-top: 8px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 24px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 32px;--mat-list-list-item-two-line-container-height: 48px;--mat-list-list-item-three-line-container-height: 72px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-tab-container-height: 32px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 40px;--mat-table-footer-container-height: 36px;--mat-table-row-item-container-height: 36px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 28px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-button-filled-container-color: #003F75;--mat-button-filled-label-text-color: #F1F6FA}html body.demo-experimental-theme{--mat-sys-background: light-dark(#f9f9ff, #0b1323);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#edf0ff, #293041);--mat-sys-inverse-primary: light-dark(#a4c9ff, #326098);--mat-sys-inverse-surface: light-dark(#293041, #dbe2f9);--mat-sys-on-background: light-dark(#141b2c, #dbe2f9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00315d);--mat-sys-on-primary-container: light-dark(#12487e, #d4e3ff);--mat-sys-on-primary-fixed: light-dark(#001c39, #001c39);--mat-sys-on-primary-fixed-variant: light-dark(#12487e, #12487e);--mat-sys-on-secondary: light-dark(#ffffff, #00363b);--mat-sys-on-secondary-container: light-dark(#004f55, #9ef0f9);--mat-sys-on-secondary-fixed: light-dark(#002022, #002022);--mat-sys-on-secondary-fixed-variant: light-dark(#004f55, #004f55);--mat-sys-on-surface: light-dark(#141b2c, #dbe2f9);--mat-sys-on-surface-variant: light-dark(#424750, #dfe2ed);--mat-sys-on-tertiary: light-dark(#ffffff, #003921);--mat-sys-on-tertiary-container: light-dark(#095133, #aef1c8);--mat-sys-on-tertiary-fixed: light-dark(#002111, #002111);--mat-sys-on-tertiary-fixed-variant: light-dark(#095133, #095133);--mat-sys-outline: light-dark(#737781, #8c919b);--mat-sys-outline-variant: light-dark(#c2c6d1, #424750);--mat-sys-primary: light-dark(#326098, #a4c9ff);--mat-sys-primary-container: light-dark(#d4e3ff, #12487e);--mat-sys-primary-fixed: light-dark(#d4e3ff, #d4e3ff);--mat-sys-primary-fixed-dim: light-dark(#a4c9ff, #a4c9ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#006971, #82d3dc);--mat-sys-secondary-container: light-dark(#9ef0f9, #004f55);--mat-sys-secondary-fixed: light-dark(#9ef0f9, #9ef0f9);--mat-sys-secondary-fixed-dim: light-dark(#82d3dc, #82d3dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9ff, #0b1323);--mat-sys-surface-bright: light-dark(#f9f9ff, #31394b);--mat-sys-surface-container: light-dark(#e9edff, #182030);--mat-sys-surface-container-high: light-dark(#e0e8ff, #222a3b);--mat-sys-surface-container-highest: light-dark(#dbe2f9, #2d3546);--mat-sys-surface-container-low: light-dark(#f1f3ff, #141b2c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #060e1e);--mat-sys-surface-dim: light-dark(#d2daf0, #0b1323);--mat-sys-surface-tint: light-dark(#326098, #a4c9ff);--mat-sys-surface-variant: light-dark(#dfe2ed, #424750);--mat-sys-tertiary: light-dark(#2a6a49, #93d5ad);--mat-sys-tertiary-container: light-dark(#aef1c8, #095133);--mat-sys-tertiary-fixed: light-dark(#aef1c8, #aef1c8);--mat-sys-tertiary-fixed-dim: light-dark(#93d5ad, #93d5ad);--mat-sys-neutral-variant20: #2c3139;--mat-sys-neutral10: #141b2c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-body-large-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-body-medium-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-body-small-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-display-large-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-display-medium-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-display-small-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-headline-large-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-headline-medium-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-headline-small-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-label-large-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-label-medium-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-label-small-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-title-large-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-title-medium-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-title-small-font: "Open Sans", "Helvetica Neue" sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.mat-display-large,.mat-typography .mat-display-large,.mat-typography h1{font:var(--mat-sys-display-large);letter-spacing:var(--mat-sys-display-large-tracking);margin:0 0 .5em}.mat-display-medium,.mat-typography .mat-display-medium,.mat-typography h2{font:var(--mat-sys-display-medium);letter-spacing:var(--mat-sys-display-medium-tracking);margin:0 0 .5em}.mat-display-small,.mat-typography .mat-display-small,.mat-typography h3{font:var(--mat-sys-display-small);letter-spacing:var(--mat-sys-display-small-tracking);margin:0 0 .5em}.mat-headline-large,.mat-typography .mat-headline-large,.mat-typography h4{font:var(--mat-sys-headline-large);letter-spacing:var(--mat-sys-headline-large-tracking);margin:0 0 .5em}.mat-headline-medium,.mat-typography .mat-headline-medium,.mat-typography h5{font:var(--mat-sys-headline-medium);letter-spacing:var(--mat-sys-headline-medium-tracking);margin:0 0 .5em}.mat-headline-small,.mat-typography .mat-headline-small,.mat-typography h6{font:var(--mat-sys-headline-small);letter-spacing:var(--mat-sys-headline-small-tracking);margin:0 0 .5em}.mat-title-large,.mat-typography .mat-title-large{font:var(--mat-sys-title-large);letter-spacing:var(--mat-sys-title-large-tracking)}.mat-title-medium,.mat-typography .mat-title-medium{font:var(--mat-sys-title-medium);letter-spacing:var(--mat-sys-title-medium-tracking)}.mat-body-large,.mat-typography .mat-body-large,.mat-typography{font:var(--mat-sys-body-large);letter-spacing:var(--mat-sys-body-large-tracking)}.mat-body-large p,.mat-typography .mat-body-large p,.mat-typography p{margin:0 0 .75em}.mat-label-small,.mat-typography .mat-label-small{font:var(--mat-sys-label-small);letter-spacing:var(--mat-sys-label-small-tracking)}.demo-strong-focus{--mat-focus-indicator-border-color: black;--mat-focus-indicator-display: block;--mat-focus-indicator-border-color: var(--mat-sys-primary)}body.demo-unicorn-dark-theme{color-scheme:dark}body.demo-unicorn-dark-theme:not(.demo-experimental-theme){--mat-app-background-color: var(--mat-sys-background);--mat-app-text-color: var(--mat-sys-on-background);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-secondary-container);--mat-option-selected-state-layer-color: var(--mat-sys-secondary-container);--mat-optgroup-label-text-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-primary);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-primary);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-primary);--mat-card-elevated-container-color: var(--mat-sys-surface-container-low);--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-card-filled-container-color: var(--mat-sys-surface-container-highest);--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-container-color: var(--mat-sys-surface);--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-outline-color: var(--mat-sys-outline-variant);--mat-card-subtitle-text-color: var(--mat-sys-on-surface);--mat-progress-bar-active-indicator-color: var(--mat-sys-primary);--mat-progress-bar-track-color: var(--mat-sys-surface-variant);--mat-tooltip-container-color: var(--mat-sys-inverse-surface);--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-color: var(--mat-sys-inverse-on-surface);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-primary);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-primary);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-primary);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-primary);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-primary);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant);--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-primary);--mat-select-invalid-arrow-color: var(--mat-sys-error);--mat-autocomplete-background-color: var(--mat-sys-surface-container);--mat-dialog-container-color: var(--mat-sys-surface);--mat-dialog-subhead-color: var(--mat-sys-on-surface);--mat-dialog-supporting-text-color: var(--mat-sys-on-surface-variant);--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-secondary-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-secondary-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-secondary-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-secondary-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-primary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-track-color: var(--mat-sys-primary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant);--mat-radio-checked-ripple-color: var(--mat-sys-primary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-primary);--mat-radio-selected-hover-icon-color: var(--mat-sys-primary);--mat-radio-selected-icon-color: var(--mat-sys-primary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-primary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface);--mat-slider-active-track-color: var(--mat-sys-primary);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-primary);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-primary) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-primary);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-primary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-primary) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-primary);--mat-slider-label-label-text-color: var(--mat-sys-on-primary);--mat-slider-ripple-color: var(--mat-sys-primary);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-primary);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-primary);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant);--mat-menu-container-shape: 4px;--mat-menu-divider-color: var(--mat-sys-surface-variant);--mat-menu-item-label-text-color: var(--mat-sys-on-surface);--mat-menu-item-icon-color: var(--mat-sys-on-surface-variant);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-menu-container-color: var(--mat-sys-surface-container);--mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-list-active-indicator-color: var(--mat-sys-secondary-container);--mat-list-active-indicator-shape: 9999px;--mat-list-list-item-container-color: transparent;--mat-list-list-item-container-shape: 0;--mat-list-list-item-disabled-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-label-text-opacity: .3;--mat-list-list-item-disabled-leading-icon-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-leading-icon-opacity: .38;--mat-list-list-item-disabled-state-layer-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-state-layer-opacity: .12;--mat-list-list-item-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-list-item-focus-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-focus-state-layer-color: var(--mat-sys-on-surface);--mat-list-list-item-focus-state-layer-opacity: .12;--mat-list-list-item-hover-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-hover-state-layer-color: var(--mat-sys-on-surface);--mat-list-list-item-hover-state-layer-opacity: .08;--mat-list-list-item-label-text-color: var(--mat-sys-on-surface);--mat-list-list-item-leading-avatar-color: var(--mat-sys-primary-container);--mat-list-list-item-leading-avatar-shape: 9999px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-selected-trailing-icon-color: var(--mat-sys-primary);--mat-list-list-item-supporting-text-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-trailing-icon-color: var(--mat-sys-on-surface-variant);--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-surface-variant);--mat-paginator-container-text-color: var(--mat-sys-on-surface);--mat-paginator-container-background-color: var(--mat-sys-surface);--mat-paginator-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-paginator-enabled-icon-color: var(--mat-sys-on-surface-variant);--mat-tab-active-focus-indicator-color: var(--mat-sys-primary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-primary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-primary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant);--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-checkbox-selected-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-primary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-primary);--mat-button-filled-container-color: var(--mat-sys-primary);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-primary);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-primary);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-primary);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-primary);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-primary);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-primary);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-primary);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-primary);--mat-button-tonal-container-color: var(--mat-sys-secondary-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-secondary-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-secondary-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-secondary-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-on-surface-variant);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-on-surface-variant) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-on-surface-variant);--mat-fab-container-color: var(--mat-sys-primary-container);--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 6;--mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: var(--mat-sys-on-primary-container);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary-container) 12%, transparent);--mat-fab-small-container-color: var(--mat-sys-primary-container);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: var(--mat-sys-on-primary-container);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary-container) 12%, transparent);--mat-fab-small-state-layer-color: var(--mat-sys-on-primary-container);--mat-fab-state-layer-color: var(--mat-sys-on-primary-container);--mat-snack-bar-button-color: var(--mat-sys-inverse-primary);--mat-snack-bar-container-color: var(--mat-sys-inverse-surface);--mat-snack-bar-supporting-text-color: var(--mat-sys-inverse-on-surface);--mat-table-background-color: var(--mat-sys-surface);--mat-table-header-headline-color: var(--mat-sys-on-surface);--mat-table-row-item-label-text-color: var(--mat-sys-on-surface);--mat-table-row-item-outline-color: var(--mat-sys-outline);--mat-progress-spinner-active-indicator-color: var(--mat-sys-primary);--mat-badge-background-color: var(--mat-sys-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-error);--mat-badge-text-color: var(--mat-sys-on-error);--mat-bottom-sheet-container-text-color: var(--mat-sys-on-surface);--mat-bottom-sheet-container-background-color: var(--mat-sys-surface-container-low);--mat-button-toggle-background-color: transparent;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-toggle-disabled-state-background-color: transparent;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-toggle-divider-color: var(--mat-sys-outline);--mat-button-toggle-selected-state-background-color: var(--mat-sys-secondary-container);--mat-button-toggle-selected-state-text-color: var(--mat-sys-on-secondary-container);--mat-button-toggle-state-layer-color: var(--mat-sys-on-surface);--mat-button-toggle-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-primary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant);--mat-divider-color: var(--mat-sys-outline);--mat-expansion-actions-divider-color: var(--mat-sys-outline);--mat-expansion-container-background-color: var(--mat-sys-surface);--mat-expansion-container-text-color: var(--mat-sys-on-surface);--mat-expansion-header-description-color: var(--mat-sys-on-surface-variant);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-expansion-header-indicator-color: var(--mat-sys-on-surface-variant);--mat-expansion-header-text-color: var(--mat-sys-on-surface);--mat-icon-color: inherit;--mat-sidenav-container-background-color: var(--mat-sys-surface);--mat-sidenav-container-text-color: var(--mat-sys-on-surface-variant);--mat-sidenav-content-background-color: var(--mat-sys-background);--mat-sidenav-content-text-color: var(--mat-sys-on-background);--mat-sidenav-scrim-color: color-mix(in srgb, #2c3139 40%, transparent);--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline);--mat-sort-arrow-color: var(--mat-sys-on-surface);--mat-toolbar-container-background-color: var(--mat-sys-surface);--mat-toolbar-container-text-color: var(--mat-sys-on-surface);--mat-tree-container-background-color: var(--mat-sys-surface);--mat-tree-node-text-color: var(--mat-sys-on-surface);--mat-timepicker-container-background-color: var(--mat-sys-surface-container);--mat-timepicker-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-sys-background: #0b1323;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #293041;--mat-sys-inverse-primary: #326098;--mat-sys-inverse-surface: #dbe2f9;--mat-sys-on-background: #dbe2f9;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #00315d;--mat-sys-on-primary-container: #d4e3ff;--mat-sys-on-primary-fixed: #001c39;--mat-sys-on-primary-fixed-variant: #12487e;--mat-sys-on-secondary: #00363b;--mat-sys-on-secondary-container: #9ef0f9;--mat-sys-on-secondary-fixed: #002022;--mat-sys-on-secondary-fixed-variant: #004f55;--mat-sys-on-surface: #dbe2f9;--mat-sys-on-surface-variant: #dfe2ed;--mat-sys-on-tertiary: #003921;--mat-sys-on-tertiary-container: #aef1c8;--mat-sys-on-tertiary-fixed: #002111;--mat-sys-on-tertiary-fixed-variant: #095133;--mat-sys-outline: #8c919b;--mat-sys-outline-variant: #424750;--mat-sys-primary: #a4c9ff;--mat-sys-primary-container: #12487e;--mat-sys-primary-fixed: #d4e3ff;--mat-sys-primary-fixed-dim: #a4c9ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #82d3dc;--mat-sys-secondary-container: #004f55;--mat-sys-secondary-fixed: #9ef0f9;--mat-sys-secondary-fixed-dim: #82d3dc;--mat-sys-shadow: #000000;--mat-sys-surface: #0b1323;--mat-sys-surface-bright: #31394b;--mat-sys-surface-container: #182030;--mat-sys-surface-container-high: #222a3b;--mat-sys-surface-container-highest: #2d3546;--mat-sys-surface-container-low: #141b2c;--mat-sys-surface-container-lowest: #060e1e;--mat-sys-surface-dim: #0b1323;--mat-sys-surface-tint: #a4c9ff;--mat-sys-surface-variant: #424750;--mat-sys-tertiary: #93d5ad;--mat-sys-tertiary-container: #095133;--mat-sys-tertiary-fixed: #aef1c8;--mat-sys-tertiary-fixed-dim: #93d5ad;--mat-sys-neutral-variant20: #2c3139;--mat-sys-neutral10: #141b2c}body.demo-unicorn-dark-theme.demo-strong-focus{--mat-focus-indicator-border-color: var(--mat-sys-primary)}body:not(.demo-experimental-theme) .demo-density--1{--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-button-toggle-height: 40px;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-select-arrow-transform: translateY(-8px);--mat-stepper-header-height: 72px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-tab-container-height: 44px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px}body.demo-experimental-theme .demo-density--1{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body:not(.demo-experimental-theme) .demo-density--2{--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 32px;--mat-button-outlined-container-height: 32px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 32px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 32px;--mat-button-tonal-container-height: 32px;--mat-button-tonal-touch-target-display: none;--mat-button-toggle-height: 40px;--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 32px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 56px;--mat-fab-touch-target-display: none;--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 32px;--mat-list-list-item-leading-icon-start-space: 8px;--mat-list-list-item-leading-icon-end-space: 8px;--mat-list-list-item-one-line-container-height: 40px;--mat-list-list-item-two-line-container-height: 56px;--mat-list-list-item-three-line-container-height: 80px;--mat-paginator-container-size: 48px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 32px;--mat-select-arrow-transform: none;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 44px;--mat-table-row-item-container-height: 44px;--mat-tab-container-height: 40px;--mat-toolbar-standard-height: 56px;--mat-toolbar-mobile-height: 48px;--mat-tree-node-min-height: 40px}body.demo-experimental-theme .demo-density--2{--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 32px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 56px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 32px;--mat-button-outlined-container-height: 32px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 32px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 32px;--mat-button-tonal-container-height: 32px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 32px;--mat-list-list-item-leading-icon-start-space: 8px;--mat-list-list-item-leading-icon-end-space: 8px;--mat-list-list-item-one-line-container-height: 40px;--mat-list-list-item-two-line-container-height: 56px;--mat-list-list-item-three-line-container-height: 80px;--mat-paginator-container-size: 48px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 32px;--mat-tab-container-height: 40px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 44px;--mat-table-row-item-container-height: 44px;--mat-toolbar-standard-height: 56px;--mat-toolbar-mobile-height: 48px;--mat-tree-node-min-height: 40px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body:not(.demo-experimental-theme) .demo-density--3{--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-button-toggle-height: 40px;--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-touch-target-display: none;--mat-form-field-container-height: 44px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-filled-with-label-container-padding-top: 10px;--mat-form-field-filled-with-label-container-padding-bottom: 10px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 28px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 36px;--mat-list-list-item-two-line-container-height: 52px;--mat-list-list-item-three-line-container-height: 76px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-select-arrow-transform: none;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 44px;--mat-table-footer-container-height: 40px;--mat-table-row-item-container-height: 40px;--mat-tab-container-height: 36px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 36px}body.demo-experimental-theme .demo-density--3{--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 44px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-filled-with-label-container-padding-top: 10px;--mat-form-field-filled-with-label-container-padding-bottom: 10px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 28px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 36px;--mat-list-list-item-two-line-container-height: 52px;--mat-list-list-item-three-line-container-height: 76px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-tab-container-height: 36px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 44px;--mat-table-footer-container-height: 40px;--mat-table-row-item-container-height: 40px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 36px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body:not(.demo-experimental-theme) .demo-density--4{--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-button-toggle-height: 40px;--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-touch-target-display: none;--mat-form-field-container-height: 40px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-filled-with-label-container-padding-top: 8px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 24px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 32px;--mat-list-list-item-two-line-container-height: 48px;--mat-list-list-item-three-line-container-height: 72px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-select-arrow-transform: none;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 40px;--mat-table-footer-container-height: 36px;--mat-table-row-item-container-height: 36px;--mat-tab-container-height: 32px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 28px}body.demo-experimental-theme .demo-density--4{--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 40px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-filled-with-label-container-padding-top: 8px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 24px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 32px;--mat-list-list-item-two-line-container-height: 48px;--mat-list-list-item-three-line-container-height: 72px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-tab-container-height: 32px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 40px;--mat-table-footer-container-height: 36px;--mat-table-row-item-container-height: 36px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 28px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body:not(.demo-experimental-theme) .demo-density-minimum{--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-button-toggle-height: 40px;--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-touch-target-display: none;--mat-form-field-container-height: 36px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 6px;--mat-form-field-filled-with-label-container-padding-top: 6px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 24px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 24px;--mat-list-list-item-two-line-container-height: 48px;--mat-list-list-item-three-line-container-height: 56px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 36px;--mat-paginator-form-field-container-vertical-padding: 6px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-select-arrow-transform: none;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 40px;--mat-table-footer-container-height: 36px;--mat-table-row-item-container-height: 36px;--mat-tab-container-height: 32px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 28px}body.demo-experimental-theme .demo-density-minimum{--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 36px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 6px;--mat-form-field-filled-with-label-container-padding-top: 6px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 24px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 24px;--mat-list-list-item-two-line-container-height: 48px;--mat-list-list-item-three-line-container-height: 56px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 36px;--mat-paginator-form-field-container-vertical-padding: 6px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-tab-container-height: 32px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 40px;--mat-table-footer-container-height: 36px;--mat-table-row-item-container-height: 36px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 28px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body:not(.demo-experimental-theme) .demo-density-maximum{--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-toggle-height: 40px;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px;--mat-chip-container-height: 32px;--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-fab-touch-target-display: block;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 40px;--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px;--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 40px;--mat-select-arrow-transform: translateY(-8px);--mat-stepper-header-height: 72px;--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-tab-container-height: 48px;--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-node-min-height: 48px}body.demo-experimental-theme .demo-density-maximum{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px;--mat-chip-container-height: 32px;--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 40px;--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px;--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 40px;--mat-tab-container-height: 48px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 72px;--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-tree-node-min-height: 48px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.demo-color-api-back-compat .mat-primary{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.demo-color-api-back-compat .mat-primary.mat-icon{--mat-icon-color: var(--mat-sys-primary)}.demo-color-api-back-compat .mat-primary.mat-mdc-tab-group,.demo-color-api-back-compat .mat-primary.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-primary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-primary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-primary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-primary.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-primary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-track-color: var(--mat-sys-primary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat .mat-primary.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-primary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-primary.mat-mdc-button-base{--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-primary);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-primary);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-primary)}.demo-color-api-back-compat .mat-badge{--mat-badge-background-color: var(--mat-sys-primary);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-primary) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-primary);--mat-badge-text-color: var(--mat-sys-on-primary)}.demo-color-api-back-compat .mat-accent{--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-tertiary-container);--mat-option-selected-state-layer-color: var(--mat-sys-tertiary-container)}.demo-color-api-back-compat .mat-accent{--mat-progress-spinner-active-indicator-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat .mat-accent{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-tertiary);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat .mat-accent{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.demo-color-api-back-compat .mat-accent.mat-icon{--mat-icon-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat .mat-accent.mat-mdc-checkbox{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat .mat-accent.mat-mdc-slider{--mat-slider-active-track-color: var(--mat-sys-tertiary);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-tertiary);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-tertiary) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-tertiary);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-tertiary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-tertiary) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-tertiary);--mat-slider-label-label-text-color: var(--mat-sys-on-tertiary);--mat-slider-ripple-color: var(--mat-sys-tertiary);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-tertiary);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-tertiary);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-accent.mat-mdc-tab-group,.demo-color-api-back-compat .mat-accent.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-accent.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-tertiary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-tertiary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat .mat-accent.mat-mdc-form-field{--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-tertiary);--mat-select-invalid-arrow-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-accent.mat-mdc-radio-button{--mat-radio-checked-ripple-color: var(--mat-sys-tertiary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat .mat-accent.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--mat-sys-tertiary);--mat-progress-bar-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat .mat-accent.mat-mdc-form-field{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-tertiary);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-tertiary);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-tertiary);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-tertiary);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-tertiary);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-tertiary);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-tertiary);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-accent.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-tertiary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-accent.mat-mdc-button-base{--mat-button-filled-container-color: var(--mat-sys-tertiary);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-tertiary);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-tertiary);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-tertiary);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-tertiary);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-tertiary);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-tertiary);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-tertiary);--mat-button-tonal-container-color: var(--mat-sys-tertiary-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-tertiary-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-tertiary);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-tertiary);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat .mat-accent.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-tertiary-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-tertiary-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-tertiary-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-accent .mdc-list-item__start,.demo-color-api-back-compat .mat-accent .mdc-list-item__end{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-radio-checked-ripple-color: var(--mat-sys-tertiary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat .mat-accent.mat-mdc-fab,.demo-color-api-back-compat .mat-accent.mat-mdc-mini-fab{--mat-fab-container-color: var(--mat-sys-tertiary-container);--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 6;--mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: var(--mat-sys-on-tertiary-container);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-fab-small-container-color: var(--mat-sys-tertiary-container);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: var(--mat-sys-on-tertiary-container);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-fab-small-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-fab-state-layer-color: var(--mat-sys-on-tertiary-container)}.demo-color-api-back-compat .mat-badge-accent{--mat-badge-background-color: var(--mat-sys-tertiary);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-tertiary) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-tertiary);--mat-badge-text-color: var(--mat-sys-on-tertiary)}.demo-color-api-back-compat .mat-warn{--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-error-container);--mat-option-selected-state-layer-color: var(--mat-sys-error-container)}.demo-color-api-back-compat .mat-warn{--mat-progress-spinner-active-indicator-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-warn{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-error);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-error);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-warn{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.demo-color-api-back-compat .mat-warn.mat-icon{--mat-icon-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-warn.mat-mdc-checkbox{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-error);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-warn.mat-mdc-slider{--mat-slider-active-track-color: var(--mat-sys-error);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-error);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-error) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-error);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-error);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-error) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-error);--mat-slider-label-label-text-color: var(--mat-sys-on-error);--mat-slider-ripple-color: var(--mat-sys-error);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-error);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-error);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-warn.mat-mdc-tab-group,.demo-color-api-back-compat .mat-warn.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-error);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-error);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-error);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-warn.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-error);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-error-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-track-color: var(--mat-sys-error);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat .mat-warn.mat-mdc-form-field{--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-error);--mat-select-invalid-arrow-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-warn.mat-mdc-radio-button{--mat-radio-checked-ripple-color: var(--mat-sys-error);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-error);--mat-radio-selected-hover-icon-color: var(--mat-sys-error);--mat-radio-selected-icon-color: var(--mat-sys-error);--mat-radio-selected-pressed-icon-color: var(--mat-sys-error);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat .mat-warn.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--mat-sys-error);--mat-progress-bar-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat .mat-warn.mat-mdc-form-field{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-error);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-error);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-error);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-warn.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-error-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-error);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-error);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-warn.mat-mdc-button-base{--mat-button-filled-container-color: var(--mat-sys-error);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-error);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-error) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-error);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-error);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-error);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-error);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-error);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-error);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-error);--mat-button-tonal-container-color: var(--mat-sys-error-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-error-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-error-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-error-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-error);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-error);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-error)}.demo-color-api-back-compat .mat-warn.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-error-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-error-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-error-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-error-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat .mat-warn .mdc-list-item__start,.demo-color-api-back-compat .mat-warn .mdc-list-item__end{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-error);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error);--mat-radio-checked-ripple-color: var(--mat-sys-error);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-error);--mat-radio-selected-hover-icon-color: var(--mat-sys-error);--mat-radio-selected-icon-color: var(--mat-sys-error);--mat-radio-selected-pressed-icon-color: var(--mat-sys-error);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat .mat-badge-warn{--mat-badge-background-color: var(--mat-sys-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-error);--mat-badge-text-color: var(--mat-sys-on-error)}.demo-color-api-back-compat .mat-display-large,.demo-color-api-back-compat .mat-typography .mat-display-large,.demo-color-api-back-compat .mat-typography h1,.demo-color-api-back-compat .mat-h1,.demo-color-api-back-compat .mat-typography .mat-h1,.demo-color-api-back-compat .mat-headline-1,.demo-color-api-back-compat .mat-typography .mat-headline-1{font:var(--mat-sys-display-large);letter-spacing:var(--mat-sys-display-large-tracking);margin:0 0 .5em}.demo-color-api-back-compat .mat-display-medium,.demo-color-api-back-compat .mat-typography .mat-display-medium,.demo-color-api-back-compat .mat-typography h2,.demo-color-api-back-compat .mat-h2,.demo-color-api-back-compat .mat-typography .mat-h2,.demo-color-api-back-compat .mat-headline-2,.demo-color-api-back-compat .mat-typography .mat-headline-2{font:var(--mat-sys-display-medium);letter-spacing:var(--mat-sys-display-medium-tracking);margin:0 0 .5em}.demo-color-api-back-compat .mat-display-small,.demo-color-api-back-compat .mat-typography .mat-display-small,.demo-color-api-back-compat .mat-typography h3,.demo-color-api-back-compat .mat-h3,.demo-color-api-back-compat .mat-typography .mat-h3,.demo-color-api-back-compat .mat-headline-3,.demo-color-api-back-compat .mat-typography .mat-headline-3{font:var(--mat-sys-display-small);letter-spacing:var(--mat-sys-display-small-tracking);margin:0 0 .5em}.demo-color-api-back-compat .mat-headline-large,.demo-color-api-back-compat .mat-typography .mat-headline-large,.demo-color-api-back-compat .mat-typography h4,.demo-color-api-back-compat .mat-h4,.demo-color-api-back-compat .mat-typography .mat-h4,.demo-color-api-back-compat .mat-headline-4,.demo-color-api-back-compat .mat-typography .mat-headline-4{font:var(--mat-sys-headline-large);letter-spacing:var(--mat-sys-headline-large-tracking);margin:0 0 .5em}.demo-color-api-back-compat .mat-headline-medium,.demo-color-api-back-compat .mat-typography .mat-headline-medium,.demo-color-api-back-compat .mat-typography h5,.demo-color-api-back-compat .mat-h5,.demo-color-api-back-compat .mat-typography .mat-h5,.demo-color-api-back-compat .mat-headline-5,.demo-color-api-back-compat .mat-typography .mat-headline-5{font:var(--mat-sys-headline-medium);letter-spacing:var(--mat-sys-headline-medium-tracking);margin:0 0 .5em}.demo-color-api-back-compat .mat-headline-small,.demo-color-api-back-compat .mat-typography .mat-headline-small,.demo-color-api-back-compat .mat-typography h6,.demo-color-api-back-compat .mat-h6,.demo-color-api-back-compat .mat-typography .mat-h6,.demo-color-api-back-compat .mat-headline-6,.demo-color-api-back-compat .mat-typography .mat-headline-6{font:var(--mat-sys-headline-small);letter-spacing:var(--mat-sys-headline-small-tracking);margin:0 0 .5em}.demo-color-api-back-compat .mat-title-large,.demo-color-api-back-compat .mat-typography .mat-title-large,.demo-color-api-back-compat .mat-subtitle-1,.demo-color-api-back-compat .mat-typography .mat-subtitle-1{font:var(--mat-sys-title-large);letter-spacing:var(--mat-sys-title-large-tracking)}.demo-color-api-back-compat .mat-title-medium,.demo-color-api-back-compat .mat-typography .mat-title-medium,.demo-color-api-back-compat .mat-subtitle-2,.demo-color-api-back-compat .mat-typography .mat-subtitle-2{font:var(--mat-sys-title-medium);letter-spacing:var(--mat-sys-title-medium-tracking)}.demo-color-api-back-compat .mat-title-small,.demo-color-api-back-compat .mat-typography .mat-title-small{font:var(--mat-sys-title-small);letter-spacing:var(--mat-sys-title-small-tracking)}.demo-color-api-back-compat .mat-body-large,.demo-color-api-back-compat .mat-typography .mat-body-large,.demo-color-api-back-compat .mat-typography,.demo-color-api-back-compat .mat-body,.demo-color-api-back-compat .mat-typography .mat-body,.demo-color-api-back-compat .mat-body-strong,.demo-color-api-back-compat .mat-typography .mat-body-strong,.demo-color-api-back-compat .mat-body-2,.demo-color-api-back-compat .mat-typography .mat-body-2{font:var(--mat-sys-body-large);letter-spacing:var(--mat-sys-body-large-tracking)}.demo-color-api-back-compat .mat-body-large p,.demo-color-api-back-compat .mat-typography .mat-body-large p,.demo-color-api-back-compat .mat-typography p,.demo-color-api-back-compat .mat-body p,.demo-color-api-back-compat .mat-typography .mat-body p,.demo-color-api-back-compat .mat-body-strong p,.demo-color-api-back-compat .mat-typography .mat-body-strong p,.demo-color-api-back-compat .mat-body-2 p,.demo-color-api-back-compat .mat-typography .mat-body-2 p{margin:0 0 .75em}.demo-color-api-back-compat .mat-body-medium,.demo-color-api-back-compat .mat-typography .mat-body-medium{font:var(--mat-sys-body-medium);letter-spacing:var(--mat-sys-body-medium-tracking)}.demo-color-api-back-compat .mat-body-small,.demo-color-api-back-compat .mat-typography .mat-body-small{font:var(--mat-sys-body-small);letter-spacing:var(--mat-sys-body-small-tracking)}.demo-color-api-back-compat .mat-label-large,.demo-color-api-back-compat .mat-typography .mat-label-large{font:var(--mat-sys-label-large);letter-spacing:var(--mat-sys-label-large-tracking)}.demo-color-api-back-compat .mat-label-medium,.demo-color-api-back-compat .mat-typography .mat-label-medium{font:var(--mat-sys-label-medium);letter-spacing:var(--mat-sys-label-medium-tracking)}.demo-color-api-back-compat .mat-label-small,.demo-color-api-back-compat .mat-typography .mat-label-small,.demo-color-api-back-compat .mat-small,.demo-color-api-back-compat .mat-typography .mat-small,.demo-color-api-back-compat .mat-caption,.demo-color-api-back-compat .mat-typography .mat-caption{font:var(--mat-sys-label-small);letter-spacing:var(--mat-sys-label-small-tracking)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary.mat-icon{--mat-icon-color: var(--mat-sys-primary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary.mat-mdc-tab-group,.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-primary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-primary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-primary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-primary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-track-color: var(--mat-sys-primary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-primary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-primary.mat-mdc-button-base{--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-primary);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-primary);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-primary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-badge{--mat-badge-background-color: var(--mat-sys-primary);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-primary) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-primary);--mat-badge-text-color: var(--mat-sys-on-primary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent{--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-tertiary-container);--mat-option-selected-state-layer-color: var(--mat-sys-tertiary-container)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent{--mat-progress-spinner-active-indicator-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-tertiary);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-icon{--mat-icon-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-checkbox{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-slider{--mat-slider-active-track-color: var(--mat-sys-tertiary);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-tertiary);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-tertiary) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-tertiary);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-tertiary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-tertiary) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-tertiary);--mat-slider-label-label-text-color: var(--mat-sys-on-tertiary);--mat-slider-ripple-color: var(--mat-sys-tertiary);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-tertiary);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-tertiary);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-tab-group,.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-tertiary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-tertiary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-form-field{--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-tertiary);--mat-select-invalid-arrow-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-radio-button{--mat-radio-checked-ripple-color: var(--mat-sys-tertiary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--mat-sys-tertiary);--mat-progress-bar-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-form-field{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-tertiary);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-tertiary);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-tertiary);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-tertiary);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-tertiary);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-tertiary);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-tertiary);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-tertiary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-button-base{--mat-button-filled-container-color: var(--mat-sys-tertiary);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-tertiary);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-tertiary);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-tertiary);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-tertiary);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-tertiary);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-tertiary);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-tertiary);--mat-button-tonal-container-color: var(--mat-sys-tertiary-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-tertiary-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-tertiary);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-tertiary);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-tertiary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-tertiary-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-tertiary-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-tertiary-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent .mdc-list-item__start,.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent .mdc-list-item__end{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-radio-checked-ripple-color: var(--mat-sys-tertiary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-fab,.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-accent.mat-mdc-mini-fab{--mat-fab-container-color: var(--mat-sys-tertiary-container);--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 6;--mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: var(--mat-sys-on-tertiary-container);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-fab-small-container-color: var(--mat-sys-tertiary-container);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: var(--mat-sys-on-tertiary-container);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-fab-small-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-fab-state-layer-color: var(--mat-sys-on-tertiary-container)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-badge-accent{--mat-badge-background-color: var(--mat-sys-tertiary);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-tertiary) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-tertiary);--mat-badge-text-color: var(--mat-sys-on-tertiary)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn{--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-error-container);--mat-option-selected-state-layer-color: var(--mat-sys-error-container)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn{--mat-progress-spinner-active-indicator-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-error);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-error);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-icon{--mat-icon-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-checkbox{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-error);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-slider{--mat-slider-active-track-color: var(--mat-sys-error);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-error);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-error) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-error);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-error);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-error) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-error);--mat-slider-label-label-text-color: var(--mat-sys-on-error);--mat-slider-ripple-color: var(--mat-sys-error);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-error);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-error);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-tab-group,.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-error);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-error);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-error);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-error);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-error-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-track-color: var(--mat-sys-error);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-form-field{--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-error);--mat-select-invalid-arrow-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-radio-button{--mat-radio-checked-ripple-color: var(--mat-sys-error);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-error);--mat-radio-selected-hover-icon-color: var(--mat-sys-error);--mat-radio-selected-icon-color: var(--mat-sys-error);--mat-radio-selected-pressed-icon-color: var(--mat-sys-error);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--mat-sys-error);--mat-progress-bar-track-color: var(--mat-sys-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-form-field{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-error);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-error);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-error);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-error-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-error);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-error);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-button-base{--mat-button-filled-container-color: var(--mat-sys-error);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-error);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-error) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-error);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-error);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-error);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-error);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-error);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-error);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-error);--mat-button-tonal-container-color: var(--mat-sys-error-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-error-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-error-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-error-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-error);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-error);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-error)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-error-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-error-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-error-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-error-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn .mdc-list-item__start,.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-warn .mdc-list-item__end{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-error);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error);--mat-radio-checked-ripple-color: var(--mat-sys-error);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-error);--mat-radio-selected-hover-icon-color: var(--mat-sys-error);--mat-radio-selected-icon-color: var(--mat-sys-error);--mat-radio-selected-pressed-icon-color: var(--mat-sys-error);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.demo-color-api-back-compat.demo-unicorn-dark-theme .mat-badge-warn{--mat-badge-background-color: var(--mat-sys-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-error);--mat-badge-text-color: var(--mat-sys-on-error)}.demo-config-buttons button{margin:4px}mat-nav-list.demo-nav-list{margin:8px}.mat-primary{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-primary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.mat-primary.mat-icon{--mat-icon-color: var(--mat-sys-primary)}.mat-primary.mat-mdc-tab-group,.mat-primary.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-primary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-primary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-primary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.mat-primary.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-primary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-primary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-primary);--mat-slide-toggle-selected-track-color: var(--mat-sys-primary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.mat-primary.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-primary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-primary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.mat-primary.mat-mdc-button-base{--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-primary);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-primary);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-primary)}.mat-badge{--mat-badge-background-color: var(--mat-sys-primary);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-primary) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-primary);--mat-badge-text-color: var(--mat-sys-on-primary)}.mat-accent{--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-tertiary-container);--mat-option-selected-state-layer-color: var(--mat-sys-tertiary-container)}.mat-accent{--mat-progress-spinner-active-indicator-color: var(--mat-sys-tertiary)}.mat-accent{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-tertiary);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-tertiary)}.mat-accent{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-tertiary);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-tertiary);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.mat-accent.mat-icon{--mat-icon-color: var(--mat-sys-tertiary)}.mat-accent.mat-mdc-checkbox{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary)}.mat-accent.mat-mdc-slider{--mat-slider-active-track-color: var(--mat-sys-tertiary);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-tertiary);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-tertiary) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-tertiary);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-tertiary);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-tertiary) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-tertiary);--mat-slider-label-label-text-color: var(--mat-sys-on-tertiary);--mat-slider-ripple-color: var(--mat-sys-tertiary);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-tertiary);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-tertiary);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant)}.mat-accent.mat-mdc-tab-group,.mat-accent.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-tertiary);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.mat-accent.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-tertiary);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-tertiary-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-tertiary-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-selected-track-color: var(--mat-sys-tertiary);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.mat-accent.mat-mdc-form-field{--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-tertiary);--mat-select-invalid-arrow-color: var(--mat-sys-error)}.mat-accent.mat-mdc-radio-button{--mat-radio-checked-ripple-color: var(--mat-sys-tertiary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.mat-accent.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--mat-sys-tertiary);--mat-progress-bar-track-color: var(--mat-sys-surface-variant)}.mat-accent.mat-mdc-form-field{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-tertiary);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-tertiary);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-tertiary);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-tertiary);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-tertiary);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-tertiary);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-tertiary);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant)}.mat-accent.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-tertiary);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-tertiary);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.mat-accent.mat-mdc-button-base{--mat-button-filled-container-color: var(--mat-sys-tertiary);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-tertiary);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-tertiary);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-tertiary);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-tertiary);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-tertiary);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-tertiary);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-tertiary);--mat-button-tonal-container-color: var(--mat-sys-tertiary-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-tertiary-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-tertiary);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-tertiary);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-tertiary)}.mat-accent.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-tertiary-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-tertiary-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-tertiary-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant)}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-tertiary);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-tertiary);--mat-checkbox-selected-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-tertiary);--mat-radio-checked-ripple-color: var(--mat-sys-tertiary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-hover-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-icon-color: var(--mat-sys-tertiary);--mat-radio-selected-pressed-icon-color: var(--mat-sys-tertiary);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.mat-accent.mat-mdc-fab,.mat-accent.mat-mdc-mini-fab{--mat-fab-container-color: var(--mat-sys-tertiary-container);--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 6;--mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: var(--mat-sys-on-tertiary-container);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-fab-small-container-color: var(--mat-sys-tertiary-container);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: var(--mat-sys-on-tertiary-container);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, var(--mat-sys-on-tertiary-container) 12%, transparent);--mat-fab-small-state-layer-color: var(--mat-sys-on-tertiary-container);--mat-fab-state-layer-color: var(--mat-sys-on-tertiary-container)}.mat-badge-accent{--mat-badge-background-color: var(--mat-sys-tertiary);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-tertiary) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-tertiary);--mat-badge-text-color: var(--mat-sys-on-tertiary)}.mat-warn{--mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-option-label-text-color: var(--mat-sys-on-surface);--mat-option-selected-state-label-text-color: var(--mat-sys-on-error-container);--mat-option-selected-state-layer-color: var(--mat-sys-error-container)}.mat-warn{--mat-progress-spinner-active-indicator-color: var(--mat-sys-error)}.mat-warn{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-error);--mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-error);--mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-error)}.mat-warn{--mat-stepper-container-color: var(--mat-sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);--mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);--mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-error);--mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-error);--mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);--mat-stepper-line-color: var(--mat-sys-outline)}.mat-warn.mat-icon{--mat-icon-color: var(--mat-sys-error)}.mat-warn.mat-mdc-checkbox{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-error);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error)}.mat-warn.mat-mdc-slider{--mat-slider-active-track-color: var(--mat-sys-error);--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);--mat-slider-disabled-handle-color: var(--mat-sys-on-surface);--mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);--mat-slider-focus-handle-color: var(--mat-sys-error);--mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-error) 20%, transparent);--mat-slider-handle-color: var(--mat-sys-error);--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: var(--mat-sys-error);--mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-error) 5%, transparent);--mat-slider-inactive-track-color: var(--mat-sys-surface-variant);--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: var(--mat-sys-error);--mat-slider-label-label-text-color: var(--mat-sys-on-error);--mat-slider-ripple-color: var(--mat-sys-error);--mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-error);--mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-error);--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);--mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant)}.mat-warn.mat-mdc-tab-group,.mat-warn.mat-mdc-tab-nav-bar{--mat-tab-active-focus-indicator-color: var(--mat-sys-error);--mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-hover-indicator-color: var(--mat-sys-error);--mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-indicator-color: var(--mat-sys-error);--mat-tab-active-label-text-color: var(--mat-sys-on-surface);--mat-tab-active-ripple-color: var(--mat-sys-on-surface);--mat-tab-divider-color: var(--mat-sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);--mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);--mat-tab-pagination-icon-color: var(--mat-sys-on-surface);--mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant)}.mat-warn.mat-mdc-slide-toggle{--mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);--mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);--mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);--mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-error);--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-icon-color: var(--mat-sys-on-error-container);--mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-error-container);--mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-error);--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-error);--mat-slide-toggle-selected-track-color: var(--mat-sys-error);--mat-slide-toggle-track-outline-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);--mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);--mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);--mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant)}.mat-warn.mat-mdc-form-field{--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--mat-sys-error);--mat-select-invalid-arrow-color: var(--mat-sys-error)}.mat-warn.mat-mdc-radio-button{--mat-radio-checked-ripple-color: var(--mat-sys-error);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-error);--mat-radio-selected-hover-icon-color: var(--mat-sys-error);--mat-radio-selected-icon-color: var(--mat-sys-error);--mat-radio-selected-pressed-icon-color: var(--mat-sys-error);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.mat-warn.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--mat-sys-error);--mat-progress-bar-track-color: var(--mat-sys-surface-variant)}.mat-warn.mat-mdc-form-field{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);--mat-form-field-error-text-color: var(--mat-sys-error);--mat-form-field-error-trailing-icon-color: var(--mat-sys-error);--mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--mat-sys-error);--mat-form-field-filled-container-color: var(--mat-sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-caret-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--mat-sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-error);--mat-form-field-filled-focus-label-text-color: var(--mat-sys-error);--mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--mat-sys-error);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--mat-sys-error);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-error-outline-color: var(--mat-sys-error);--mat-form-field-outlined-focus-label-text-color: var(--mat-sys-error);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-error);--mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--mat-sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #141b2c 38%, transparent);--mat-form-field-select-option-text-color: #141b2c;--mat-form-field-state-layer-color: var(--mat-sys-on-surface);--mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant)}.mat-warn.mat-datepicker-content{--mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);--mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);--mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-error-container);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-error);--mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-error);--mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-error);--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);--mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-on-surface-variant);--mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant)}.mat-warn.mat-mdc-button-base{--mat-button-filled-container-color: var(--mat-sys-error);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--mat-sys-on-error);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-error) 12%, transparent);--mat-button-filled-state-layer-color: var(--mat-sys-on-error);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--mat-sys-error);--mat-button-outlined-outline-color: var(--mat-sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-outlined-state-layer-color: var(--mat-sys-error);--mat-button-protected-container-color: var(--mat-sys-surface);--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--mat-sys-error);--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-protected-state-layer-color: var(--mat-sys-error);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--mat-sys-error);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-button-text-state-layer-color: var(--mat-sys-error);--mat-button-tonal-container-color: var(--mat-sys-error-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--mat-sys-on-error-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-error-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--mat-sys-on-error-container);--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--mat-sys-error);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--mat-sys-error);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);--mat-icon-button-state-layer-color: var(--mat-sys-error)}.mat-warn.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--mat-sys-error-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--mat-sys-on-surface-variant);--mat-chip-outline-color: var(--mat-sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--mat-sys-on-error-container);--mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-error-container);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-error-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);--mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-error-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant)}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--mat-sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-error);--mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);--mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);--mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);--mat-checkbox-selected-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-icon-color: var(--mat-sys-error);--mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);--mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error);--mat-radio-checked-ripple-color: var(--mat-sys-error);--mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);--mat-radio-label-text-color: var(--mat-sys-on-surface);--mat-radio-ripple-color: var(--mat-sys-on-surface);--mat-radio-selected-focus-icon-color: var(--mat-sys-error);--mat-radio-selected-hover-icon-color: var(--mat-sys-error);--mat-radio-selected-icon-color: var(--mat-sys-error);--mat-radio-selected-pressed-icon-color: var(--mat-sys-error);--mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);--mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface)}.mat-badge-warn{--mat-badge-background-color: var(--mat-sys-error);--mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-error) 38%, transparent);--mat-badge-disabled-state-text-color: var(--mat-sys-on-error);--mat-badge-text-color: var(--mat-sys-on-error)}.mat-display-large,.mat-typography .mat-display-large,.mat-typography h1,.mat-h1,.mat-typography .mat-h1,.mat-headline-1,.mat-typography .mat-headline-1{font:var(--mat-sys-display-large);letter-spacing:var(--mat-sys-display-large-tracking);margin:0 0 .5em}.mat-display-medium,.mat-typography .mat-display-medium,.mat-typography h2,.mat-h2,.mat-typography .mat-h2,.mat-headline-2,.mat-typography .mat-headline-2{font:var(--mat-sys-display-medium);letter-spacing:var(--mat-sys-display-medium-tracking);margin:0 0 .5em}.mat-display-small,.mat-typography .mat-display-small,.mat-typography h3,.mat-h3,.mat-typography .mat-h3,.mat-headline-3,.mat-typography .mat-headline-3{font:var(--mat-sys-display-small);letter-spacing:var(--mat-sys-display-small-tracking);margin:0 0 .5em}.mat-headline-large,.mat-typography .mat-headline-large,.mat-typography h4,.mat-h4,.mat-typography .mat-h4,.mat-headline-4,.mat-typography .mat-headline-4{font:var(--mat-sys-headline-large);letter-spacing:var(--mat-sys-headline-large-tracking);margin:0 0 .5em}.mat-headline-medium,.mat-typography .mat-headline-medium,.mat-typography h5,.mat-h5,.mat-typography .mat-h5,.mat-headline-5,.mat-typography .mat-headline-5{font:var(--mat-sys-headline-medium);letter-spacing:var(--mat-sys-headline-medium-tracking);margin:0 0 .5em}.mat-headline-small,.mat-typography .mat-headline-small,.mat-typography h6,.mat-h6,.mat-typography .mat-h6,.mat-headline-6,.mat-typography .mat-headline-6{font:var(--mat-sys-headline-small);letter-spacing:var(--mat-sys-headline-small-tracking);margin:0 0 .5em}.mat-title-large,.mat-typography .mat-title-large,.mat-subtitle-1,.mat-typography .mat-subtitle-1{font:var(--mat-sys-title-large);letter-spacing:var(--mat-sys-title-large-tracking)}.mat-title-medium,.mat-typography .mat-title-medium,.mat-subtitle-2,.mat-typography .mat-subtitle-2{font:var(--mat-sys-title-medium);letter-spacing:var(--mat-sys-title-medium-tracking)}.mat-title-small,.mat-typography .mat-title-small{font:var(--mat-sys-title-small);letter-spacing:var(--mat-sys-title-small-tracking)}.mat-body-large,.mat-typography .mat-body-large,.mat-typography,.mat-body,.mat-typography .mat-body,.mat-body-strong,.mat-typography .mat-body-strong,.mat-body-2,.mat-typography .mat-body-2{font:var(--mat-sys-body-large);letter-spacing:var(--mat-sys-body-large-tracking)}.mat-body-large p,.mat-typography .mat-body-large p,.mat-typography p,.mat-body p,.mat-typography .mat-body p,.mat-body-strong p,.mat-typography .mat-body-strong p,.mat-body-2 p,.mat-typography .mat-body-2 p{margin:0 0 .75em}.mat-body-medium,.mat-typography .mat-body-medium{font:var(--mat-sys-body-medium);letter-spacing:var(--mat-sys-body-medium-tracking)}.mat-body-small,.mat-typography .mat-body-small{font:var(--mat-sys-body-small);letter-spacing:var(--mat-sys-body-small-tracking)}.mat-label-large,.mat-typography .mat-label-large{font:var(--mat-sys-label-large);letter-spacing:var(--mat-sys-label-large-tracking)}.mat-label-medium,.mat-typography .mat-label-medium{font:var(--mat-sys-label-medium);letter-spacing:var(--mat-sys-label-medium-tracking)}.mat-label-small,.mat-typography .mat-label-small,.mat-small,.mat-typography .mat-small,.mat-caption,.mat-typography .mat-caption{font:var(--mat-sys-label-small);letter-spacing:var(--mat-sys-label-small-tracking)}.header{display:flex;flex-direction:column;flex-grow:1;margin:0 auto}.header .breadcrumb{display:flex;align-items:center;gap:5px;font-size:14px}.header .search-options-container{display:flex;justify-content:space-between;width:100%;margin-top:.5rem}.header .search-container{display:flex;align-items:center;gap:10px}.header .search-wrapper{position:relative;display:flex;align-items:center;width:250px;height:40px;border-radius:8px;border:1px solid #ccc;background-color:#fff}.header .search-input{width:100%;height:100%;border:none;padding:0 40px 0 10px;font-size:14px;outline:none;border-radius:8px}.header .options-container{margin-left:auto}.header .options-btn{border:1px solid #003366;color:#036;background:transparent;border-radius:5px}.header .filter-btn{background-color:#036!important;color:#fff!important;border-radius:5px;padding:8px 15px}.filter-bar{display:flex;align-items:center}.filter-bar>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.filter-bar{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(227 237 244 / var(--tw-bg-opacity, 1));padding:.375rem}.btn-options-compact .filter-bar{min-height:24px}.filter-button{display:flex;align-items:center;border-radius:.5rem;padding:.375rem .25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-options-compact .filter-button{min-height:24px}.filter-button span{margin-left:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(164 199 244 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(11 46 91 / var(--tw-text-opacity, 1))}.filter-button.active{--tw-bg-opacity: 1;background-color:rgb(250 253 255 / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(16 24 40 / var(--tw-text-opacity, 1))}.filter-button:not(.active){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.filter-button:not(.active):hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.filter-icon{margin-right:.5rem;font-size:1rem;line-height:1.5rem}.cdk-overlay-dark-backdrop{background:#ffffff94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mat-bottom-sheet-container-xlarge,.mat-bottom-sheet-container-large,.mat-bottom-sheet-container-medium{border-top-left-radius:24px!important;border-top-right-radius:24px!important}.mat-stepper-horizontal .mat-horizontal-stepper-header{padding:10px!important;height:auto!important}.mat-stepper-horizontal .mat-stepper-horizontal-line{margin:0 -4px!important}.table-container{background:transparent;border-radius:10px;padding:0;box-shadow:none;width:100%;max-width:100%;flex-grow:1;border:1px solid #E0E0E0;margin-top:20px}.table-scroll{max-height:583px;overflow-y:auto}.mat-mdc-table{width:100%}.mat-mdc-table th,.mat-mdc-table td{padding:10px;border-bottom:1px solid #E0E0E0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.mat-mdc-table th{background-color:#e3edf4!important;position:sticky;top:0;z-index:2}.search-container{display:flex;align-items:center;gap:10px;margin-bottom:16px}.search-wrapper{position:relative;display:flex;align-items:center;width:240px;height:40px;border-radius:8px;border:1px solid #ccc;background-color:#fff}.search-input{width:100%;height:100%;border:none;padding:0 40px 0 10px;font-size:14px;outline:none;border-radius:8px}.search-leader{position:relative;display:flex;align-items:center;width:432px;height:40px;border-radius:8px;border:1px solid #ccc;background-color:#fff}.search-leader .search-input-leader{width:100%;height:100%;border:none;padding:0 40px 0 10px;font-size:14px;outline:none;border-radius:8px}.mdc-button{height:36px!important}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-mdc-text-button{line-height:normal!important;padding:4px 12px!important}.mat-mdc-button .mat-mdc-button-touch-target,.mat-mdc-raised-button .mat-mdc-button-touch-target,.mat-mdc-outlined-button .mat-mdc-button-touch-target,.mat-mdc-text-button .mat-mdc-button-touch-target{height:auto!important}.btn-compact{height:auto!important;line-height:normal!important;padding:4px 12px!important}.btn-compact .my-icon{font-size:16px;height:16px;width:16px}.btn-compact span{line-height:1.2}.btn-options-compact{height:auto!important;padding:6px 12px!important}.btn-options-compact .flex{min-height:24px}.filter-btn{background-color:#036!important;color:#fff!important;border-radius:5px;padding:8px 15px;transition:opacity .2s,background .2s}.filter-btn:disabled,.filter-btn[disabled]{background-color:#b0b8c1!important;color:#e0e0e0!important;opacity:.9;cursor:not-allowed;border-color:#b0b8c1!important}.mat-mdc-form-field .mat-mdc-text-field-wrapper{border-radius:4px!important}.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__leading{border-radius:8px 0 0 8px!important}.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 8px 8px 0!important}.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__notch{border-radius:0!important;border-right:none!important}.mat-mdc-form-field .mat-mdc-select-arrow-wrapper,.mat-mdc-form-field .mat-mdc-form-field-infix{padding-left:0!important}.mat-mdc-select .mat-mdc-select-trigger{background-color:#fff!important}.mat-mdc-select-panel{background-color:#fff!important;border-radius:8px!important;box-shadow:0 2px 10px #0000001a!important}.mat-mdc-select-panel .mat-mdc-option{background-color:#fff;color:#333}.mat-mdc-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled){background-color:#f6f6f6!important}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected{background-color:#e3edf4!important}.mat-mdc-select-panel .mdc-list-item__primary-text{width:100%}.snackbar-success{--mat-snack-bar-container-color: #D1FADF;--mat-snack-bar-supporting-text-color: #03331F}.snackbar-error{--mat-snack-bar-container-color: #f44336;--mat-snack-bar-supporting-text-color: white}body{--tw-bg-opacity: 1;background-color:rgb(242 244 247 / var(--tw-bg-opacity, 1));font-family:Open Sans,Helvetica Neue,sans-serif}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-mdc-unelevated-button{border-radius:8px!important}.mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 28px !important}.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border:8px solid!important}.mat-drawer-container{background:transparent!important}.mat-mdc-menu-panel{background-color:#fff!important}.link-action{color:#006ac1;text-decoration:underline;font-weight:600;cursor:pointer}.search-icon{cursor:pointer}.lbl-upper{text-transform:uppercase}.modal-container{padding:2rem;background:#fff;margin:auto}.modal-title{font-size:24px;font-weight:600;color:#00233f;margin-bottom:.5rem}.modal-subtitle{font-size:16px;color:#6b7280;margin-bottom:.2rem}.modal-text{font-size:14px;color:#6b7280;margin-bottom:2rem}