/* apps/enerest-v4/src/styles/app.scss */ .ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; font-family: inherit; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-settings { font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color)); } .ag-icon-settings::before { content: var(--ag-icon-font-code-settings, "\f139"); display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display)); } .ag-icon-settings::after { background-image: var(--ag-icon-image-settings, var(--ag-icon-image)); display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #bbb; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2); --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-chart-menu-panel-width: var(--ag-tab-min-width); --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; } .ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost { background-color: var(--ag-background-color); } .ag-root-wrapper, .ag-popup { --ag-indentation-level: 0; } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-aria-description-container { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-selectable { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-virtual-list-viewport .ag-tab-guard { position: sticky; } .ag-tab-guard-top { top: 1px; } .ag-tab-guard-bottom { bottom: 1px; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; white-space: normal; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.7; transition: opacity 1s ease-out 3s; color: #9b9b9b; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport, .ag-center-cols-viewport { -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-center-cols-viewport { min-height: 100%; width: 100%; overflow-x: auto; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container, .ag-sticky-bottom-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container, .ag-sticky-top-container, .ag-sticky-bottom-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { position: absolute; top: 0px; pointer-events: none; } .ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container, .ag-ltr .ag-sticky-bottom-full-width-container { left: 0; } .ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container, .ag-rtl .ag-sticky-bottom-full-width-container { right: 0; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable .ag-header-cell-label { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; } .ag-header-row:not(.ag-header-row-column-group) { overflow: hidden; } .ag-header.ag-header-allow-overflow .ag-header-row { overflow: visible; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; align-self: stretch; align-items: center; } .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -4px; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .ag-header-select-all { display: flex; } .ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button { cursor: pointer; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, opacity 0.2s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s; } .ag-row-no-animation .ag-row { transition: none; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrap-text { white-space: normal; word-break: break-word; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; width: 100%; height: 100%; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-set-floating-filter-input input[disabled] { pointer-events: none; } .ag-dnd-ghost { position: absolute; display: inline-flex; align-items: center; cursor: move; white-space: nowrap; z-index: 9999; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top, .ag-sticky-bottom { position: absolute; display: flex; width: 100%; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; z-index: 99999; } .ag-tooltip-custom { position: absolute; z-index: 99999; } .ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) { pointer-events: none; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { -webkit-user-select: none; user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-pill-container { display: flex; gap: 0.25rem; flex-wrap: nowrap; } .ag-pill { display: flex; white-space: nowrap; padding: 0 0.25rem; align-items: center; } .ag-pill .ag-pill-button { border: none; padding: 0; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-autocomplete-list { position: relative; } .ag-autocomplete-virtual-list-item { display: flex; } .ag-autocomplete-row { display: flex; flex: 1 1 auto; align-items: center; overflow: hidden; } .ag-autocomplete-row-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-select-agg-func-item, .ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-right-aligned-header .ag-header-cell-text { text-align: end; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: inline; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: visible; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue, .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { background: linear-gradient( to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); width: 100%; height: 100%; } .ag-spectrum-alpha { --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,'); } .ag-spectrum-alpha-background { background: linear-gradient( to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px; width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; position: relative; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-spectrum-alpha .ag-spectrum-slider { background: linear-gradient( to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-pill-select { display: flex; flex-direction: column; } .ag-pill-select .ag-column-drop { flex: unset; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-measurement-container { width: 0; overflow: hidden; visibility: hidden; } .ag-measurement-container div { position: absolute; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-block; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-button { border-radius: 0px; color: var(--ag-foreground-color); } .ag-button:hover { background-color: transparent; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) { -moz-appearance: textfield; } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-virtual-list-item:focus-visible { outline: none; } .ag-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-ltr .ag-select-list-item { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select-list-item { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: var(--ag-borders); border-color: var(--ag-border-color); border-radius: 5px; background-color: var(--ag-background-color); } .ag-picker-field-wrapper:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); padding-right: var(--ag-grid-size); } .ag-color-picker .ag-picker-field-display { display: flex; flex-direction: row; align-items: center; min-height: var(--ag-list-item-height); } .ag-ltr .ag-color-picker-color, .ag-ltr .ag-color-picker-value { margin-right: var(--ag-grid-size); } .ag-rtl .ag-color-picker-color, .ag-rtl .ag-color-picker-value { margin-left: var(--ag-grid-size); } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient( to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient( to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 2px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; border: 2px solid white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-colors { margin-top: 10px; } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) { box-shadow: var(--ag-input-focus-box-shadow); } .ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-color-input .ag-color-input-color { position: absolute; } .ag-ltr .ag-color-input .ag-color-input-color { margin-left: var(--ag-grid-size); } .ag-rtl .ag-color-input .ag-color-input-color { margin-right: var(--ag-grid-size); } .ag-color-picker-color, .ag-color-input-color { width: var(--ag-icon-size); height: var(--ag-icon-size); border: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-radius: 2px; } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height) !important; line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-select .ag-picker-field-wrapper { min-height: var(--ag-list-item-height); cursor: default; } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-right: var(--ag-grid-size); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor, .ag-label-align-top) { min-height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select-value, .ag-rich-select-list { background-color: var(--ag-background-color); } .ag-rich-select-list { width: 100%; height: auto; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-rich-select-list .ag-loading-text { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-rich-select-value { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-value { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-ltr .ag-rich-select-field-input { left: calc(var(--ag-cell-horizontal-padding)); } .ag-rtl .ag-rich-select-field-input { right: calc(var(--ag-cell-horizontal-padding)); } .ag-popup-editor .ag-rich-select-value { height: var(--ag-row-height); min-width: 200px; } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-rich-select-virtual-list-item:focus-visible::after { content: none; } .ag-ltr .ag-rich-select-row { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-row { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-rich-select-row:hover, .ag-rich-select-row-highlighted { background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color)); } .ag-rich-select-row-text-highlight { font-weight: bold; } .ag-autocomplete { width: 100%; } .ag-autocomplete-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-autocomplete-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-autocomplete-virtual-list-item:focus-visible::after { content: none; } .ag-autocomplete-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-autocomplete-row-label { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-autocomplete-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-pill { border: 1px solid var(--ag-chip-border-color); border-radius: var(--ag-border-radius); background-color: var(--ag-chip-background-color); } .ag-ltr .ag-pill .ag-pill-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-pill .ag-pill-button { margin-right: var(--ag-grid-size); } .ag-pill:focus-visible { border-color: var(--ag-input-focus-border-color); } .ag-pill .ag-pill-button:hover { color: var(--ag-active-color); cursor: pointer; } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); box-shadow: var(--ag-popup-shadow); } .ag-panel { background-color: var(--ag-panel-background-color); border-color: var(--ag-panel-border-color); } .ag-panel-title-bar { color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); white-space: normal; } .ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate { transition: opacity 1s; } .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-column, .ag-ltr .ag-column-select-column-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-column, .ag-rtl .ag-column-select-column-group { padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-column-select-header-icon:focus-visible { outline: none; } .ag-column-select-header-icon:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-column-select-virtual-list-item:focus-visible { outline: none; } .ag-column-select-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-checkbox-edit { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-pill-select .ag-column-drop { border-bottom: 0; min-height: unset; } .ag-pill-select .ag-column-drop-list { padding: 0; } .ag-pill-select .ag-select { padding-top: var(--ag-grid-size); } .ag-pill-select .ag-picker-field-wrapper { background-color: transparent; border: 0; } .ag-pill-select .ag-picker-field-display { cursor: pointer; } .ag-rtl { text-align: right; } .ag-root-wrapper { border-radius: var(--ag-wrapper-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-row > .ag-cell-wrapper.ag-row-group { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); } .ag-cell-wrapper.ag-row-group, .ag-cell-wrapper.ag-row-group-leaf-indent, .ag-cell-wrapper.ag-pivot-leaf-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size)); } .ag-pivot-leaf-group { margin-left: min(var(--ag-row-group-indent-size), var(--ag-row-group-indent-size) * var(--ag-indentation-level)); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); color: var(--ag-data-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-sticky-bottom::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row-highlight-above::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; } .ag-row-highlight-above::after { top: -1px; } .ag-row-highlight-above.ag-row-first::after { top: 0; } .ag-row-highlight-below::after { bottom: 0px; } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row-hover.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-ltr .ag-right-aligned-cell .ag-skeleton-effect { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-skeleton-effect { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: 1px solid var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: 0; background-color: var(--ag-control-panel-background-color); } .ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .ag-skeleton-container { width: 100%; height: 100%; align-content: center; } .ag-skeleton-effect { background-color: var(--ag-row-loading-skeleton-effect-color); width: 100%; height: 1em; border-radius: 0.25rem; animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite; } @keyframes ag-skeleton-loading { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: cell; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-menu-background-color); border-color: var(--ag-menu-border-color); padding: 0; } .ag-menu.ag-tabs { min-width: var(--ag-tab-min-width); } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer { padding-left: var(--ag-grid-size); } .ag-tabs-header { display: flex; } .ag-tabs-header-wrapper { display: flex; } .ag-tabs-header-wrapper .ag-tabs-header { flex: 1; } .ag-tabs-close-button-wrapper { border: 0; border-right: var(--ag-borders) var(--ag-border-color); padding: var(--ag-grid-size); } .ag-tabs-close-button { border: 0; background-color: unset; cursor: pointer; padding: 0; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-tab:focus-visible { outline: none; } .ag-tab:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter { --ag-indentation-level: 0; } .ag-ltr .ag-set-filter-item { padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-item { padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-menu .ag-set-filter-list { min-width: 200px; } .ag-filter-virtual-list-item:focus-visible { outline: none; } .ag-filter-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); overflow-y: auto; min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-simple-filter-body-wrapper .ag-resizer-wrapper { margin: 0; } .ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) { min-width: calc(var(--ag-menu-min-width) - 2px); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-group-filter-field-select-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-group-filter-field-select-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-multi-filter-group-title-bar:focus-visible { outline: none; } .ag-multi-filter-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-side-button-button:focus-visible { outline: none; } .ag-side-button-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { padding: 0 var(--ag-grid-size); } .ag-filter-toolpanel-header:focus-visible { outline: none; } .ag-filter-toolpanel-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon { display: none; } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-group-instance-header-icon, .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group-instance-header-icon, .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-column-select-header:focus-visible { outline: none; } .ag-column-select-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header, .ag-advanced-filter-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-ltr .ag-header-group-cell-label.ag-sticky-label { left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-group-cell-label.ag-sticky-label { right: var(--ag-cell-horizontal-padding); } .ag-header-cell:focus-visible { outline: none; } .ag-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-group-cell:focus-visible { outline: none; } .ag-header-group-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-header-cell:focus-visible { outline: none; } .ag-advanced-filter-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { margin-left: 4px; } .ag-rtl .ag-header-expand-icon { margin-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { right: 0; } .ag-rtl .ag-header-cell::before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { left: 0; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after { height: calc(100% - var(--ag-grid-size) * 4); top: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: var(--ag-cell-widget-spacing); } .ag-rtl .ag-floating-filter-button { margin-right: var(--ag-cell-widget-spacing); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-panel > .ag-paging-page-size .ag-wrapper { min-width: calc(var(--ag-grid-size) * 10); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-paging-button:focus-visible { outline: none; } .ag-paging-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid var(--ag-chip-border-color); } .ag-column-drop-cell:focus-visible { outline: none; } .ag-column-drop-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-header-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; } .ag-ltr .ag-select-agg-func-virtual-list-item { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-select-agg-func-virtual-list-item { padding-right: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-select-agg-func-virtual-list-item:focus-visible { outline: none; } .ag-select-agg-func-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .ag-chart-menu { position: absolute; top: 16px; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; min-width: var(--ag-chart-menu-panel-width); } .ag-chart-menu-hidden ~ .ag-chart-docked-container { display: none; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev:focus-within, .ag-chart-settings-next:focus-within { box-shadow: var(--ag-input-focus-box-shadow); border-radius: 1px; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper, .ag-chart-advanced-settings-wrapper { display: flex; flex-direction: column; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 16px; } .ag-chart-data-wrapper, .ag-chart-advanced-settings-wrapper { height: 100%; overflow-y: auto; } .ag-chart-advanced-settings { background-color: var(--ag-control-panel-background-color); } .ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings { width: 100%; } .ag-chart-advanced-settings-wrapper { padding-bottom: 0; } .ag-chart-data-section, .ag-chart-format-section, .ag-chart-advanced-settings-section { display: flex; margin: 0; } .ag-chart-advanced-settings-section { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-chart-advanced-settings-section:not(:last-child) { border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--ag-background-color); } .ag-chart .ag-chart-menu { display: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { display: block; } .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { display: flex; flex-direction: row; top: 8px; gap: 20px; width: auto; } .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-charts-data-group-item:not(:last-child) { margin-bottom: var(--ag-grid-size); } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-menu-toolbar-button { border: 0; background-color: unset; padding: 0 2px; border-radius: 1px; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); border-width: 2px; } .ag-chart-mini-thumbnail:focus-visible { outline: none; border-color: var(--ag-minichart-selected-chart-color); box-shadow: var(--ag-input-focus-box-shadow); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); position: relative; } .ag-charts-advanced-settings-top-level-group-title-bar { position: relative; background-color: unset; } .ag-charts-data-group-title-bar:focus-visible { outline: none; } .ag-charts-data-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-format-top-level-group-title-bar:focus-visible { outline: none; } .ag-charts-format-top-level-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-data-group-title-bar .ag-charts-data-group-title, .ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title { cursor: pointer; } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field { margin-top: var(--ag-grid-size); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container, .ag-charts-advanced-settings-top-level-group-container { padding: var(--ag-grid-size); } .ag-ltr .ag-charts-format-top-level-group-container, .ag-ltr .ag-charts-advanced-settings-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-charts-format-top-level-group-container, .ag-rtl .ag-charts-advanced-settings-top-level-group-container { margin-right: calc(var(--ag-grid-size) * 2); } .ag-charts-format-top-level-group-item, .ag-charts-advanced-settings-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-no-header-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header { margin: 0; } .ag-charts-settings-group-container { padding: var(--ag-grid-size); row-gap: 8px; display: grid; grid-template-columns: 60px 1fr 60px 1fr 60px; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) { grid-column: 1; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) { grid-column: 3; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) { grid-column: 5; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-charts-theme-default { --ag-charts-align: none !important; --ag-charts-justify: none !important; } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-advanced-filter-header { position: relative; display: flex; align-items: center; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-advanced-filter { display: flex; align-items: center; width: 100%; } .ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button { line-height: normal; white-space: nowrap; } .ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-button { display: flex; align-items: center; border: 0; background-color: unset; color: var(--ag-foreground-color); font-size: var(--ag-font-size); font-weight: 600; } .ag-advanced-filter-builder-button:hover:not(:disabled) { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-button:not(:disabled) { cursor: pointer; } .ag-advanced-filter-builder-button-label { margin-left: var(--ag-grid-size); } .ag-advanced-filter-builder { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; background-color: var(--ag-control-panel-background-color); display: flex; flex-direction: column; } .ag-advanced-filter-builder-list { flex: 1; overflow: auto; } .ag-advanced-filter-builder-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-advanced-filter-builder-list .ag-item-highlight-top::after { top: 0; } .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-advanced-filter-builder-button-panel { display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-item-wrapper { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; overflow: hidden; padding-left: calc(var(--ag-icon-size) / 2); padding-right: var(--ag-icon-size); } .ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard { position: absolute; } .ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { width: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before { top: 50%; height: 50%; } .ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom { position: relative; height: 100%; display: flex; align-items: center; } .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after, .ag-advanced-filter-builder-item-tree-line-vertical::before, .ag-advanced-filter-builder-item-tree-line-vertical::after, .ag-advanced-filter-builder-item-tree-line-vertical-top::before, .ag-advanced-filter-builder-item-tree-line-vertical-top::after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::after { content: ""; position: absolute; height: 100%; } .ag-advanced-filter-builder-item-tree-line-horizontal::after { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); top: 0; left: calc(var(--ag-icon-size) / 2); border-bottom: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical::before { width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc((100% - 1.5 * var(--ag-icon-size)) / 2); width: calc(var(--ag-icon-size) / 2); top: calc((100% + 1.5 * var(--ag-icon-size)) / 2); left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-condition { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines { display: flex; align-items: center; height: 100%; } .ag-advanced-filter-builder-pill-wrapper { margin: 0px var(--ag-grid-size); } .ag-advanced-filter-builder-pill { position: relative; border-radius: var(--ag-border-radius); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); min-height: calc(100% - var(--ag-grid-size) * 3); min-width: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-pill .ag-picker-field-display { margin-right: var(--ag-grid-size); } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { color: var(--ag-disabled-foreground-color); } .ag-advanced-filter-builder-pill:focus-visible { outline: none; } .ag-advanced-filter-builder-pill:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-item-button:focus-visible { outline: none; } .ag-advanced-filter-builder-item-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-pill-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .ag-advanced-filter-builder-join-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-join-pill-color); cursor: pointer; } .ag-advanced-filter-builder-column-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-column-pill-color); cursor: pointer; } .ag-advanced-filter-builder-option-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-option-pill-color); cursor: pointer; } .ag-advanced-filter-builder-value-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-value-pill-color); cursor: text; max-width: 140px; } .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { display: block; } .ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-grid-size) * 0.5); } .ag-advanced-filter-builder-item-button { position: relative; cursor: pointer; color: var(--ag-secondary-foreground-color); opacity: 50%; } .ag-advanced-filter-builder-item-button-disabled { color: var(--ag-disabled-foreground-color); cursor: default; } .ag-advanced-filter-builder-virtual-list-container { top: var(--ag-grid-size); } .ag-advanced-filter-builder-virtual-list-item { display: flex; cursor: default; height: var(--ag-list-item-height); } .ag-advanced-filter-builder-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { opacity: 100%; } .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid { opacity: 100%; } .ag-advanced-filter-builder-invalid { margin: 0 var(--ag-grid-size); color: var(--ag-invalid-color); cursor: default; } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); font-family: inherit; color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-indeterminate::before { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); min-width: var(--ag-toggle-button-width); max-width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f127"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f128"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-radio-button-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } .ag-theme-material, .ag-theme-material-dark, .ag-theme-material-auto-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #ff4081; --ag-foreground-color: rgba(0, 0, 0, 0.87); --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38); --ag-background-color: #fff; --ag-header-background-color: #fff; --ag-tooltip-background-color: #fff; --ag-subheader-background-color: #eee; --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-header-cell-hover-background-color: #f2f2f2; --ag-chip-background-color: #e2e2e2; --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34); --ag-range-selection-highlight-color: #fce4ec; --ag-row-hover-color: #fafafa; --ag-column-hover-color: #fafafa; --ag-control-panel-background-color: #fafafa; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-checkbox-unchecked-color: #333; --ag-value-change-value-highlight-background-color: #00acc1; --ag-side-button-selected-background-color: transparent; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-range-selection-border-color: var(--ag-material-primary-color); --ag-checkbox-checked-color: var(--ag-material-accent-color); --ag-borders: none; --ag-borders-critical: solid 1px; --ag-border-color: #e2e2e2; --ag-grid-size: 8px; --ag-icon-size: 18px; --ag-header-height: calc(var(--ag-grid-size) * 7); --ag-row-height: calc(var(--ag-grid-size) * 6); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size)); --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4); --ag-checkbox-border-radius: 2px; --ag-toggle-button-switch-border-width: 2px; --ag-toggle-button-height: var(--ag-icon-size); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75); --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridMaterial; --ag-selected-tab-underline-color: var(--ag-material-primary-color); --ag-selected-tab-underline-width: 2px; --ag-input-focus-border-color: var(--ag-material-primary-color); --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); --ag-card-radius: 2px; --ag-invalid-color: #e02525; } .ag-theme-material-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #bb86fcff; --ag-range-selection-border-color: var(--ag-material-accent-color); --ag-background-color: #121212ff; --ag-foreground-color: #ffffffff; --ag-data-color: #f5f5f5ff; --ag-header-cell-hover-background-color: #000000ff; --ag-advanced-filter-join-pill-color: #7a3a37ff; --ag-advanced-filter-column-pill-color: #355f2dff; --ag-advanced-filter-option-pill-color: #5a3168ff; --ag-advanced-filter-value-pill-color: #374c86ff; --ag-input-disabled-border-color: #3a434eff; --ag-input-disabled-background-color: #68686e12; --ag-selected-row-background-color: #bb86fc33; --ag-row-hover-color: #bb86fc33; --ag-column-hover-color: #f5f5f50d; --ag-range-selection-background-color: #bb86fc1a; --ag-range-selection-background-color-2: #bb86fc30; --ag-range-selection-background-color-3: #bb86fc45; --ag-range-selection-background-color-4: #bb86fc57; --ag-border-color: #383838ff; --ag-secondary-border-color: #383838ff; --ag-header-background-color: #121212ff; --ag-tooltip-background-color: #212b38ff; --ag-odd-row-background-color: #121212ff; --ag-control-panel-background-color: #2c2c2cff; --ag-subheader-background-color: #ffffff0d; --ag-subheader-toolbar-background-color: #2c2c2cff; --ag-invalid-color: #e02525ff; --ag-checkbox-unchecked-color: #797e87ff; --ag-checkbox-background-color: #121212ff; --ag-secondary-foreground-color: #f5f5f5ff; --ag-input-border-color: #383838ff; --ag-input-border-color-invalid: #e02525ff; --ag-disabled-foreground-color: #f5f5f580; --ag-chip-background-color: #22262812; --ag-side-button-selected-background-color: #2c2c2cff; --ag-selected-tab-underline-color: #3f51b5ff; --ag-modal-overlay-background-color: #121212a8; --ag-value-change-delta-up-color: #43a047a8; --ag-value-change-delta-down-color: #e53935ff; --ag-menu-background-color: #2c2c2cff; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-material-auto-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #bb86fcff; --ag-range-selection-border-color: var(--ag-material-accent-color); --ag-background-color: #121212ff; --ag-foreground-color: #ffffffff; --ag-data-color: #f5f5f5ff; --ag-header-cell-hover-background-color: #000000ff; --ag-advanced-filter-join-pill-color: #7a3a37ff; --ag-advanced-filter-column-pill-color: #355f2dff; --ag-advanced-filter-option-pill-color: #5a3168ff; --ag-advanced-filter-value-pill-color: #374c86ff; --ag-input-disabled-border-color: #3a434eff; --ag-input-disabled-background-color: #68686e12; --ag-selected-row-background-color: #bb86fc33; --ag-row-hover-color: #bb86fc33; --ag-column-hover-color: #f5f5f50d; --ag-range-selection-background-color: #bb86fc1a; --ag-range-selection-background-color-2: #bb86fc30; --ag-range-selection-background-color-3: #bb86fc45; --ag-range-selection-background-color-4: #bb86fc57; --ag-border-color: #383838ff; --ag-secondary-border-color: #383838ff; --ag-header-background-color: #121212ff; --ag-tooltip-background-color: #212b38ff; --ag-odd-row-background-color: #121212ff; --ag-control-panel-background-color: #2c2c2cff; --ag-subheader-background-color: #ffffff0d; --ag-subheader-toolbar-background-color: #2c2c2cff; --ag-invalid-color: #e02525ff; --ag-checkbox-unchecked-color: #797e87ff; --ag-checkbox-background-color: #121212ff; --ag-secondary-foreground-color: #f5f5f5ff; --ag-input-border-color: #383838ff; --ag-input-border-color-invalid: #e02525ff; --ag-disabled-foreground-color: #f5f5f580; --ag-chip-background-color: #22262812; --ag-side-button-selected-background-color: #2c2c2cff; --ag-selected-tab-underline-color: #3f51b5ff; --ag-modal-overlay-background-color: #121212a8; --ag-value-change-delta-up-color: #43a047a8; --ag-value-change-delta-down-color: #e53935ff; --ag-menu-background-color: #2c2c2cff; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-material .ag-filter-toolpanel-header, .ag-theme-material .ag-filter-toolpanel-search, .ag-theme-material .ag-status-bar, .ag-theme-material .ag-header-row, .ag-theme-material .ag-panel-title-bar-title, .ag-theme-material .ag-multi-filter-group-title-bar, .ag-theme-material-dark .ag-filter-toolpanel-header, .ag-theme-material-dark .ag-filter-toolpanel-search, .ag-theme-material-dark .ag-status-bar, .ag-theme-material-dark .ag-header-row, .ag-theme-material-dark .ag-panel-title-bar-title, .ag-theme-material-dark .ag-multi-filter-group-title-bar, .ag-theme-material-auto-dark .ag-filter-toolpanel-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-search, .ag-theme-material-auto-dark .ag-status-bar, .ag-theme-material-auto-dark .ag-header-row, .ag-theme-material-auto-dark .ag-panel-title-bar-title, .ag-theme-material-auto-dark .ag-multi-filter-group-title-bar { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; color: var(--ag-header-foreground-color); } .ag-theme-material .ag-tab, .ag-theme-material-dark .ag-tab, .ag-theme-material-auto-dark .ag-tab { height: calc(var(--ag-grid-size) * 4.5); flex: 1 1 auto; } .ag-theme-material .ag-tabs-header, .ag-theme-material .ag-column-drop-horizontal, .ag-theme-material-dark .ag-tabs-header, .ag-theme-material-dark .ag-column-drop-horizontal, .ag-theme-material-auto-dark .ag-tabs-header, .ag-theme-material-auto-dark .ag-column-drop-horizontal { background-color: var(--ag-subheader-background-color); } .ag-theme-material .ag-tabs-body, .ag-theme-material-dark .ag-tabs-body, .ag-theme-material-auto-dark .ag-tabs-body { padding: calc(var(--ag-grid-size) * 0.5) 0; } .ag-theme-material .ag-tabs-body .ag-menu-list, .ag-theme-material-dark .ag-tabs-body .ag-menu-list, .ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list { padding-top: 0; padding-bottom: 0; } .ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell, .ag-theme-material-dark .ag-header-cell, .ag-theme-material-dark .ag-header-group-cell, .ag-theme-material-auto-dark .ag-header-cell, .ag-theme-material-auto-dark .ag-header-group-cell { transition: background-color 0.5s; } .ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing, .ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing { bottom: 0; } .ag-theme-material .ag-cell-inline-editing, .ag-theme-material-dark .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-cell-inline-editing { padding: var(--ag-grid-size); height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3); border-color: var(--ag-border-color) !important; } .ag-theme-material .ag-has-focus .ag-cell-inline-editing, .ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-theme-material .ag-column-drop-vertical, .ag-theme-material-dark .ag-column-drop-vertical, .ag-theme-material-auto-dark .ag-column-drop-vertical { border-bottom: solid 1px; border-bottom-color: var(--ag-border-color); padding-top: var(--ag-grid-size); } .ag-theme-material .ag-column-drop-vertical.ag-last-column-drop, .ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop, .ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-theme-material .ag-column-drop-vertical-cell, .ag-theme-material-dark .ag-column-drop-vertical-cell, .ag-theme-material-auto-dark .ag-column-drop-vertical-cell { margin-left: 0; } .ag-theme-material .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; color: var(--ag-disabled-foreground-color); } .ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-right: var(--ag-grid-size); } .ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-left: var(--ag-grid-size); } .ag-theme-material .ag-status-bar, .ag-theme-material-dark .ag-status-bar, .ag-theme-material-auto-dark .ag-status-bar { border: solid 1px; border-color: var(--ag-border-color); } .ag-theme-material .ag-column-panel-column-select, .ag-theme-material-dark .ag-column-panel-column-select, .ag-theme-material-auto-dark .ag-column-panel-column-select { border-top: solid 1px; border-top-color: var(--ag-border-color); } .ag-theme-material .ag-column-select, .ag-theme-material .ag-column-select-header, .ag-theme-material-dark .ag-column-select, .ag-theme-material-dark .ag-column-select-header, .ag-theme-material-auto-dark .ag-column-select, .ag-theme-material-auto-dark .ag-column-select-header { border-bottom: solid 1px; border-bottom-color: var(--ag-border-color); } .ag-theme-material .ag-column-select-header, .ag-theme-material-dark .ag-column-select-header, .ag-theme-material-auto-dark .ag-column-select-header { height: var(--ag-header-height); } .ag-theme-material .ag-group-title-bar, .ag-theme-material-dark .ag-group-title-bar, .ag-theme-material-auto-dark .ag-group-title-bar { padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size); } .ag-theme-material .ag-charts-format-sub-level-group-title-bar, .ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar { padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size); } .ag-theme-material .ag-chart-data-section, .ag-theme-material .ag-chart-format-section, .ag-theme-material .ag-chart-advanced-settings-section, .ag-theme-material-dark .ag-chart-data-section, .ag-theme-material-dark .ag-chart-format-section, .ag-theme-material-dark .ag-chart-advanced-settings-section, .ag-theme-material-auto-dark .ag-chart-data-section, .ag-theme-material-auto-dark .ag-chart-format-section, .ag-theme-material-auto-dark .ag-chart-advanced-settings-section { padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-material input[class^=ag-]:not([type]), .ag-theme-material input[class^=ag-][type=text], .ag-theme-material input[class^=ag-][type=number], .ag-theme-material input[class^=ag-][type=tel], .ag-theme-material input[class^=ag-][type=date], .ag-theme-material input[class^=ag-][type=datetime-local], .ag-theme-material textarea[class^=ag-], .ag-theme-material-dark input[class^=ag-]:not([type]), .ag-theme-material-dark input[class^=ag-][type=text], .ag-theme-material-dark input[class^=ag-][type=number], .ag-theme-material-dark input[class^=ag-][type=tel], .ag-theme-material-dark input[class^=ag-][type=date], .ag-theme-material-dark input[class^=ag-][type=datetime-local], .ag-theme-material-dark textarea[class^=ag-], .ag-theme-material-auto-dark input[class^=ag-]:not([type]), .ag-theme-material-auto-dark input[class^=ag-][type=text], .ag-theme-material-auto-dark input[class^=ag-][type=number], .ag-theme-material-auto-dark input[class^=ag-][type=tel], .ag-theme-material-auto-dark input[class^=ag-][type=date], .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-material-auto-dark textarea[class^=ag-] { background: transparent; color: var(--ag-foreground-color); font-family: inherit; font-size: inherit; height: calc(var(--ag-grid-size) * 5); padding-bottom: var(--ag-grid-size); border-width: 0; border-radius: 0; border-bottom: 2px solid; border-bottom-color: var(--ag-border-color); } .ag-theme-material input[class^=ag-]:not([type]):focus, .ag-theme-material input[class^=ag-][type=text]:focus, .ag-theme-material input[class^=ag-][type=number]:focus, .ag-theme-material input[class^=ag-][type=tel]:focus, .ag-theme-material input[class^=ag-][type=date]:focus, .ag-theme-material input[class^=ag-][type=datetime-local]:focus, .ag-theme-material textarea[class^=ag-]:focus, .ag-theme-material-dark input[class^=ag-]:not([type]):focus, .ag-theme-material-dark input[class^=ag-][type=text]:focus, .ag-theme-material-dark input[class^=ag-][type=number]:focus, .ag-theme-material-dark input[class^=ag-][type=tel]:focus, .ag-theme-material-dark input[class^=ag-][type=date]:focus, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus, .ag-theme-material-dark textarea[class^=ag-]:focus, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus, .ag-theme-material-auto-dark input[class^=ag-][type=text]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=number]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=date]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus, .ag-theme-material-auto-dark textarea[class^=ag-]:focus { border-bottom: 2px solid; border-bottom-color: var(--ag-material-primary-color); outline: none; box-shadow: none; } .ag-theme-material input[class^=ag-]:not([type])::placeholder, .ag-theme-material input[class^=ag-][type=text]::placeholder, .ag-theme-material input[class^=ag-][type=number]::placeholder, .ag-theme-material input[class^=ag-][type=tel]::placeholder, .ag-theme-material input[class^=ag-][type=date]::placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material textarea[class^=ag-]::placeholder, .ag-theme-material-dark input[class^=ag-]:not([type])::placeholder, .ag-theme-material-dark input[class^=ag-][type=text]::placeholder, .ag-theme-material-dark input[class^=ag-][type=number]::placeholder, .ag-theme-material-dark input[class^=ag-][type=tel]::placeholder, .ag-theme-material-dark input[class^=ag-][type=date]::placeholder, .ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material-dark textarea[class^=ag-]::placeholder, .ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material-auto-dark textarea[class^=ag-]::placeholder { color: var(--ag-disabled-foreground-color); } .ag-theme-material input[class^=ag-]:not([type]):disabled, .ag-theme-material input[class^=ag-][type=text]:disabled, .ag-theme-material input[class^=ag-][type=number]:disabled, .ag-theme-material input[class^=ag-][type=tel]:disabled, .ag-theme-material input[class^=ag-][type=date]:disabled, .ag-theme-material input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material textarea[class^=ag-]:disabled, .ag-theme-material-dark input[class^=ag-]:not([type]):disabled, .ag-theme-material-dark input[class^=ag-][type=text]:disabled, .ag-theme-material-dark input[class^=ag-][type=number]:disabled, .ag-theme-material-dark input[class^=ag-][type=tel]:disabled, .ag-theme-material-dark input[class^=ag-][type=date]:disabled, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material-dark textarea[class^=ag-]:disabled, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled, .ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material-auto-dark textarea[class^=ag-]:disabled { border-bottom: 1px solid; border-bottom-color: var(--ag-border-color); } .ag-theme-material input[class^=ag-]:not([type]):invalid, .ag-theme-material input[class^=ag-][type=text]:invalid, .ag-theme-material input[class^=ag-][type=number]:invalid, .ag-theme-material input[class^=ag-][type=tel]:invalid, .ag-theme-material input[class^=ag-][type=date]:invalid, .ag-theme-material input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material textarea[class^=ag-]:invalid, .ag-theme-material-dark input[class^=ag-]:not([type]):invalid, .ag-theme-material-dark input[class^=ag-][type=text]:invalid, .ag-theme-material-dark input[class^=ag-][type=number]:invalid, .ag-theme-material-dark input[class^=ag-][type=tel]:invalid, .ag-theme-material-dark input[class^=ag-][type=date]:invalid, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material-dark textarea[class^=ag-]:invalid, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid, .ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material-auto-dark textarea[class^=ag-]:invalid { border-width: 0; border-bottom: 1px solid; border-bottom-color: var(--ag-invalid-color); color: var(--ag-invalid-color); } .ag-theme-material .ag-standard-button, .ag-theme-material-dark .ag-standard-button, .ag-theme-material-auto-dark .ag-standard-button { appearance: none; background-color: transparent; border: 0; color: var(--ag-material-primary-color); font-family: inherit; font-size: inherit; margin: 0; padding: 0; text-transform: uppercase; } .ag-theme-material .ag-standard-button:disabled, .ag-theme-material-dark .ag-standard-button:disabled, .ag-theme-material-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-material.ag-dnd-ghost, .ag-theme-material-dark.ag-dnd-ghost, .ag-theme-material-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; } .ag-theme-material .ag-filter-toolpanel-header, .ag-theme-material-dark .ag-filter-toolpanel-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 4); } .ag-theme-material .ag-filter-toolpanel-group-level-0-header, .ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 7); } .ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button { margin-left: var(--ag-grid-size); } .ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button { margin-right: var(--ag-grid-size); } .ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material .ag-layout-print .ag-center-cols-viewport, .ag-theme-material .ag-layout-print .ag-center-cols-container, .ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-material-dark .ag-layout-print .ag-center-cols-container, .ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-material-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-material-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 60px; } .ag-theme-material .ag-picker-field-wrapper:focus-within, .ag-theme-material-dark .ag-picker-field-wrapper:focus-within, .ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within { box-shadow: 0 0 0 1px var(--ag-material-primary-color); } .ag-theme-material .ag-rich-select-list, .ag-theme-material-dark .ag-rich-select-list, .ag-theme-material-auto-dark .ag-rich-select-list { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .ag-theme-material .ag-advanced-filter-builder-button-label, .ag-theme-material-dark .ag-advanced-filter-builder-button-label, .ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label { text-transform: uppercase; } .ag-theme-material .ag-filter-active .ag-icon-filter, .ag-theme-material-dark .ag-filter-active .ag-icon-filter, .ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-material-accent-color); } @font-face { font-family: "agGridMaterial"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABFoAAsAAAAAJkgAABEYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KpXCfVQE2AiQDgjgLgR4ABCAFhF4HhS8bxyFFJCOtoY6iYlKLqKCkZP8fEsghg77xKkhaKGEaKwO6lrY1b6YxxKUASMSl4yPDHPYi3fdu5d7Kbyt/D7IwsJrgsEOSoklQjLW9F0MTJZloool4ZIiE5jESEkOm+Y9zva9J2iPCtkn5CP82BQzCslEzenpGo3H/f2ibX7ASC3CC3NngEivpEQsOIwpWEdyKBWcsq26Fe49b3PJQZ96ZEt9JdgpIe5phJkHoAcugxVrltchzh61rR6AGJKAwOOmWsCZ3P9Vt6tS1P0wVC9REYIX14V1qYpH9qflReps9LPYlGfP23PRL3XUgMAmWeEL4SgRkAEDYvHO9dhkBqnmXpDlI0x5wf+5Y9XN/Rx0gy6kvR9j2PqwDRGOA3d7snCFhJiXx//QXQ9lnn3hR1u4csqjxACBAiT03VdHjEVrYjiUjwOGyN1M6c6rPjJCGzZexSaiPAhujUVH27FsRQEGfAQ0OTy7y7i2fHUgiwpYBbieNve3NZfbtMNLTOdivLbXHq+i8136FN86iPVGPafw6OT/5NxmnSZhdXhfHRWrPT0ZJRIxCpUEEcjOmSmfA3GBGyoLi+GjxtY0YQqbYJCvWtFXhJ1qmmHZhZo1hh+qCat9ub5Wv9/5pangKyQRDOGX1aUIctqgFg0VkbI0fZDe3IV7cErUUwJszUZYwPBrP1/atXdbFZfRQVg71DCVb3WfiFnW17hF6k0VlpM30OGKnV21Qmg5CYZoWs0tTYVoVsyCyZjbTi7sQ1ByTR3K8PErgVaU557a3WlxWM9iioCR/0JgtxpbJttQ0D17VQu0xbfZGv7YxZs+QseysJIY6QrRrrtctae2p7zqd8Obdp38Ol2MTNWkOv2lqRjUv1tbtgiPB2m9Gdp5aEvhHzKW3zMFNLVeFbGFTVD0lc3HSMzKR+YJlS062scXWVjQGQqgDsvSUN+OESMZ46nU0g8GNqlt8y1vTZTs+uAKLEU5JdUPppKRCVY0kBV+Tt8gSxeMG9skkRWcoN+a/zw3mNVkkznPXb/Gpoww70ZxSOvWAytlcoT1qPQKovK4fzgw/DXiNG7LJ8S1+sf3H9dlprDdWgSGbFyxrklifkTIZtfu84QSpIv7Nc6qcmO0qtvcAgXt5CU6nRwRhkdxla9lZdDST51ZwvMRvD8YWQG+yLK0q71L2SOIhvnMCiZvEEeD+8u3HB9QFAgl8UriM2Y2hNT9VfTH8H1hK5Xy3zeHSKoA0kAQqgRRIVPQXohzwdVklzBl7OMRvFLNDiI4Hnvv4xU5PUeWGR15+cffcQQnuVp9WJYGl4DPmJ4DtP5mjKaYsTKsmUgy6dj66ua0DDoIRPKG5WDsHJxc3Dy8fv4CgUGnb71ExcQk/gClpGVk5LnkFRSVlQRVVNXUNTS1tHS5dPX2Y38DQyBhERrh5yLemAXNJ99JEgWnvSKf6vv9/N1vvuubbKV7FgJr5hHmg6nRDwPKagJUNAKvrAdY2DKyvFdjYJLC5ZmBrfcD22oHd9QN76wX2NwIcrBM4XAdwtDHgZC3A6bqBs7UB5xsFLjYBXK4LuNogcL1x4OaaAl9cLiEBC0TgBUGwCXbBITgFl+AWPIJX8Al+ISAEhZAQFiJCVIgJcSEhJIWUkBYyQlbICXmHIvBVyGNFoSSUhYpQ9eSqJn3qQkNoCi2hLXSErtAT+g5F4GuQcYbCSBg7JMGXeCgHX1LmkwUqMEYpBUyfn+QRuAXpQ5B9FVJx5yqKfAsz1FJ8wLhfhpSA78H3ySFNT7aO18k5ieFtls9iuDZHS2b44//lC2stKBqhd77BnZSsF9afpeMWYZ7lLSLWYDpGd6R5Bfc5bmscF9ohKR8qkEMbvIEky5J8A1kfb7YxbPDITY5mIvoSm5XZZEtEKpcXecwssiRbS3YGxBqijLb4s3ECFuZBorBGXmJko1gRKo18zQABgyEgbWnSsxHHerDqQh2uzhIinVWRdZYFetyWrlF9awba9tQcR3S+2YQsA7lWuLDDrdp9hWs+Xd7nG37vbX7V6nO69BCbCyxd1rJNrnNqtauXV8ZW60dxEfYG+FX/eV9si22DSDMEKIBAqxYY5wM6wiA66aWuVj3rRPjh4lTqMFf9Qtm9WOr/mkUqXV8ZCaMeGPdEoAnzFhgon/ss4f2G1M/irR48s1hZIhEQQjGbzcV7//Y5rE83OSZFT7B1grDDcUbV9VTzClVD0sYJCAX6CqWOb7VqsF7nvS2UEOrckrfXiwej1lbmOq5EOJoWn/85UPvXEJF9msh31moSd2Uy1at6gpCwsY+gdUnDPC4Hvb8GJVOdciVfq5fSRWN4KaKd93df4eOmuv3kuhDVfQEJi/r7Hn2KiBi3dI/EFJnuyjRojV7GSWFYR5ORuGl7EFgNp6gOPdZZDSihBAGWMQBCjPdzNeqgPZh7b+4ohZciw2CNCNFfcZn5lgueFRlJPwLhK4Ve3xKNHDAIAqXmv6ifJcHOQVA+ky+dVUms/hoQ9J8VqA++Xs9YTUiF8TicbEibp+r5trx11gWRVqHE6xetcsvYga9nlSNyBZSXSyxuyWrnBdA5EGjr112fzVwWUyMb8vvvcO4oh4yUtha2v7wyMHLi77+5WhcwrggRytedVqwsEQArva1uPohcGGOe0ntWKwbSygChMrZXZ6uRh2zRkAJXQmEhiOh44WatBIESFDFYlJ/37RPq9tEJYU1Kl69oT6DGc5eE00hZojenMppGF2zz8rqAqKNSRInJ6wOGlEEin1Md27Ry+KiqhmPo2aPOEN72mqGdFct9QDsgTpMEfE5EcrHbaxvxrK42wEvtflXHotUIOcAydySwfu4NXiEzNB9gCoaoQhe0k4YOGNkzK8+0s1zqagFS9c65qLgcXdumxPMWvvlAx3xJ23tKn7NG0OjmVM715/aseO9Kjdh7x8UAcEnvnaG1P0Wab+rvGE6fBv3+d6E2qbbzg7vuB0hsYnOafwH3AAHdN9bFUPHGBS6FP/lf/ZV+hFBZog8NaJb29H2LdC7PF4bHOYOOt1AZoqUCXFF9Bbq/zqb03jRHG1Djwm9cN4SDZTxhNJ5kMWNiWGKUD/RQMkYk5K8JCDtOkr+x3+/JTo0G+JJlg8qTShMSSpPKXwkmUJowS381g0iYly0lNTu+ZeIu4Xr9OPO4D4qhyqEkPezXMEhcQrrz4m7x3Hm34njo3RGg7oGBWu35c1arVlevzhWKTKLywCj33VZPi7HWHD6etFjwykoGIz3tPM/5/Lnz29O3bJn30cBBQAYIB/s0Dwic6BBtdoHVh4VBmsZsnQDrqIVUgyVf8KPHeP44TYOQeYxCAVFgCmrswMsIoAoEkMAJUaAgwC8rLkOvyU87STane16QcOt9Xc0w4yTpToeouqheUbVRCc5/UzZz942Q18NHznK44xqd5fvIwWi55zk/9FaAb12vX+ukgciZYUz/4NRIlttar1FpQ/v4BO/uHXaoJiwvjzPee80Obw47MCjU+xLF8pjnPbre9MnTL5flbQn+lrABuge8CmKNdRwRuM6rIUX3ksfycitszwkK2nSOtTp1XuyhmMPsWAgc5TFc4+7EFt9mt67wOVDC7n21u6v7OtYgENm9Dh+yPXrET4p2NnvyYSc+cKV9YuzhwjnP/UCIgLNIsshN4rYQ4c5WMT6HiyQ/S7KQg3APqFSPHpXyQexHXUQLZV88t1vn80f2bZzX3Dco08cP+ZFakFmw9iZ2xtWnh6efRtusH3lsKWseO4Adnzc+d1T8DCdXnzAfFszbdZzgoiP2EmGJb/UTCRIlaK/RaPJ71/VX8GS8hpYQeTNWYdJqpJMldQ5mnURqchMkjJfUXJUiUeH/5LIcjlIKNF5FRFn/zMKiyX2mzrgcHRY/D+zveoCELpfxFDxLpkc3ebcp+i0VqYRCVb5g/PliWiGDe3G1ePVFsXduYKEJPYFa9Da9CaUwCr6Ljx+j2Ana4ZIdozAQswbhetxMuHmQa4LO76naArWmIBPx9CIvpYytQiMrNRmfthprMvB1V3tphKHh/SbJDg2lHQf+uLDBjnJ3oUQ/IrksMbF0sGBocqoIuovb4azDdMOtRiZWHtugbdkgUxCOqq7R6WqqF5oWXvi2qa6Ze66iZmpxVpZtAS63m2x6G4ylPXWcDbPd2EUN0NcpPZVHhK5PB7+ghQvlgXK1Ry1FIo1QrRZqREXJdej6W7e4aJ3GP/InVzlBrylN28/87f/3zjYEkFWOrAw04X4z0BkIPp74i3IVNs4yDoPC+Nmza3VNz54LhU+fdo08bMC6ujDD4ZFdT0Hsm4TzRaf4N3NKxBcJVgCxNvapR6YdCd1q66pF9nUOd+8SbcSn7rX/u+ZM8NPcem2g9Rnx7KmVou0zJ2uLI/MjZs+OyI8sviKYwOzZ320XR14pMXeumtpSnFAgFhckFD8aOLUXiIsTHuWmBPsX6eCcnMEzG7Z/pvjtJPQ4Bb4ku+PqFS6lGaHXJCpcGa4P37PacE1IUxN+nXnxp3QJBmhRzKHotN9uDtoOnXNeLQO3bOl4T9rtZrgeqsSUsGvesXtrsINmSTh9+vyzQ0UJUvxKSkZFWrL1qRXWYr3eVdE0aeIKRX1W8ll7Lajgfo7dYOBjg0tLlEqC6HPgIHjeDsEzVxIaPHToykwCZo5UJZmA3b5NFlBuml8Y2AkEpHwdAlpcEygbbJOsBrkJk+89kHFgHyYzGWTEJE5GtKw/mhhSI4dPrMoezDy4NxBGuXUiOz3a0B+jDRhg7IT//+n/P4GZIBszBwAA74QQyDlp77IWsJcNAW8xklld1w8tYNg2m8g8LjPO6R9mK/OzN25mk52tzNNlywIGGUhNJIp+1HXLYQzaSinTHbuhtWOcldxJADdxThVb2OBm2rMrcjPUbWcxM3bZpaIfOssokUrG8ASusgKuYnpizmbwcMrGWDDGkk1juWgUKVWDTtd/py/y401kaZlP2jdXDyYJwBW6vT42kaDD1YxM2SH6wnf97fN4c/lP7PpLgGt+GZzvnzPuwPG14EZVBABOshrAf/KUH84d6hQHhbQKgKCRIhbFQt6AAWmxbwQPDGeoUNaiPcIJx6Dv6V2wDoYBE9DRDRC2w0w8IoICPtEYt9hFE9zi2ogUNsJHb4YODjCCwCZE+uuDCuLlcanJf0MjTZh/U2wZp3NJvYn/pDUJd6/DS6G6JCZdPk7frbZdneObWeiCytR9CBvlLF1R+SRnw2hW3heLMD+Pwcm0h6IllXjfaDdDKsp+EyVqYvuRSs13OftPacXvumCdV4MXabBknCZlWq+zsvW01Sx6W3YxQRsoMQn2oRhL0sypLFkpVz8RR/lg7KAW7xZ8aUGWD5wScmvvAAXs5NOBMMYEU8ywgU3Mv+W4QPnz/WdsBYKhcCQaiyeSqXQmm8sXiqVypVqrN5qtdqfb6w+Go7EoyZQpqqYbpmViamZuYWllbWNrZ+/g6KQL0TEqRbQkfIyqsq4HWN2xQ3aUj9yIarfWk/tayaYPM+SfM2dJ7MlIp8RodF8UbSxlvHSSRfuSEm305D62ieu5EzZFZ+QPnZTtkVOp9cDV+cA1O/RU3RFthvaeOlhQuaU/oy31NWMdD0TuOKQ8oPcoTlrtMGoqR1GllcNKCzvMFOw4Jx75fE+yoE8cTyfcpCnt6HAibqdASeo4LEwXLNZjzrJG8Ki0DtABjHxU0ix2q8s3I/2qmQn3EsJNxomPNMXRDivOdF4nBRW9lzVHWAvpAgtNpNMFgkhtX9Ryb0p06NhZdkIpxKeNwWsOS271qApaPIWNQCIVCpnt0IupgBBBgcAggQDDGio4yDDCF6xgA/0aTNCgwBZmCLDbAw==); font-weight: normal; font-style: normal; } .ag-theme-material { --ag-background-color: #fff; --ag-foreground-color: rgba(0, 0, 0, 0.87); --ag-subheader-background-color: #eee; --ag-material-primary-color: #3f51b5; --ag-range-selection-border-color: #3f51b5; --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-border-color: #e2e2e2; --ag-secondary-foreground-color: rgba(0, 0, 0, 0.4698); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.3306); --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.271); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.3439); --ag-header-column-separator-color: rgba(226, 226, 226, 0.5); --ag-header-column-resize-handle-color: rgba(226, 226, 226, 0.5); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); } html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } .dark-theme { --mat-sys-background: black; --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #424242; --mat-button-filled-container-shape: 4px; --mat-button-filled-horizontal-padding: 16px; --mat-button-filled-icon-offset: -4px; --mat-button-filled-icon-spacing: 8px; --mat-button-outlined-container-shape: 4px; --mat-button-outlined-horizontal-padding: 15px; --mat-button-outlined-icon-offset: -4px; --mat-button-outlined-icon-spacing: 8px; --mat-button-outlined-keep-touch-target: false; --mat-button-outlined-outline-width: 1px; --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-container-shape: 4px; --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-horizontal-padding: 16px; --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-icon-offset: -4px; --mat-button-protected-icon-spacing: 8px; --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-button-text-container-shape: 4px; --mat-button-text-horizontal-padding: 8px; --mat-button-text-icon-offset: 0; --mat-button-text-icon-spacing: 8px; --mat-button-text-with-icon-horizontal-padding: 8px; --mat-button-tonal-container-shape: 4px; --mat-button-tonal-horizontal-padding: 16px; --mat-button-tonal-icon-offset: -4px; --mat-button-tonal-icon-spacing: 8px; --mat-button-filled-container-color: #424242; --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.04; --mat-button-filled-label-text-color: white; --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-filled-state-layer-color: white; --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12); --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.04; --mat-button-outlined-label-text-color: white; --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12); --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-outlined-state-layer-color: white; --mat-button-protected-container-color: #424242; --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-state-layer-opacity: 0.04; --mat-button-protected-label-text-color: white; --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-protected-state-layer-color: white; --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.04; --mat-button-text-label-text-color: white; --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-text-state-layer-color: white; --mat-button-tonal-container-color: #424242; --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.04; --mat-button-tonal-label-text-color: white; --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-tonal-state-layer-color: white; --mat-button-filled-container-height: 32px; --mat-button-filled-touch-target-display: block; --mat-button-outlined-container-height: 32px; --mat-button-outlined-touch-target-display: block; --mat-button-protected-container-height: 32px; --mat-button-protected-touch-target-display: block; --mat-button-text-container-height: 32px; --mat-button-text-touch-target-display: block; --mat-button-tonal-container-height: 32px; --mat-button-tonal-touch-target-display: block; --mat-button-filled-label-text-font: Open Sans Light; --mat-button-filled-label-text-size: 14px; --mat-button-filled-label-text-tracking: normal; --mat-button-filled-label-text-transform: none; --mat-button-filled-label-text-weight: 400; --mat-button-outlined-label-text-font: Open Sans Light; --mat-button-outlined-label-text-size: 14px; --mat-button-outlined-label-text-tracking: normal; --mat-button-outlined-label-text-transform: none; --mat-button-outlined-label-text-weight: 400; --mat-button-protected-label-text-font: Open Sans Light; --mat-button-protected-label-text-size: 14px; --mat-button-protected-label-text-tracking: normal; --mat-button-protected-label-text-transform: none; --mat-button-protected-label-text-weight: 400; --mat-button-text-label-text-font: Open Sans Light; --mat-button-text-label-text-size: 14px; --mat-button-text-label-text-tracking: normal; --mat-button-text-label-text-transform: none; --mat-button-text-label-text-weight: 400; --mat-button-tonal-label-text-font: Open Sans Light; --mat-button-tonal-label-text-size: 14px; --mat-button-tonal-label-text-tracking: normal; --mat-button-tonal-label-text-transform: none; --mat-button-tonal-label-text-weight: 400; --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 50%; --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent); --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-icon-color: inherit; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-icon-button-state-layer-color: white; --mat-icon-button-touch-target-display: block; --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-container-shape: 50%; --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-container-height: 48px; --mat-fab-extended-container-shape: 24px; --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-container-shape: 50%; --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-container-color: #424242; --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent); --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent); --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: white; --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-container-color: #424242; --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent); --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: white; --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; --mat-fab-small-touch-target-display: block; --mat-fab-touch-target-display: block; --mat-fab-extended-label-text-font: Open Sans Light; --mat-fab-extended-label-text-size: 14px; --mat-fab-extended-label-text-tracking: normal; --mat-fab-extended-label-text-weight: 400; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #424242; --mat-bottom-sheet-container-text-font: Open Sans Light; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; --mat-card-elevated-container-shape: 4px; --mat-card-outlined-container-shape: 4px; --mat-card-filled-container-shape: 4px; --mat-card-outlined-outline-width: 1px; --mat-card-elevated-container-color: #424242; --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-container-color: #424242; --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12); --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7); --mat-card-filled-container-color: #424242; --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-title-text-font: Open Sans Light; --mat-card-title-text-line-height: 24px; --mat-card-title-text-size: 18px; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 600; --mat-card-subtitle-text-font: Open Sans Light; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: normal; --mat-card-subtitle-text-weight: 500; --mat-checkbox-disabled-selected-checkmark-color: #424242; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.04; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.04; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-label-text-color: white; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500); --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500); --mat-checkbox-selected-icon-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-icon-color: white; --mat-checkbox-unselected-hover-icon-color: white; --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-state-layer-color: white; --mat-checkbox-unselected-hover-state-layer-color: white; --mat-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 36px; --mat-checkbox-label-text-font: Open Sans Light; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: normal; --mat-checkbox-label-text-weight: 400; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-primary-500) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-contrast-500); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-500); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-primary-500) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-contrast-500); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-primary-500) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-500); --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12); --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-container-background-color: #424242; --mat-datepicker-calendar-container-text-color: white; --mat-datepicker-calendar-text-font: Open Sans Light; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 400; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 400; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; --mat-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mat-dialog-container-color: #424242; --mat-dialog-subhead-color: white; --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7); --mat-dialog-subhead-font: Open Sans Light; --mat-dialog-subhead-line-height: 24px; --mat-dialog-subhead-size: 18px; --mat-dialog-subhead-weight: 600; --mat-dialog-subhead-tracking: normal; --mat-dialog-supporting-text-font: Open Sans Light; --mat-dialog-supporting-text-line-height: 24px; --mat-dialog-supporting-text-size: 14px; --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: normal; --mat-divider-width: 1px; --mat-divider-color: rgba(255, 255, 255, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #424242; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12); --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent); --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent); --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7); --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7); --mat-expansion-header-collapsed-state-height: 44px; --mat-expansion-header-expanded-state-height: 60px; --mat-expansion-header-text-font: Open Sans Light; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Open Sans Light; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; --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-focus-select-arrow-color: color-mix(in srgb, var(--palette-primary-500) 87%, transparent); --mat-form-field-filled-caret-color: var(--palette-primary-500); --mat-form-field-filled-focus-active-indicator-color: var(--palette-primary-500); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500) 87%, transparent); --mat-form-field-outlined-caret-color: var(--palette-primary-500); --mat-form-field-outlined-focus-outline-color: var(--palette-primary-500); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500) 87%, transparent); --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent); --mat-form-field-state-layer-color: white; --mat-form-field-error-text-color: var(--palette-warn-500); --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.12; --mat-form-field-filled-container-color: #4a4a4a; --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent); --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7); --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-form-field-filled-input-text-color: white; --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent); --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7); --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-500); --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-500); --mat-form-field-filled-error-label-text-color: var(--palette-warn-500); --mat-form-field-filled-error-caret-color: var(--palette-warn-500); --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7); --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent); --mat-form-field-filled-hover-active-indicator-color: white; --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-500); --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-500); --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-500); --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7); --mat-form-field-outlined-hover-label-text-color: white; --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-form-field-outlined-input-text-color: white; --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent); --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7); --mat-form-field-outlined-error-caret-color: var(--palette-warn-500); --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-500); --mat-form-field-outlined-error-label-text-color: var(--palette-warn-500); --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-500); --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent); --mat-form-field-outlined-hover-outline-color: white; --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-500); --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-500); --mat-form-field-outlined-error-outline-color: var(--palette-warn-500); --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-form-field-container-text-font: Open Sans Light; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 14px; --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 14px; --mat-form-field-subscript-text-font: Open Sans Light; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; --mat-form-field-filled-label-text-font: Open Sans Light; --mat-form-field-filled-label-text-size: 14px; --mat-form-field-filled-label-text-tracking: normal; --mat-form-field-filled-label-text-weight: 400; --mat-form-field-outlined-label-text-font: Open Sans Light; --mat-form-field-outlined-label-text-size: 14px; --mat-form-field-outlined-label-text-tracking: normal; --mat-form-field-outlined-label-text-weight: 400; --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; --mat-icon-color: inherit; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mat-list-list-item-container-shape: 0; --mat-list-list-item-leading-avatar-shape: 50%; --mat-list-list-item-container-color: transparent; --mat-list-list-item-selected-container-color: transparent; --mat-list-list-item-leading-avatar-color: transparent; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-list-item-label-text-color: white; --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-disabled-label-text-color: white; --mat-list-list-item-disabled-leading-icon-color: white; --mat-list-list-item-disabled-trailing-icon-color: white; --mat-list-list-item-hover-label-text-color: white; --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-hover-state-layer-color: white; --mat-list-list-item-hover-state-layer-opacity: 0.04; --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7); --mat-list-list-item-focus-label-text-color: white; --mat-list-list-item-focus-state-layer-color: white; --mat-list-list-item-focus-state-layer-opacity: 0.12; --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --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-list-list-item-label-text-font: Open Sans Light; --mat-list-list-item-label-text-line-height: 24px; --mat-list-list-item-label-text-size: 14px; --mat-list-list-item-label-text-tracking: normal; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: Open Sans Light; --mat-list-list-item-supporting-text-line-height: 20px; --mat-list-list-item-supporting-text-size: 14px; --mat-list-list-item-supporting-text-tracking: normal; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: Open Sans Light; --mat-list-list-item-trailing-supporting-text-line-height: 20px; --mat-list-list-item-trailing-supporting-text-size: 12px; --mat-list-list-item-trailing-supporting-text-tracking: normal; --mat-list-list-item-trailing-supporting-text-weight: 400; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent); --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent); --mat-menu-container-color: #424242; --mat-menu-divider-color: rgba(255, 255, 255, 0.12); --mat-menu-item-label-text-font: Open Sans Light; --mat-menu-item-label-text-size: 14px; --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; --mat-progress-bar-active-indicator-height: 4px; --mat-progress-bar-track-height: 4px; --mat-progress-bar-track-shape: 0; --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent); --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-size: 48px; --mat-progress-spinner-active-indicator-color: var(--palette-primary-500); --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-state-layer-size: 36px; --mat-radio-touch-target-display: block; --mat-radio-label-text-font: Open Sans Light; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: normal; --mat-radio-label-text-weight: 400; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #424242; --mat-select-enabled-trigger-text-color: white; --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7); --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7); --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent); --mat-select-focused-arrow-color: var(--palette-primary-500); --mat-select-invalid-arrow-color: var(--palette-warn-500); --mat-select-arrow-transform: translateY(-8px); --mat-select-trigger-text-font: Open Sans Light; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 14px; --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; --mat-slide-toggle-disabled-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38; --mat-slide-toggle-disabled-unselected-track-outline-color: transparent; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-handle-height: 20px; --mat-slide-toggle-handle-shape: 10px; --mat-slide-toggle-handle-width: 20px; --mat-slide-toggle-hidden-track-opacity: 1; --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-slide-toggle-pressed-handle-size: 20px; --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-handle-size: 20px; --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04; --mat-slide-toggle-selected-icon-size: 18px; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-selected-track-outline-width: 1px; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-track-height: 14px; --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-track-outline-width: 1px; --mat-slide-toggle-track-shape: 7px; --mat-slide-toggle-track-width: 36px; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-size: 20px; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-icon-size: 18px; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-slide-toggle-with-icon-handle-size: 20px; --mat-slide-toggle-selected-icon-color: var(--palette-primary-contrast-500); --mat-slide-toggle-disabled-selected-icon-color: var(--palette-primary-contrast-500); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-500); --mat-slide-toggle-selected-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-500); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-500); --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-focus-track-color: var(--palette-primary-600); --mat-slide-toggle-selected-hover-track-color: var(--palette-primary-600); --mat-slide-toggle-selected-pressed-track-color: var(--palette-primary-600); --mat-slide-toggle-selected-track-color: var(--palette-primary-600); --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent); --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-disabled-selected-handle-color: white; --mat-slide-toggle-disabled-selected-track-color: white; --mat-slide-toggle-disabled-unselected-handle-color: white; --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a; --mat-slide-toggle-disabled-unselected-track-color: white; --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-handle-surface-color: #424242; --mat-slide-toggle-label-text-color: white; --mat-slide-toggle-unselected-hover-handle-color: white; --mat-slide-toggle-unselected-focus-handle-color: white; --mat-slide-toggle-unselected-focus-state-layer-color: white; --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12); --mat-slide-toggle-unselected-icon-color: #4a4a4a; --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7); --mat-slide-toggle-unselected-hover-state-layer-color: white; --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12); --mat-slide-toggle-unselected-pressed-handle-color: white; --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12); --mat-slide-toggle-unselected-pressed-state-layer-color: white; --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12); --mat-slide-toggle-state-layer-size: 36px; --mat-slide-toggle-label-text-font: Open Sans Light; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: normal; --mat-slide-toggle-label-text-weight: 400; --mat-slider-active-track-height: 6px; --mat-slider-active-track-shape: 9999px; --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-height: 20px; --mat-slider-handle-shape: 50%; --mat-slider-handle-width: 20px; --mat-slider-inactive-track-height: 4px; --mat-slider-inactive-track-shape: 9999px; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-container-transform: translateX(-50%); --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-width: auto; --mat-slider-with-overlap-handle-outline-width: 1px; --mat-slider-with-tick-marks-active-container-opacity: 0.6; --mat-slider-with-tick-marks-container-shape: 50%; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.6; --mat-slider-active-track-color: var(--palette-primary-500); --mat-slider-focus-handle-color: var(--palette-primary-500); --mat-slider-handle-color: var(--palette-primary-500); --mat-slider-hover-handle-color: var(--palette-primary-500); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-primary-500) 4%, transparent); --mat-slider-inactive-track-color: var(--palette-primary-500); --mat-slider-ripple-color: var(--palette-primary-500); --mat-slider-with-tick-marks-active-container-color: var(--palette-primary-contrast-500); --mat-slider-with-tick-marks-inactive-container-color: var(--palette-primary-500); --mat-slider-disabled-active-track-color: white; --mat-slider-disabled-handle-color: white; --mat-slider-disabled-inactive-track-color: white; --mat-slider-label-container-color: white; --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87); --mat-slider-value-indicator-opacity: 1; --mat-slider-with-overlap-handle-outline-color: white; --mat-slider-with-tick-marks-disabled-container-color: white; --mat-slider-label-label-text-font: Open Sans Light; --mat-slider-label-label-text-size: 14px; --mat-slider-label-label-text-line-height: 22px; --mat-slider-label-label-text-tracking: normal; --mat-slider-label-label-text-weight: 500; --mat-snack-bar-container-shape: 4px; --mat-snack-bar-container-color: white; --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87); --mat-snack-bar-button-color: var(--palette-primary-600); --mat-snack-bar-supporting-text-font: Open Sans Light; --mat-snack-bar-supporting-text-line-height: 20px; --mat-snack-bar-supporting-text-size: 14px; --mat-snack-bar-supporting-text-weight: 400; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #424242; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12); --mat-table-header-container-height: 52px; --mat-table-footer-container-height: 48px; --mat-table-row-item-container-height: 48px; --mat-table-header-headline-font: Open Sans Light; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: normal; --mat-table-row-item-label-text-font: Open Sans Light; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: normal; --mat-table-footer-supporting-text-font: Open Sans Light; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: normal; --mat-tab-container-height: 48px; --mat-tab-divider-color: transparent; --mat-tab-divider-height: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; --mat-tree-container-background-color: #424242; --mat-tree-node-text-color: white; --mat-tree-node-min-height: 44px; --mat-tree-node-text-font: Open Sans Light; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12); --mat-sidenav-container-background-color: #424242; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #303030; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6); --mat-stepper-header-focus-state-layer-shape: 0; --mat-stepper-header-hover-state-layer-shape: 0; --mat-stepper-header-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-500); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-500); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-500); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-container-color: #424242; --mat-stepper-line-color: rgba(255, 255, 255, 0.12); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent); --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7); --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7); --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: var(--palette-warn-500); --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7); --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-500); --mat-stepper-header-error-state-icon-background-color: transparent; --mat-stepper-header-height: 68px; --mat-stepper-container-text-font: Open Sans Light; --mat-stepper-header-label-text-font: Open Sans Light; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 400; --mat-toolbar-container-background-color: #424242; --mat-toolbar-container-text-color: white; --mat-toolbar-standard-height: 60px; --mat-toolbar-mobile-height: 52px; --mat-toolbar-title-text-font: Open Sans Light; --mat-toolbar-title-text-line-height: 24px; --mat-toolbar-title-text-size: 18px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 600; --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-line-height: 16px; --mat-tooltip-container-color: white; --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87); --mat-tooltip-supporting-text-font: Open Sans Light; --mat-tooltip-supporting-text-size: 12px; --mat-tooltip-supporting-text-weight: 400; --mat-tooltip-supporting-text-tracking: normal; --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.04; --mat-button-toggle-legacy-focus-state-layer-opacity: 1; --mat-button-toggle-legacy-height: 36px; --mat-button-toggle-legacy-shape: 2px; --mat-button-toggle-shape: 4px; --mat-button-toggle-background-color: #424242; --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent); --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-toggle-disabled-state-background-color: #424242; --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12); --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent); --mat-button-toggle-legacy-disabled-state-background-color: #424242; --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent); --mat-button-toggle-legacy-selected-state-text-color: white; --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent); --mat-button-toggle-legacy-text-color: white; --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent); --mat-button-toggle-selected-state-text-color: white; --mat-button-toggle-state-layer-color: white; --mat-button-toggle-text-color: white; --mat-button-toggle-height: 44px; --mat-button-toggle-label-text-font: Open Sans Light; --mat-button-toggle-label-text-line-height: 24px; --mat-button-toggle-label-text-size: 14px; --mat-button-toggle-label-text-tracking: normal; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: Open Sans Light; --mat-button-toggle-legacy-label-text-line-height: 24px; --mat-button-toggle-legacy-label-text-size: 14px; --mat-button-toggle-legacy-label-text-tracking: normal; --mat-button-toggle-legacy-label-text-weight: 400; } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); } .dark-theme .mat-mdc-button.mat-primary, .dark-theme .mat-mdc-unelevated-button.mat-primary, .dark-theme .mat-mdc-raised-button.mat-primary, .dark-theme .mat-mdc-outlined-button.mat-primary, .dark-theme .mat-tonal-button.mat-primary { --mat-button-filled-container-color: var(--palette-primary-500); --mat-button-filled-label-text-color: var(--palette-primary-contrast-500); --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-primary-contrast-500); --mat-button-outlined-label-text-color: var(--palette-primary-500); --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-primary-500); --mat-button-protected-container-color: var(--palette-primary-500); --mat-button-protected-label-text-color: var(--palette-primary-contrast-500); --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-primary-contrast-500); --mat-button-text-label-text-color: var(--palette-primary-500); --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-primary-500); --mat-button-tonal-container-color: var(--palette-primary-500); --mat-button-tonal-label-text-color: var(--palette-primary-contrast-500); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-button.mat-accent, .dark-theme .mat-mdc-unelevated-button.mat-accent, .dark-theme .mat-mdc-raised-button.mat-accent, .dark-theme .mat-mdc-outlined-button.mat-accent, .dark-theme .mat-tonal-button.mat-accent { --mat-button-filled-container-color: var(--palette-accent-500); --mat-button-filled-label-text-color: var(--palette-accent-contrast-500); --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-accent-contrast-500); --mat-button-outlined-label-text-color: var(--palette-accent-500); --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-accent-500); --mat-button-protected-container-color: var(--palette-accent-500); --mat-button-protected-label-text-color: var(--palette-accent-contrast-500); --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-accent-contrast-500); --mat-button-text-label-text-color: var(--palette-accent-500); --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-accent-500); --mat-button-tonal-container-color: var(--palette-accent-500); --mat-button-tonal-label-text-color: var(--palette-accent-contrast-500); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-accent-contrast-500); } .dark-theme .mat-mdc-button.mat-warn, .dark-theme .mat-mdc-unelevated-button.mat-warn, .dark-theme .mat-mdc-raised-button.mat-warn, .dark-theme .mat-mdc-outlined-button.mat-warn, .dark-theme .mat-tonal-button.mat-warn { --mat-button-filled-container-color: var(--palette-warn-500); --mat-button-filled-label-text-color: var(--palette-warn-contrast-500); --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-warn-contrast-500); --mat-button-outlined-label-text-color: var(--palette-warn-500); --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-warn-500); --mat-button-protected-container-color: var(--palette-warn-500); --mat-button-protected-label-text-color: var(--palette-warn-contrast-500); --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-warn-contrast-500); --mat-button-text-label-text-color: var(--palette-warn-500); --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-warn-500); --mat-button-tonal-container-color: var(--palette-warn-500); --mat-button-tonal-label-text-color: var(--palette-warn-contrast-500); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-warn-contrast-500); } .dark-theme .mat-mdc-icon-button.mat-primary { --mat-icon-button-icon-color: var(--palette-primary-500); --mat-icon-button-state-layer-color: var(--palette-primary-500); --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); } .dark-theme .mat-mdc-icon-button.mat-accent { --mat-icon-button-icon-color: var(--palette-accent-500); --mat-icon-button-state-layer-color: var(--palette-accent-500); --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); } .dark-theme .mat-mdc-icon-button.mat-warn { --mat-icon-button-icon-color: var(--palette-warn-500); --mat-icon-button-state-layer-color: var(--palette-warn-500); --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); } .dark-theme .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 44px; --mat-icon-button-state-layer-size: 44px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 10px; } .dark-theme .mat-mdc-fab.mat-primary, .dark-theme .mat-mdc-mini-fab.mat-primary { --mat-fab-container-color: var(--palette-primary-500); --mat-fab-foreground-color: var(--palette-primary-contrast-500); --mat-fab-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-fab-small-container-color: var(--palette-primary-500); --mat-fab-small-foreground-color: var(--palette-primary-contrast-500); --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-primary-contrast-500); --mat-fab-state-layer-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-fab.mat-accent, .dark-theme .mat-mdc-mini-fab.mat-accent { --mat-fab-container-color: var(--palette-accent-500); --mat-fab-foreground-color: var(--palette-accent-contrast-500); --mat-fab-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-fab-small-container-color: var(--palette-accent-500); --mat-fab-small-foreground-color: var(--palette-accent-contrast-500); --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-accent-contrast-500); --mat-fab-state-layer-color: var(--palette-accent-contrast-500); } .dark-theme .mat-mdc-fab.mat-warn, .dark-theme .mat-mdc-mini-fab.mat-warn { --mat-fab-container-color: var(--palette-warn-500); --mat-fab-foreground-color: var(--palette-warn-contrast-500); --mat-fab-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-fab-small-container-color: var(--palette-warn-500); --mat-fab-small-foreground-color: var(--palette-warn-contrast-500); --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-warn-contrast-500); --mat-fab-state-layer-color: var(--palette-warn-contrast-500); } .dark-theme .mat-mdc-checkbox.mat-primary { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500); --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500); --mat-checkbox-selected-icon-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-icon-color: white; --mat-checkbox-unselected-hover-icon-color: white; --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-state-layer-color: white; --mat-checkbox-unselected-hover-state-layer-color: white; --mat-checkbox-unselected-pressed-state-layer-color: white; } .dark-theme .mat-mdc-checkbox.mat-warn { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500); --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500); --mat-checkbox-selected-icon-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-icon-color: white; --mat-checkbox-unselected-hover-icon-color: white; --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-state-layer-color: white; --mat-checkbox-unselected-hover-state-layer-color: white; --mat-checkbox-unselected-pressed-state-layer-color: white; } .dark-theme .mat-mdc-standard-chip { --mat-chip-container-shape-radius: 16px; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-disabled-outline-color: transparent; --mat-chip-flat-selected-outline-width: 0; --mat-chip-focus-outline-color: transparent; --mat-chip-hover-state-layer-opacity: 0.04; --mat-chip-outline-color: transparent; --mat-chip-outline-width: 0; --mat-chip-selected-hover-state-layer-opacity: 0.04; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-with-avatar-avatar-shape-radius: 14px; --mat-chip-with-avatar-avatar-size: 28px; --mat-chip-with-avatar-disabled-avatar-opacity: 1; --mat-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent); --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent); --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent); --mat-chip-focus-state-layer-color: white; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: white; --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-disabled-label-text-color: var(--palette-primary-contrast-500); --mat-chip-elevated-container-color: var(--palette-primary-500); --mat-chip-elevated-disabled-container-color: var(--palette-primary-500); --mat-chip-elevated-selected-container-color: var(--palette-primary-500); --mat-chip-flat-disabled-selected-container-color: var(--palette-primary-500); --mat-chip-focus-state-layer-color: white; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: white; --mat-chip-label-text-color: var(--palette-primary-contrast-500); --mat-chip-selected-disabled-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--palette-primary-contrast-500); --mat-chip-selected-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-disabled-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-disabled-label-text-color: var(--palette-accent-contrast-500); --mat-chip-elevated-container-color: var(--palette-accent-500); --mat-chip-elevated-disabled-container-color: var(--palette-accent-500); --mat-chip-elevated-selected-container-color: var(--palette-accent-500); --mat-chip-flat-disabled-selected-container-color: var(--palette-accent-500); --mat-chip-focus-state-layer-color: white; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: white; --mat-chip-label-text-color: var(--palette-accent-contrast-500); --mat-chip-selected-disabled-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--palette-accent-contrast-500); --mat-chip-selected-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-disabled-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500); } .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-disabled-label-text-color: var(--palette-warn-contrast-500); --mat-chip-elevated-container-color: var(--palette-warn-500); --mat-chip-elevated-disabled-container-color: var(--palette-warn-500); --mat-chip-elevated-selected-container-color: var(--palette-warn-500); --mat-chip-flat-disabled-selected-container-color: var(--palette-warn-500); --mat-chip-focus-state-layer-color: white; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: white; --mat-chip-label-text-color: var(--palette-warn-contrast-500); --mat-chip-selected-disabled-trailing-icon-color: var(--palette-warn-contrast-500); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--palette-warn-contrast-500); --mat-chip-selected-trailing-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-icon-disabled-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-contrast-500); } .dark-theme .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-height: 28px; } .dark-theme .mat-mdc-standard-chip { --mat-chip-label-text-font: Open Sans Light; --mat-chip-label-text-line-height: 20px; --mat-chip-label-text-size: 14px; --mat-chip-label-text-tracking: normal; --mat-chip-label-text-weight: 400; } .dark-theme .mat-datepicker-content.mat-accent, .dark-theme .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-contrast-500); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-accent-500) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-accent-500) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500); --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12); --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-container-background-color: #424242; --mat-datepicker-calendar-container-text-color: white; } .dark-theme .mat-datepicker-content.mat-warn, .dark-theme .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-warn-500) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-warn-500) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-warn-500) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500); --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12); --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent); --mat-datepicker-calendar-container-background-color: #424242; --mat-datepicker-calendar-container-text-color: white; } .dark-theme .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .dark-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; --mat-icon-button-state-layer-size: 40px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 8px; } .dark-theme .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-accent-500) 87%, transparent); --mat-form-field-filled-caret-color: var(--palette-accent-500); --mat-form-field-filled-focus-active-indicator-color: var(--palette-accent-500); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-accent-500) 87%, transparent); --mat-form-field-outlined-caret-color: var(--palette-accent-500); --mat-form-field-outlined-focus-outline-color: var(--palette-accent-500); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-accent-500) 87%, transparent); } .dark-theme .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-warn-500) 87%, transparent); --mat-form-field-filled-caret-color: var(--palette-warn-500); --mat-form-field-filled-focus-active-indicator-color: var(--palette-warn-500); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-warn-500) 87%, transparent); --mat-form-field-outlined-caret-color: var(--palette-warn-500); --mat-form-field-outlined-focus-outline-color: var(--palette-warn-500); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-warn-500) 87%, transparent); } .dark-theme .mat-icon.mat-primary { --mat-icon-color: var(--palette-primary-500); } .dark-theme .mat-icon.mat-accent { --mat-icon-color: var(--palette-accent-500); } .dark-theme .mat-icon.mat-warn { --mat-icon-color: var(--palette-warn-500); } .dark-theme .mdc-list-item__start, .dark-theme .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--palette-primary-500); --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-radio-disabled-selected-icon-color: white; --mat-radio-disabled-unselected-icon-color: white; --mat-radio-label-text-color: white; --mat-radio-ripple-color: white; --mat-radio-selected-focus-icon-color: var(--palette-primary-500); --mat-radio-selected-hover-icon-color: var(--palette-primary-500); --mat-radio-selected-icon-color: var(--palette-primary-500); --mat-radio-selected-pressed-icon-color: var(--palette-primary-500); --mat-radio-unselected-focus-icon-color: white; --mat-radio-unselected-hover-icon-color: white; --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-radio-unselected-pressed-icon-color: white; } .dark-theme .mat-accent .mdc-list-item__start, .dark-theme .mat-accent .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--palette-accent-500); --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-radio-disabled-selected-icon-color: white; --mat-radio-disabled-unselected-icon-color: white; --mat-radio-label-text-color: white; --mat-radio-ripple-color: white; --mat-radio-selected-focus-icon-color: var(--palette-accent-500); --mat-radio-selected-hover-icon-color: var(--palette-accent-500); --mat-radio-selected-icon-color: var(--palette-accent-500); --mat-radio-selected-pressed-icon-color: var(--palette-accent-500); --mat-radio-unselected-focus-icon-color: white; --mat-radio-unselected-hover-icon-color: white; --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-radio-unselected-pressed-icon-color: white; } .dark-theme .mat-warn .mdc-list-item__start, .dark-theme .mat-warn .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--palette-warn-500); --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-radio-disabled-selected-icon-color: white; --mat-radio-disabled-unselected-icon-color: white; --mat-radio-label-text-color: white; --mat-radio-ripple-color: white; --mat-radio-selected-focus-icon-color: var(--palette-warn-500); --mat-radio-selected-hover-icon-color: var(--palette-warn-500); --mat-radio-selected-icon-color: var(--palette-warn-500); --mat-radio-selected-pressed-icon-color: var(--palette-warn-500); --mat-radio-unselected-focus-icon-color: white; --mat-radio-unselected-hover-icon-color: white; --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-radio-unselected-pressed-icon-color: white; } .dark-theme .mat-mdc-list-option { --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-label-text-color: white; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500); --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500); --mat-checkbox-selected-icon-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-icon-color: white; --mat-checkbox-unselected-hover-icon-color: white; --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-state-layer-color: white; --mat-checkbox-unselected-hover-state-layer-color: white; --mat-checkbox-unselected-pressed-state-layer-color: white; } .dark-theme .mat-mdc-list-option.mat-accent { --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-label-text-color: white; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500); --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500); --mat-checkbox-selected-icon-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-icon-color: white; --mat-checkbox-unselected-hover-icon-color: white; --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-state-layer-color: white; --mat-checkbox-unselected-hover-state-layer-color: white; --mat-checkbox-unselected-pressed-state-layer-color: white; } .dark-theme .mat-mdc-list-option.mat-warn { --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-label-text-color: white; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500); --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500); --mat-checkbox-selected-icon-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-icon-color: white; --mat-checkbox-unselected-hover-icon-color: white; --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-state-layer-color: white; --mat-checkbox-unselected-hover-state-layer-color: white; --mat-checkbox-unselected-pressed-state-layer-color: white; } .dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: var(--palette-primary-500); } .dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .dark-theme .mdc-list-item__start, .dark-theme .mdc-list-item__end { --mat-radio-state-layer-size: 36px; --mat-radio-touch-target-display: block; } .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 52px; } .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .dark-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 68px; } .dark-theme .mdc-list-group__subheader { font: 600 16px / 24px Open Sans Light; letter-spacing: normal; } .dark-theme .mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: var(--palette-primary-500); --mat-progress-bar-track-color: var(--palette-primary-500); } .dark-theme .mat-mdc-progress-bar.mat-accent { --mat-progress-bar-active-indicator-color: var(--palette-accent-500); --mat-progress-bar-track-color: var(--palette-accent-500); } .dark-theme .mat-mdc-progress-bar.mat-warn { --mat-progress-bar-active-indicator-color: var(--palette-warn-500); --mat-progress-bar-track-color: var(--palette-warn-500); } .dark-theme .mat-primary { --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-primary-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-primary-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent); } .dark-theme .mat-accent { --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent); } .dark-theme .mat-warn { --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-warn-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-warn-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent); } .dark-theme .mat-accent { --mat-progress-spinner-active-indicator-color: var(--palette-accent-500); } .dark-theme .mat-warn { --mat-progress-spinner-active-indicator-color: var(--palette-warn-500); } .dark-theme .mat-mdc-radio-button.mat-primary { --mat-radio-checked-ripple-color: var(--palette-primary-500); --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-radio-disabled-selected-icon-color: white; --mat-radio-disabled-unselected-icon-color: white; --mat-radio-label-text-color: white; --mat-radio-ripple-color: white; --mat-radio-selected-focus-icon-color: var(--palette-primary-500); --mat-radio-selected-hover-icon-color: var(--palette-primary-500); --mat-radio-selected-icon-color: var(--palette-primary-500); --mat-radio-selected-pressed-icon-color: var(--palette-primary-500); --mat-radio-unselected-focus-icon-color: white; --mat-radio-unselected-hover-icon-color: white; --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-radio-unselected-pressed-icon-color: white; } .dark-theme .mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: var(--palette-accent-500); --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-radio-disabled-selected-icon-color: white; --mat-radio-disabled-unselected-icon-color: white; --mat-radio-label-text-color: white; --mat-radio-ripple-color: white; --mat-radio-selected-focus-icon-color: var(--palette-accent-500); --mat-radio-selected-hover-icon-color: var(--palette-accent-500); --mat-radio-selected-icon-color: var(--palette-accent-500); --mat-radio-selected-pressed-icon-color: var(--palette-accent-500); --mat-radio-unselected-focus-icon-color: white; --mat-radio-unselected-hover-icon-color: white; --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-radio-unselected-pressed-icon-color: white; } .dark-theme .mat-mdc-radio-button.mat-warn { --mat-radio-checked-ripple-color: var(--palette-warn-500); --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent); --mat-radio-disabled-selected-icon-color: white; --mat-radio-disabled-unselected-icon-color: white; --mat-radio-label-text-color: white; --mat-radio-ripple-color: white; --mat-radio-selected-focus-icon-color: var(--palette-warn-500); --mat-radio-selected-hover-icon-color: var(--palette-warn-500); --mat-radio-selected-icon-color: var(--palette-warn-500); --mat-radio-selected-pressed-icon-color: var(--palette-warn-500); --mat-radio-unselected-focus-icon-color: white; --mat-radio-unselected-hover-icon-color: white; --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-radio-unselected-pressed-icon-color: white; } .dark-theme .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #424242; --mat-select-enabled-trigger-text-color: white; --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7); --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7); --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent); --mat-select-focused-arrow-color: var(--palette-accent-500); --mat-select-invalid-arrow-color: var(--palette-warn-500); } .dark-theme .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #424242; --mat-select-enabled-trigger-text-color: white; --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7); --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7); --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent); --mat-select-focused-arrow-color: var(--palette-warn-500); --mat-select-invalid-arrow-color: var(--palette-warn-500); } .dark-theme .mat-mdc-slide-toggle.mat-accent { --mat-slide-toggle-selected-icon-color: var(--palette-accent-contrast-500); --mat-slide-toggle-disabled-selected-icon-color: var(--palette-accent-contrast-500); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-500); --mat-slide-toggle-selected-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-500); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-500); --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-focus-track-color: var(--palette-accent-600); --mat-slide-toggle-selected-hover-track-color: var(--palette-accent-600); --mat-slide-toggle-selected-pressed-track-color: var(--palette-accent-600); --mat-slide-toggle-selected-track-color: var(--palette-accent-600); } .dark-theme .mat-mdc-slide-toggle.mat-warn { --mat-slide-toggle-selected-icon-color: var(--palette-warn-contrast-500); --mat-slide-toggle-disabled-selected-icon-color: var(--palette-warn-contrast-500); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-500); --mat-slide-toggle-selected-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-500); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-500); --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-focus-track-color: var(--palette-warn-600); --mat-slide-toggle-selected-hover-track-color: var(--palette-warn-600); --mat-slide-toggle-selected-pressed-track-color: var(--palette-warn-600); --mat-slide-toggle-selected-track-color: var(--palette-warn-600); } .dark-theme .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: Open Sans Light; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: normal; --mat-slide-toggle-label-text-weight: 400; } .dark-theme .mat-accent { --mat-slider-active-track-color: var(--palette-accent-500); --mat-slider-focus-handle-color: var(--palette-accent-500); --mat-slider-handle-color: var(--palette-accent-500); --mat-slider-hover-handle-color: var(--palette-accent-500); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-accent-500) 4%, transparent); --mat-slider-inactive-track-color: var(--palette-accent-500); --mat-slider-ripple-color: var(--palette-accent-500); --mat-slider-with-tick-marks-active-container-color: var(--palette-accent-contrast-500); --mat-slider-with-tick-marks-inactive-container-color: var(--palette-accent-500); } .dark-theme .mat-warn { --mat-slider-active-track-color: var(--palette-warn-500); --mat-slider-focus-handle-color: var(--palette-warn-500); --mat-slider-handle-color: var(--palette-warn-500); --mat-slider-hover-handle-color: var(--palette-warn-500); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-warn-500) 4%, transparent); --mat-slider-inactive-track-color: var(--palette-warn-500); --mat-slider-ripple-color: var(--palette-warn-500); --mat-slider-with-tick-marks-active-container-color: var(--palette-warn-contrast-500); --mat-slider-with-tick-marks-inactive-container-color: var(--palette-warn-500); } .dark-theme .mat-mdc-tab-group, .dark-theme .mat-mdc-tab-nav-bar { --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7); --mat-tab-pagination-icon-color: white; --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-active-label-text-color: var(--palette-primary-500); --mat-tab-active-ripple-color: var(--palette-primary-500); --mat-tab-inactive-ripple-color: var(--palette-primary-500); --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-active-focus-label-text-color: var(--palette-primary-500); --mat-tab-active-hover-label-text-color: var(--palette-primary-500); --mat-tab-active-focus-indicator-color: var(--palette-primary-500); --mat-tab-active-hover-indicator-color: var(--palette-primary-500); --mat-tab-active-indicator-color: var(--palette-primary-500); } .dark-theme .mat-mdc-tab-group.mat-accent, .dark-theme .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7); --mat-tab-pagination-icon-color: white; --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-active-label-text-color: var(--palette-accent-500); --mat-tab-active-ripple-color: var(--palette-accent-500); --mat-tab-inactive-ripple-color: var(--palette-accent-500); --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-active-focus-label-text-color: var(--palette-accent-500); --mat-tab-active-hover-label-text-color: var(--palette-accent-500); --mat-tab-active-focus-indicator-color: var(--palette-accent-500); --mat-tab-active-hover-indicator-color: var(--palette-accent-500); --mat-tab-active-indicator-color: var(--palette-accent-500); } .dark-theme .mat-mdc-tab-group.mat-warn, .dark-theme .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7); --mat-tab-pagination-icon-color: white; --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-active-label-text-color: var(--palette-warn-500); --mat-tab-active-ripple-color: var(--palette-warn-500); --mat-tab-inactive-ripple-color: var(--palette-warn-500); --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7); --mat-tab-active-focus-label-text-color: var(--palette-warn-500); --mat-tab-active-hover-label-text-color: var(--palette-warn-500); --mat-tab-active-focus-indicator-color: var(--palette-warn-500); --mat-tab-active-hover-indicator-color: var(--palette-warn-500); --mat-tab-active-indicator-color: var(--palette-warn-500); } .dark-theme .mat-mdc-tab-group.mat-background-primary, .dark-theme .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-background-color: var(--palette-primary-500); --mat-tab-foreground-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-tab-group.mat-background-accent, .dark-theme .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-background-color: var(--palette-accent-500); --mat-tab-foreground-color: var(--palette-accent-contrast-500); } .dark-theme .mat-mdc-tab-group.mat-background-warn, .dark-theme .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-background-color: var(--palette-warn-500); --mat-tab-foreground-color: var(--palette-warn-contrast-500); } .dark-theme .mat-mdc-tab-header { --mat-tab-container-height: 44px; --mat-tab-label-text-font: Open Sans Light; --mat-tab-label-text-size: 14px; --mat-tab-label-text-tracking: normal; --mat-tab-label-text-line-height: 36px; --mat-tab-label-text-weight: 400; } .dark-theme .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: var(--palette-accent-contrast-500); --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-500); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-contrast-500); --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-500); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-contrast-500); --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-500); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-contrast-500); } .dark-theme .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: var(--palette-warn-contrast-500); --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-500); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-contrast-500); --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-500); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-contrast-500); --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-500); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-contrast-500); } .dark-theme .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: var(--palette-primary-500); --mat-toolbar-container-text-color: var(--palette-primary-contrast-500); } .dark-theme .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: var(--palette-accent-500); --mat-toolbar-container-text-color: var(--palette-accent-contrast-500); } .dark-theme .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: var(--palette-warn-500); --mat-toolbar-container-text-color: var(--palette-warn-contrast-500); } .dark-theme .ag-theme-material { --ag-material-primary-color: var(--palette-primary-500); --ag-background-color: transparent; --ag-foreground-color: #eeeeee; --ag-header-background-color: transparent; --ag-header-foreground-color: var(--palette-primary-500); --ag-border-color: #595959; --ag-cell-horizontal-padding: 8px; --ag-row-hover-color: rgba(230, 230, 230, 0.1); --ag-selected-row-background-color: #363636; --ag-secondary-foreground-color: var(--palette-primary-500); --ag-checkbox-unchecked-color: #eeeeee; --ag-checkbox-checked-color: var(--palette-primary-500); --ag-row-border-color: transparent; --ag-subheader-background-color: #eee; --ag-range-selection-border-color: var(--palette-primary-500); --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-disabled-foreground-color: rgba(238, 238, 238, 0.38); --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-modal-overlay-background-color: rgba(0, 0, 0, 0); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.271); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.3439); --ag-header-column-separator-color: rgba(89, 89, 89, 0.5); --ag-header-column-resize-handle-color: rgba(89, 89, 89, 0.5); } .dark-theme .ag-popup-child { background-color: #363636; padding-right: 1px; } .dark-theme .ag-popup-child .mat-mdc-card { background-color: #595959 !important; } .dark-theme .ag-header-cell-text { color: var(--palette-primary-500); } .dark-theme .ag-row { border-bottom: 1px solid; border-color: #595959; } .dark-theme .ag-row.inactive .ag-cell { color: #898989; } .dark-theme .ag-row.inactive .ag-cell span { color: #898989; } .dark-theme .ag-row.no-data-row { border: none; } .dark-theme .ag-row.disabled { opacity: 0.4; } .dark-theme .ag-row-hover { background-color: rgba(230, 230, 230, 0.1); } .dark-theme .ag-row-hover .visible-on-row-hover { display: block; } .dark-theme .ag-cell-inline-editing { height: 100% !important; background-color: rgba(230, 230, 230, 0.1) !important; } @media print, screen and (max-width: 1023.98px) { .dark-theme .ag-theme-material .ag-header-cell { font-size: 14px; font-weight: 500; line-height: 22px; font-family: Open Sans Light; letter-spacing: normal; } .dark-theme .ag-theme-material .ag-cell:not(.ellipsis), .dark-theme .ag-theme-material .ag-cell-wrapper, .dark-theme .ag-theme-material span:not(.ag-icon, .ag-cell-wrapper *) { font-size: 12px; font-weight: 400; line-height: 20px; font-family: Open Sans Light; letter-spacing: normal; } } @media print, screen and (min-width: 1024px) { .dark-theme .ag-theme-material .ag-header-cell { font-size: 14px; font-weight: 500; line-height: 22px; font-family: Open Sans Light; letter-spacing: normal; } .dark-theme .ag-theme-material .ag-cell:not(.ellipsis), .dark-theme .ag-theme-material .ag-cell-wrapper, .dark-theme .ag-theme-material span:not(.ag-icon, .ag-cell-wrapper *) { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Open Sans Light; letter-spacing: normal; } } .dark-theme .visible-cell-borders .ag-header-cell, .dark-theme .visible-cell-borders .ag-header-group-cell-with-group { border-right: 1px solid #595959 !important; } .dark-theme .visible-cell-borders .ag-header-group-text { width: 100%; text-align: center; } .dark-theme .visible-cell-borders .ag-cell-label-container, .dark-theme .visible-cell-borders .ag-header-cell-text, .dark-theme .visible-cell-borders .ag-cell { padding-left: 2px; } .dark-theme .visible-cell-borders .last-group-cell { border-right: 1px solid #595959 !important; } .dark-theme .visible-column-hover .ag-column-hover { background-color: rgba(230, 230, 230, 0.1); } .dark-theme .ag-tooltip { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); color: white !important; background-color: #424242 !important; font-size: 12px !important; border-radius: 4px !important; max-width: 250px; margin: 0 0 10px 0 !important; padding: 6px !important; transform: translateY(-100%); font: 400 14px/20px "Open Sans Light", "Open Sans" !important; letter-spacing: normal !important; } .dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4 { color: var(--palette-primary-700); display: inline-block; } .dark-theme h1 { font-size: 20px; font-weight: 700; line-height: 28px; font-family: Open Sans Light; letter-spacing: normal; } .dark-theme h2 { font-size: 18px; font-weight: 600; line-height: 24px; font-family: Open Sans Light; letter-spacing: normal; } .dark-theme h3 { font-size: 16px; font-weight: 600; line-height: 24px; font-family: Open Sans Light; letter-spacing: normal; text-transform: uppercase; } .dark-theme h4 { font-size: 14px; font-weight: 500; line-height: 22px; font-family: Open Sans Light; letter-spacing: normal; text-transform: uppercase; } .dark-theme a, .dark-theme p, .dark-theme span:not(.mat-mdc-icon, .material-icons, .ag-icon), .dark-theme label, .dark-theme text, .dark-theme li, .dark-theme pre, .dark-theme .ag-theme-material { font-size: 14px; font-weight: 400; line-height: 24px; font-family: Open Sans Light; letter-spacing: normal; } .dark-theme sds-breadcrumbs a, .dark-theme sds-breadcrumbs span { color: var(--palette-primary-500); } .dark-theme.mat-typography { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Open Sans Light; letter-spacing: normal; color: white; } .dark-theme [class^=border], .dark-theme [class*=border] { border-color: #595959; } .dark-theme .light-border { border-color: #595959 !important; } .dark-theme .border-radius { border-radius: 4px; } .dark-theme .light-background { background: #595959; } .dark-theme .background-color { background: #363636; } .dark-theme .titleStyle, .dark-theme .highcharts-title { color: var(--palette-primary-500); text-transform: uppercase; } .dark-theme .country-selector-code { color: white !important; } .dark-theme .country-list-button { color: white !important; } .dark-theme .text-color { color: white !important; } .dark-theme .disabled-text { color: #898989 !important; } .dark-theme .dragable:hover { cursor: move; background-color: #595959; } .dark-theme .tooltip-above { background: #595959; margin-bottom: 2px; } .dark-theme .mat-mdc-menu-item:hover { background: #595959; } .dark-theme .mat-mdc-menu-item:disabled { color: #898989; cursor: not-allowed; } .dark-theme .mat-mdc-menu-item:disabled .mat-icon-no-color { color: #898989; } .dark-theme .sds-tag { border-color: #595959 !important; background-color: transparent; padding: 2px 5px; border: 1px solid; margin-right: 5px; font-weight: 500 !important; font-size: 10px; text-transform: uppercase; color: white; cursor: default; } .dark-theme .sds-tag.active { background-color: var(--palette-primary-500); color: var(--palette-primary-contrast-500) !important; } .dark-theme .mat-list-single-selected-option, .dark-theme .mat-stroked-button-toggle-checked, .dark-theme .ag-row-selected { color: var(--palette-primary-500) !important; background: #595959 !important; } .dark-theme .leaflet-container { background: none !important; } .dark-theme span.matSuffix.disabled { color: #898989; } .dark-theme .chart-menu-tab-group .mat-mdc-tab-header { border-radius: 4px 4px 0 0; background: #363636; } .dark-theme .selectedRow { background-color: #595959; } .dark-theme .highlighted { background: rgba(89, 89, 89, 0.8); } .dark-theme .primary-color.highcharts-series { color: var(--palette-primary-500) !important; fill: var(--palette-primary-500) !important; stroke: var(--palette-primary-500) !important; } .dark-theme .highcharts-container { position: relative; overflow: hidden; width: 100%; height: 100%; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Open Sans Light; -webkit-user-select: none; user-select: none; } .dark-theme .highcharts-root { display: block; } .dark-theme .highcharts-root text { stroke-width: 0; } .dark-theme .highcharts-strong { font-weight: bold; } .dark-theme .highcharts-emphasized { font-style: italic; } .dark-theme .highcharts-anchor { cursor: pointer; } .dark-theme .highcharts-plot-border, .dark-theme .highcharts-plot-background { fill: none; } .dark-theme .highcharts-label-box.highcharts-no-data-box { fill: none; } .dark-theme .highcharts-button-box { fill: inherit; } .dark-theme .highcharts-tracker-line { stroke-linejoin: round; stroke: rgba(192, 192, 192, 0.0001); stroke-width: 22; fill: none; } .dark-theme .highcharts-title { fill: var(--palette-primary-500) !important; white-space: nowrap; } .dark-theme .highcharts-subtitle { color: var(--palette-accent-500) !important; fill: var(--palette-accent-500) !important; font-size: 0.8rem; } .dark-theme .highcharts-caption { color: var(--palette-primary-500) !important; fill: var(--palette-primary-500) !important; font-size: 0.6rem; } .dark-theme .highcharts-axis-line { fill: none; stroke: #ccd6eb; } .dark-theme .highcharts-yaxis .highcharts-axis-line { stroke-width: 0px; } .dark-theme .highcharts-axis-title { fill: white; } .dark-theme .highcharts-axis-labels { fill: white; color: white; cursor: default; font-size: 12px !important; } .dark-theme .highcharts-axis-labels span { font-size: 12px !important; color: white !important; font-family: Open Sans Light !important; } .dark-theme .highcharts-axis-labels tspan { font-size: 12px !important; } .dark-theme .highcharts-axis-labels text { font-size: 12px !important; } .dark-theme .highcharts-grid-line { fill: none; stroke: rgb(196.75, 196.75, 196.75); stroke-width: 1px; } .dark-theme .highcharts-yaxis-grid .highcharts-grid-line { stroke-width: 0.5px; } .dark-theme .highcharts-grid-line-invisible .highcharts-grid-line { stroke-width: 0 !important; } .dark-theme .highcharts-xaxis-grid .highcharts-grid-line { stroke-width: 0px; } .dark-theme .highcharts-tick { stroke: white; } .dark-theme .highcharts-yaxis .highcharts-tick { stroke-width: 0; } .dark-theme .highcharts-minor-grid-line { stroke: #f2f2f2; } .dark-theme .highcharts-crosshair-thin { stroke-width: 1px; stroke: #cccccc; } .dark-theme .highcharts-crosshair-category { stroke: #ccd6eb; stroke-opacity: 0.25; } .dark-theme .highcharts-credits { cursor: pointer; fill: #999999; font-size: 0.7em; transition: fill 250ms, font-size 250ms; } .dark-theme .highcharts-credits:hover { fill: black; font-size: 14px; } .dark-theme .highcharts-tooltip { cursor: default; pointer-events: none; white-space: normal; transition: stroke 150ms; background: transparent; } .dark-theme .highcharts-tooltip span { background: transparent; fill: #eeeeee; color: #eeeeee; font-family: Open Sans Light !important; } .dark-theme .highcharts-tooltip table { background: #363636; border: 1px solid #595959; color: #eeeeee; fill: #eeeeee; } .dark-theme .floating-tooltip { margin-left: 20px !important; margin-right: 20px !important; } .dark-theme .highcharts-tooltip .highcharts-header { color: var(--palette-primary-500); fill: var(--palette-primary-500); font-size: 0.85em; } .dark-theme .highcharts-tooltip-box { stroke-width: 0px; fill: transparent; fill-opacity: 1; z-index: 999 !important; } .dark-theme .highcharts-tooltip-box .highcharts-label-box { fill: transparent; fill-opacity: 1; } .dark-theme .tooltip-with-border { fill: #363636 !important; } .dark-theme .tooltip-with-border .tooltip-with-border-box { stroke-width: 1px; } .dark-theme .highcharts-label { color: #eeeeee; fill: #eeeeee; } .dark-theme div.highcharts-tooltip { filter: none; } .dark-theme .highcharts-selection-marker { fill: #335cad; fill-opacity: 0.25; } .dark-theme .highcharts-graph { fill: none; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } .dark-theme .highcharts-empty-series { stroke-width: 1px; fill: none; stroke: #cccccc; } .dark-theme .highcharts-state-hover .highcharts-graph { stroke-width: 3; } .dark-theme .highcharts-point-inactive { opacity: 0.2; transition: opacity 50ms; } .dark-theme .highcharts-series-inactive { opacity: 0.3; transition: opacity 100ms; } .dark-theme .highcharts-state-hover path { transition: stroke-width 50ms; } .dark-theme .highcharts-state-normal path { transition: stroke-width 250ms; } .dark-theme .highcharts-dashed { stroke-dasharray: 1, 5; } .dark-theme .highcharts-color--1 { text-align: inherit; } .dark-theme .highcharts-area { fill-opacity: 0.75; stroke-width: 0; } .dark-theme .highcharts-markers { stroke-width: 1px; stroke: #ffffff; } .dark-theme .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible), .dark-theme .highcharts-a11y-marker-hidden { opacity: 0; } .dark-theme .highcharts-point { stroke-width: 1px; } .dark-theme .highcharts-dense-data .highcharts-point { stroke-width: 0; } .dark-theme .highcharts-data-label { font-size: 14px; font-weight: bold; } .dark-theme .highcharts-data-label-box { fill: none !important; stroke-width: 0; } .dark-theme .highcharts-data-label text, .dark-theme text.highcharts-data-label { fill: var(--palette-primary-500); } .dark-theme .highcharts-data-label-connector { fill: none; } .dark-theme .highcharts-data-label-hidden { pointer-events: none; } .dark-theme .highcharts-halo { fill-opacity: 0.25; stroke-width: 0; } .dark-theme .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select, .dark-theme .highcharts-markers .highcharts-point-select { fill: #cccccc; stroke: #000000; } .dark-theme .highcharts-column-series .highcharts-point { transition: fill-opacity 250ms; } .dark-theme .highcharts-column-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .dark-theme .highcharts-pie-series .highcharts-point { stroke-linejoin: round; stroke: #ffffff; } .dark-theme .highcharts-pie-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .dark-theme .highcharts-funnel-series .highcharts-point { stroke-linejoin: round; stroke: #ffffff; } .dark-theme .highcharts-funnel-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .dark-theme .highcharts-funnel-series .highcharts-point-select { fill: inherit; stroke: inherit; } .dark-theme .highcharts-pyramid-series .highcharts-point { stroke-linejoin: round; stroke: #ffffff; } .dark-theme .highcharts-pyramid-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .dark-theme .highcharts-pyramid-series .highcharts-point-select { fill: inherit; stroke: inherit; } .dark-theme .highcharts-solidgauge-series .highcharts-point { stroke-width: 0; } .dark-theme .highcharts-treemap-series .highcharts-point { stroke-width: 1px; stroke: #e6e6e6; transition: stroke 250ms, fill 250ms, fill-opacity 250ms; } .dark-theme .highcharts-treemap-series .highcharts-point-hover { stroke: #999999; transition: stroke 25ms, fill 25ms, fill-opacity 25ms; } .dark-theme .highcharts-treemap-series .highcharts-above-level { display: none; } .dark-theme .highcharts-treemap-series .highcharts-internal-node { fill: none; } .dark-theme .highcharts-treemap-series .highcharts-internal-node-interactive { fill-opacity: 0.15; cursor: pointer; } .dark-theme .highcharts-treemap-series .highcharts-internal-node-interactive:hover { fill-opacity: 0.75; } .dark-theme .highcharts-vector-series .highcharts-point { fill: none; stroke-width: 2px; } .dark-theme .highcharts-windbarb-series .highcharts-point { fill: none; stroke-width: 2px; } .dark-theme .highcharts-lollipop-stem { stroke: #000000; } .dark-theme .highcharts-focus-border { fill: none; stroke-width: 2px; } .dark-theme .highcharts-legend-item-hidden .highcharts-focus-border { fill: none !important; } .dark-theme .highcharts-legend-box { fill: none; stroke-width: 0; } .dark-theme .highcharts-legend-item span { top: 0 !important; } .dark-theme .highcharts-legend-item > text { fill: var(--palette-primary-500); font-weight: bold; font-size: 14px; cursor: pointer; stroke-width: 0; } .dark-theme .highcharts-legend-item:hover text { fill: var(--palette-primary-500); } .dark-theme .highcharts-legend-item-hidden * { fill: #cccccc !important; stroke: #cccccc !important; transition: fill 250ms; } .dark-theme .highcharts-legend-nav-active { fill: #003399; cursor: pointer; } .dark-theme .highcharts-legend-nav-inactive { fill: #cccccc; } .dark-theme circle.highcharts-legend-nav-active, .dark-theme circle.highcharts-legend-nav-inactive { fill: rgba(192, 192, 192, 0.0001); } .dark-theme .highcharts-legend-title span { width: 180px; white-space: normal !important; top: auto !important; bottom: 20px; text-transform: capitalize; } .dark-theme .highcharts-legend-title-box { fill: none; stroke-width: 0; } .dark-theme .highcharts-bubble-legend-symbol { stroke-width: 2; fill-opacity: 0.5; } .dark-theme .highcharts-bubble-legend-connectors { stroke-width: 1; } .dark-theme .highcharts-bubble-legend-labels { fill: #333333; } .dark-theme .highcharts-loading { position: absolute; background-color: #ffffff; opacity: 0.5; text-align: center; z-index: 10; transition: opacity 250ms; } .dark-theme .highcharts-loading-hidden { height: 0 !important; opacity: 0; overflow: hidden; transition: opacity 250ms, height 250ms step-end; } .dark-theme .highcharts-loading-inner { font-weight: bold; position: relative; top: 45%; } .dark-theme .highcharts-plot-band.plot-band-highlight-error-timeframe { fill: rgba(249, 79, 89, 0.75); fill-opacity: 1; } .dark-theme .highcharts-plot-band.plot-band-highlight-monitoring-timeframe { fill: rgba(89, 89, 89, 0.4); fill-opacity: 1; } .dark-theme .highcharts-plot-band.plot-band-highlight-analysis-pm-reg { fill: rgb(47, 89, 226); fill-opacity: 0.2; stroke: rgb(47, 89, 226); } .dark-theme .highcharts-plot-band-label { fill: white; stroke: white; } .dark-theme .highcharts-plot-band-label .hide-in-plot-label { display: none; } .dark-theme .highcharts-plot-band-label .show-in-plot-label { display: inline !important; } .dark-theme .highcharts-plot-line { stroke: #999999; stroke-width: 1px; } .dark-theme .highcharts-plot-line-0 { stroke-width: 2px !important; } .dark-theme .highcharts-boxplot-box { fill: #ffffff; } .dark-theme .highcharts-boxplot-median { stroke-width: 2px; } .dark-theme .highcharts-bubble-series .highcharts-point { fill-opacity: 0.5; } .dark-theme .highcharts-errorbar-series .highcharts-point { stroke: #000000; } .dark-theme .highcharts-gauge-series .highcharts-data-label-box { stroke: #cccccc; stroke-width: 1px; } .dark-theme .highcharts-gauge-series .highcharts-dial { fill: #000000; stroke-width: 0; } .dark-theme .highcharts-polygon-series .highcharts-graph { fill: inherit; stroke-width: 0; } .dark-theme .highcharts-waterfall-series .highcharts-graph { stroke: #333333; stroke-dasharray: 1, 3; } .dark-theme .highcharts-sankey-series .highcharts-point { stroke-width: 0; } .dark-theme .highcharts-sankey-series .highcharts-link { transition: fill 250ms, fill-opacity 250ms; fill-opacity: 0.5; } .dark-theme .highcharts-sankey-series .highcharts-point-hover.highcharts-link { transition: fill 50ms, fill-opacity 50ms; fill-opacity: 1; } .dark-theme .highcharts-venn-series .highcharts-point { fill-opacity: 0.75; stroke: #cccccc; transition: stroke 250ms, fill-opacity 250ms; } .dark-theme .highcharts-venn-series .highcharts-point-hover { fill-opacity: 1; stroke: #cccccc; } .dark-theme .highcharts-navigator-mask-outside { fill-opacity: 0; } .dark-theme .highcharts-navigator-mask-inside { fill: #6685c2; fill-opacity: 0.25; cursor: ew-resize; } .dark-theme .highcharts-navigator-outline { stroke: #cccccc; fill: none; } .dark-theme .highcharts-navigator-handle { stroke: #cccccc; fill: #f2f2f2; cursor: ew-resize; } .dark-theme .highcharts-navigator-series { fill: #335cad; stroke: #335cad; } .dark-theme .highcharts-navigator-series .highcharts-graph { stroke-width: 1px; } .dark-theme .highcharts-navigator-series .highcharts-area { fill-opacity: 0.05; } .dark-theme .highcharts-navigator-xaxis .highcharts-axis-line { stroke-width: 0; } .dark-theme .highcharts-navigator-xaxis .highcharts-grid-line { stroke-width: 1px; stroke: #e6e6e6; } .dark-theme .highcharts-navigator-xaxis.highcharts-axis-labels { fill: #999999; } .dark-theme .highcharts-navigator-yaxis .highcharts-grid-line { stroke-width: 0; } .dark-theme .highcharts-scrollbar-thumb { fill: #cccccc; stroke: #cccccc; stroke-width: 1px; } .dark-theme .highcharts-scrollbar-button { fill: #e6e6e6; stroke: #cccccc; stroke-width: 1px; } .dark-theme .highcharts-scrollbar-arrow { fill: #666666; } .dark-theme .highcharts-scrollbar-rifles { stroke: #666666; stroke-width: 1px; } .dark-theme .highcharts-scrollbar-track { fill: #f2f2f2; stroke: #f2f2f2; stroke-width: 1px; } .dark-theme .highcharts-button { fill: #f7f7f7; stroke: #cccccc; cursor: default; stroke-width: 1px; transition: fill 250ms; } .dark-theme .highcharts-button text { fill: #333333; } .dark-theme .highcharts-button-hover { transition: fill 0ms; fill: #e6e6e6; stroke: #cccccc; } .dark-theme .highcharts-button-hover text { fill: #333333; } .dark-theme .highcharts-button-pressed { font-weight: bold; fill: #e6ebf5; stroke: #cccccc; } .dark-theme .highcharts-button-pressed text { fill: #333333; font-weight: bold; } .dark-theme .highcharts-button-disabled text { fill: #333333; } .dark-theme .highcharts-range-selector-buttons .highcharts-button { stroke-width: 0px; } .dark-theme .highcharts-range-label rect { fill: none; } .dark-theme .highcharts-range-label text { fill: #666666; } .dark-theme .highcharts-range-input rect { fill: none; } .dark-theme .highcharts-range-input text { fill: #333333; } .dark-theme .highcharts-range-input { stroke-width: 1px; stroke: #cccccc; } .dark-theme input.highcharts-range-selector { position: absolute; border: 0; width: 1px; height: 1px; padding: 0; text-align: center; left: -9em; } .dark-theme .highcharts-crosshair-label text { fill: #ffffff; font-size: 1.1em; } .dark-theme .highcharts-crosshair-label .highcharts-label-box { fill: black; } .dark-theme .highcharts-candlestick-series .highcharts-point { stroke: #000000; stroke-width: 1px; } .dark-theme .highcharts-candlestick-series .highcharts-point-up { fill: #ffffff; } .dark-theme .highcharts-ohlc-series .highcharts-point-hover { stroke-width: 3px; } .dark-theme .highcharts-flags-series .highcharts-point .highcharts-label-box { stroke: #999999; fill: #ffffff; transition: fill 250ms; } .dark-theme .highcharts-flags-series .highcharts-point-hover .highcharts-label-box { stroke: #000000; fill: #ccd6eb; } .dark-theme .highcharts-flags-series .highcharts-point text { fill: #000000; font-size: 0.9em; font-weight: bold; } .dark-theme .highcharts-map-series .highcharts-point { transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms; stroke: #cccccc; } .dark-theme .highcharts-map-series .highcharts-point-hover { transition: fill 0ms, fill-opacity 0ms; fill-opacity: 0.5; stroke-width: 2px; } .dark-theme .highcharts-mapline-series .highcharts-point { fill: none; } .dark-theme .highcharts-heatmap-series .highcharts-point { stroke-width: 0; } .dark-theme .highcharts-map-navigation { font-size: 1.3em; font-weight: bold; text-align: center; } .dark-theme .highcharts-coloraxis { stroke-width: 0; } .dark-theme .highcharts-coloraxis-marker { fill: #999999; } .dark-theme .highcharts-null-point { fill: #f7f7f7; } .dark-theme .highcharts-3d-frame { fill: transparent; } .dark-theme .highcharts-contextbutton { fill: #ffffff; stroke: none; stroke-linecap: round; } .dark-theme .highcharts-contextbutton:hover { fill: #e6e6e6; stroke: #e6e6e6; } .dark-theme .highcharts-button-symbol { stroke: #666666; stroke-width: 3px; } .dark-theme .highcharts-menu { border: 1px solid #999999; background: #ffffff; padding: 5px 0; box-shadow: 3px 3px 10px #888; } .dark-theme .highcharts-menu-item { padding: 0.5em 1em; background: none; color: #333333; cursor: pointer; transition: background 250ms, color 250ms; } .dark-theme .highcharts-menu-item:hover { background: #335cad; color: #ffffff; } .dark-theme .highcharts-drilldown-point { cursor: pointer; } .dark-theme .highcharts-drilldown-data-label text, .dark-theme text.highcharts-drilldown-data-label, .dark-theme .highcharts-drilldown-axis-label { cursor: pointer; fill: #003399; font-weight: bold; text-decoration: underline; } .dark-theme .highcharts-no-data text { font-size: 12px; fill: white; } .dark-theme .highcharts-axis-resizer { cursor: ns-resize; stroke: black; stroke-width: 2px; } .dark-theme .highcharts-bullet-target { stroke-width: 0; } .dark-theme .highcharts-lineargauge-target { stroke-width: 1px; stroke: #333333; } .dark-theme .highcharts-lineargauge-target-line { stroke-width: 1px; stroke: #333333; } .dark-theme .highcharts-annotation-label-box { stroke-width: 1px; stroke: #000000; fill: #000000; fill-opacity: 0.75; } .dark-theme .highcharts-annotation-label text { fill: #e6e6e6; } .dark-theme .highcharts-treegrid-node-collapsed, .dark-theme .highcharts-treegrid-node-expanded { cursor: pointer; } .dark-theme .highcharts-point-connecting-path { fill: none; } .dark-theme .highcharts-grid-axis .highcharts-tick { stroke-width: 1px; } .dark-theme .highcharts-grid-axis .highcharts-axis-line { stroke-width: 1px; } .dark-theme .highcharts-tooltip-scrollable-tbody { display: block; height: 100%; overflow: auto; padding: 5px; } .dark-theme .highcharts-tooltip-table td, .dark-theme .highcharts-tooltip-table td { padding: 2px 4px; } .dark-theme .highcharts-tooltip-table-outside { padding-left: 5px; padding-right: 15px !important; z-index: 111; } .dark-theme .highcharts-tooltip-scrollable-table { height: 95%; width: 100%; table-layout: fixed; } .dark-theme .mat-drawer-container { --mat-sidenav-content-background-color: map.get($theme, background); } .dark-theme .mat-sidenav { background-color: #363636; } .dark-theme .mat-sidenav .mat-expansion-panel { background: none !important; } .dark-theme .mat-sidenav .mat-expansion-panel-header { font-size: 1rem !important; } .dark-theme .mat-sidenav .mat-expansion-panel-header-description, .dark-theme .mat-sidenav .mat-expansion-indicator:after { color: #eeeeee !important; border-color: #eeeeee !important; } .dark-theme .subRouteActive { color: var(--palette-primary-700); } .dark-theme .mat-nav-list .mat-expansion-panel-header:hover { background: rgba(89, 89, 89, 0.5); } .dark-theme .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; } .dark-theme mat-card { background-color: #363636 !important; border-radius: 4px !important; } .dark-theme mat-card .mat-mdc-card-title, .dark-theme mat-card .mat-mdc-card-title span, .dark-theme mat-card .mat-mdc-card-title label { color: var(--palette-primary-500) !important; font-size: 14px; font-weight: 400; line-height: 24px; font-family: Open Sans Light; letter-spacing: normal; } .dark-theme .slideshow-active-tab { color: var(--palette-primary-500) !important; background-color: rgb(66.75, 66.75, 66.75); } .dark-theme mat-list-item { --mat-list-list-item-leading-icon-color: var(--mat-icon-color); } .dark-theme .mat-mdc-list-item.active { color: var(--palette-primary-500) !important; background: rgba(137, 137, 137, 0.5) !important; } .dark-theme .mat-mdc-list-item:hover { background: rgba(89, 89, 89, 0.5) !important; } .dark-theme .mat-mdc-list-item.selected { background: #595959 !important; } .dark-theme ngx-skeleton-loader .skeleton-loader { background-color: rgb(60.75, 60.75, 60.75); } .dark-theme mat-toolbar { background-color: #363636 !important; } .dark-theme .sds-logo { --sds-logo-url: url("./media/sds_logo_dark_bg.svg"); background: var(--sds-logo-url) no-repeat; background-position: center; margin: auto; } .dark-theme div ::-webkit-scrollbar { width: 8px; height: 8px; } .dark-theme div ::-webkit-scrollbar-button { display: none; } .dark-theme div ::-webkit-scrollbar-thumb { background: #595959; border-radius: 50px; } .dark-theme div ::-webkit-scrollbar-track { border-radius: 50px; } .dark-theme div ::-webkit-scrollbar-corner { background: transparent; } .dark-theme div .scrollbar-thumb { background: #595959; } .dark-theme .mat-mdc-dialog-container { --mat-dialog-subhead-color: var(--palette-primary-500); } .dark-theme .mat-datepicker-content { border-radius: 4px !important; } .dark-theme .mat-mdc-menu-panel { border-radius: 4px !important; } .dark-theme .mat-mdc-dialog-title { text-transform: uppercase !important; } .dark-theme .leaflet-container a { color: white; background-color: #363636; } .dark-theme .leaflet-container .leaflet-control-attribution { color: white; background-color: #363636; } .dark-theme .leaflet-container .leaflet-bar a.leaflet-disabled { background: #363636; } .dark-theme .leaflet-container .leaflet-popup-content-wrapper, .dark-theme .leaflet-container .leaflet-popup-tip { color: white; background-color: #363636; } .dark-theme .mat-step-header .mat-step-icon:not(.mat-step-icon-selected) { color: white; } .dark-theme .mat-step-header:hover { background-color: transparent; } .dark-theme .mat-step-header.cdk-focused { background-color: transparent; } .dark-theme .health-color-ok { background-color: #00cc00 !important; color: beige !important; } .dark-theme .health-color-warning { background-color: #ffe400 !important; color: #0a0a23 !important; } .dark-theme .health-color-alert { background-color: #e1ac07 !important; color: #0a0a23 !important; } .dark-theme .health-color-critical { background-color: #ff4d4d !important; color: #0a0a23 !important; } .dark-theme .health-color-config_not_sent { background-color: #666 !important; color: beige !important; } .dark-theme .mat-mdc-mini-fab.mat-primary:not(:disabled), .dark-theme .mat-mdc-fab.mat-primary:not(:disabled) { --mat-fab-small-foreground-color: var(--palette-primary-contrast-500); --mat-icon-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-mini-fab.mat-accent:not(:disabled), .dark-theme .mat-mdc-fab.mat-accent:not(:disabled) { --mat-fab-small-foreground-color: var(--palette-accent-contrast-500); --mat-icon-color: var(--palette-accent-contrast-500); } .dark-theme .mat-mdc-mini-fab[disabled] { --mat-icon-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-outlined-button:not(:disabled).mat-primary { --mat-button-outlined-outline-color: var(--palette-primary-500); background-color: var(--palette-primary-500); color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-outlined-button:not(:disabled).mat-accent { --mat-button-outlined-outline-color: var(--palette-accent-500); background-color: var(--palette-accent-500); color: var(--palette-accent-contrast-500); } .dark-theme .mat-calendar-body-label { padding-bottom: 0 !important; padding-top: 0 !important; } .dark-theme .material-red-checkbox .mat-mdc-checkbox.mat-accent { --mat-checkbox-selected-checkmark-color: mat.m2-get-color-from-palette($foreground, text); --mat-checkbox-selected-focus-icon-color: #ff4d4d; --mat-checkbox-selected-hover-icon-color: #ff4d4d; --mat-checkbox-selected-icon-color: #ff4d4d; --mat-checkbox-selected-pressed-icon-color: #ff4d4d; } .dark-theme .material-green-checkbox .mat-mdc-checkbox.mat-accent { --mat-checkbox-selected-checkmark-color: mat.m2-get-color-from-palette($foreground, text); --mat-checkbox-selected-focus-icon-color: #00cc00; --mat-checkbox-selected-hover-icon-color: #00cc00; --mat-checkbox-selected-icon-color: #00cc00; --mat-checkbox-selected-pressed-icon-color: #00cc00; } .dark-theme .material-grey-checkbox .mat-mdc-checkbox.mat-accent { --mat-checkbox-selected-checkmark-color: mat.m2-get-color-from-palette($foreground, text); --mat-checkbox-selected-focus-icon-color: #666; --mat-checkbox-selected-hover-icon-color: #666; --mat-checkbox-selected-icon-color: #666; --mat-checkbox-selected-pressed-icon-color: #666; } .dark-theme .ngx-file-drop__drop-zone { height: 98% !important; width: 98%; border: 2px dashed #595959 !important; border-radius: 4px !important; } .dark-theme .ngx-file-drop__content { height: 100% !important; width: 100%; color: white !important; } .dark-theme .mat-mdc-form-field.mat-focused .mat-mdc-form-field-required-marker { color: var(--palette-warn-500) !important; } @media only screen and (max-width: 1023.98px) { .dark-theme .mat-mdc-table .mat-mdc-cell { font-size: 12px; font-weight: 400; line-height: 20px; font-family: Open Sans Light; letter-spacing: normal; } } .dark-theme .mat-mdc-table .mat-mdc-header-cell { color: var(--palette-primary-500); } .dark-theme .mat-mdc-table tfoot.mat-mdc-table-sticky, .dark-theme .mat-mdc-table .mat-table-sticky.mat-mdc-table-sticky-border-elem-right { background: #595959; } .dark-theme .mat-mdc-table tfoot.mat-mdc-table-sticky .disabled-text, .dark-theme .mat-mdc-table .mat-table-sticky.mat-mdc-table-sticky-border-elem-right .disabled-text { color: #b8b8b8; } .dark-theme .mat-mdc-table .disabled-row { background: #595959; } .dark-theme .mat-mdc-table .disabled-row td { color: #b8b8b8; } .dark-theme .mat-mdc-table .highlighted { background: rgba(89, 89, 89, 0.5); } .dark-theme a.material-icons, .dark-theme i.material-icons, .dark-theme span.material-icons { color: var(--palette-primary-500); } .dark-theme .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: #898989; --mat-chip-with-icon-disabled-icon-color: #898989; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #898989; --mat-chip-flat-unselected-outline-width: 0; --mat-chip-flat-outline-width: 0; --mat-chip-outline-width: 0; } .dark-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-primary { --mat-chip-elevated-container-color: var(--palette-primary-500); --mat-chip-label-text-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500); } .dark-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-accent { --mat-chip-elevated-container-color: var(--palette-accent-500); --mat-chip-label-text-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500); } .dark-theme .mat-mdc-chip.mat-mdc-standard-chip.bg-alert-500, .dark-theme .mat-mdc-chip.mat-mdc-standard-chip.bg-warn-500, .dark-theme .mat-mdc-chip.mat-mdc-standard-chip.bg-success-500 { --mat-chip-label-text-color: var(--palette-warn-50); --mat-chip-with-icon-icon-color: var(--palette-warn-50); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-50); --mat-chip-with-icon-selected-icon-color: var(--palette-warn-50); } .dark-theme .usln-p-assistant-chapters-page, .dark-theme .usln-p-assistant-bubble, .dark-theme .usln-p-assistant-head, .dark-theme .usln-p-assistant-nav-bar, .dark-theme .fkIzDm { background-color: #363636 white; } .dark-theme .usln-p-assistant-chapters-page p, .dark-theme .usln-p-assistant-bubble p, .dark-theme .usln-p-assistant-head p, .dark-theme .usln-p-assistant-nav-bar p, .dark-theme .fkIzDm p { color: black; } .dark-theme .usln-p-assistant-head-texts { pointer-events: none !important; } .dark-theme span.userlane-svg-icon { font-size: 24px !important; color: #666 !important; } .dark-theme span.usln-icon { color: white !important; } .dark-theme span.userlane-svg-icon.usln-list-item-icon { color: white !important; } .dark-theme .usln-index { background-color: #666 !important; } .dark-theme .usln-index span { color: white !important; } .dark-theme gridster-item { border-radius: 4px !important; } .dark-theme sds-analysis-fleet-plant-filter mat-tab-header { background-color: #363636; } .light-theme { --mat-sys-background: white; --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mat-button-filled-container-shape: 4px; --mat-button-filled-horizontal-padding: 16px; --mat-button-filled-icon-offset: -4px; --mat-button-filled-icon-spacing: 8px; --mat-button-outlined-container-shape: 4px; --mat-button-outlined-horizontal-padding: 15px; --mat-button-outlined-icon-offset: -4px; --mat-button-outlined-icon-spacing: 8px; --mat-button-outlined-keep-touch-target: false; --mat-button-outlined-outline-width: 1px; --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-container-shape: 4px; --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-horizontal-padding: 16px; --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-icon-offset: -4px; --mat-button-protected-icon-spacing: 8px; --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-button-text-container-shape: 4px; --mat-button-text-horizontal-padding: 8px; --mat-button-text-icon-offset: 0; --mat-button-text-icon-spacing: 8px; --mat-button-text-with-icon-horizontal-padding: 8px; --mat-button-tonal-container-shape: 4px; --mat-button-tonal-horizontal-padding: 16px; --mat-button-tonal-icon-offset: -4px; --mat-button-tonal-icon-spacing: 8px; --mat-button-filled-container-color: white; --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.04; --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.04; --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-protected-container-color: white; --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-state-layer-opacity: 0.04; --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.04; --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-container-color: white; --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.04; --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-filled-container-height: 32px; --mat-button-filled-touch-target-display: block; --mat-button-outlined-container-height: 32px; --mat-button-outlined-touch-target-display: block; --mat-button-protected-container-height: 32px; --mat-button-protected-touch-target-display: block; --mat-button-text-container-height: 32px; --mat-button-text-touch-target-display: block; --mat-button-tonal-container-height: 32px; --mat-button-tonal-touch-target-display: block; --mat-button-filled-label-text-font: Open Sans Regular; --mat-button-filled-label-text-size: 14px; --mat-button-filled-label-text-tracking: normal; --mat-button-filled-label-text-transform: none; --mat-button-filled-label-text-weight: 400; --mat-button-outlined-label-text-font: Open Sans Regular; --mat-button-outlined-label-text-size: 14px; --mat-button-outlined-label-text-tracking: normal; --mat-button-outlined-label-text-transform: none; --mat-button-outlined-label-text-weight: 400; --mat-button-protected-label-text-font: Open Sans Regular; --mat-button-protected-label-text-size: 14px; --mat-button-protected-label-text-tracking: normal; --mat-button-protected-label-text-transform: none; --mat-button-protected-label-text-weight: 400; --mat-button-text-label-text-font: Open Sans Regular; --mat-button-text-label-text-size: 14px; --mat-button-text-label-text-tracking: normal; --mat-button-text-label-text-transform: none; --mat-button-text-label-text-weight: 400; --mat-button-tonal-label-text-font: Open Sans Regular; --mat-button-tonal-label-text-size: 14px; --mat-button-tonal-label-text-tracking: normal; --mat-button-tonal-label-text-transform: none; --mat-button-tonal-label-text-weight: 400; --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 50%; --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-icon-color: inherit; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87); --mat-icon-button-touch-target-display: block; --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-container-shape: 50%; --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-container-height: 48px; --mat-fab-extended-container-shape: 24px; --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-container-shape: 50%; --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-container-color: white; --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-container-color: white; --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87); --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87); --mat-fab-small-touch-target-display: block; --mat-fab-touch-target-display: block; --mat-fab-extended-label-text-font: Open Sans Regular; --mat-fab-extended-label-text-size: 14px; --mat-fab-extended-label-text-tracking: normal; --mat-fab-extended-label-text-weight: 400; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; --mat-bottom-sheet-container-text-font: Open Sans Regular; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; --mat-card-elevated-container-shape: 4px; --mat-card-outlined-container-shape: 4px; --mat-card-filled-container-shape: 4px; --mat-card-outlined-outline-width: 1px; --mat-card-elevated-container-color: white; --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-container-color: white; --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-filled-container-color: white; --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-title-text-font: Open Sans Regular; --mat-card-title-text-line-height: 24px; --mat-card-title-text-size: 18px; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 600; --mat-card-subtitle-text-font: Open Sans Regular; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: normal; --mat-card-subtitle-text-weight: 500; --mat-checkbox-disabled-selected-checkmark-color: white; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.04; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.04; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500); --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500); --mat-checkbox-selected-icon-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 36px; --mat-checkbox-label-text-font: Open Sans Regular; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: normal; --mat-checkbox-label-text-weight: 400; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-primary-500) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-contrast-500); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-500); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-primary-500) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-contrast-500); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-primary-500) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-500); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-text-font: Open Sans Regular; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 400; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 400; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; --mat-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mat-dialog-container-color: white; --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-dialog-subhead-font: Open Sans Regular; --mat-dialog-subhead-line-height: 24px; --mat-dialog-subhead-size: 18px; --mat-dialog-subhead-weight: 600; --mat-dialog-subhead-tracking: normal; --mat-dialog-supporting-text-font: Open Sans Regular; --mat-dialog-supporting-text-line-height: 24px; --mat-dialog-supporting-text-size: 14px; --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: normal; --mat-divider-width: 1px; --mat-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-collapsed-state-height: 44px; --mat-expansion-header-expanded-state-height: 60px; --mat-expansion-header-text-font: Open Sans Regular; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Open Sans Regular; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; --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-focus-select-arrow-color: color-mix(in srgb, var(--palette-primary-500) 87%, transparent); --mat-form-field-filled-caret-color: var(--palette-primary-500); --mat-form-field-filled-focus-active-indicator-color: var(--palette-primary-500); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500) 87%, transparent); --mat-form-field-outlined-caret-color: var(--palette-primary-500); --mat-form-field-outlined-focus-outline-color: var(--palette-primary-500); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500) 87%, transparent); --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: var(--palette-warn-500); --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.12; --mat-form-field-filled-container-color: #f6f6f6; --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-500); --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-500); --mat-form-field-filled-error-label-text-color: var(--palette-warn-500); --mat-form-field-filled-error-caret-color: var(--palette-warn-500); --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-500); --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-500); --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-500); --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-error-caret-color: var(--palette-warn-500); --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-500); --mat-form-field-outlined-error-label-text-color: var(--palette-warn-500); --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-500); --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-500); --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-500); --mat-form-field-outlined-error-outline-color: var(--palette-warn-500); --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-form-field-container-text-font: Open Sans Regular; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 14px; --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 14px; --mat-form-field-subscript-text-font: Open Sans Regular; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; --mat-form-field-filled-label-text-font: Open Sans Regular; --mat-form-field-filled-label-text-size: 14px; --mat-form-field-filled-label-text-tracking: normal; --mat-form-field-filled-label-text-weight: 400; --mat-form-field-outlined-label-text-font: Open Sans Regular; --mat-form-field-outlined-label-text-size: 14px; --mat-form-field-outlined-label-text-tracking: normal; --mat-form-field-outlined-label-text-weight: 400; --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; --mat-icon-color: inherit; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mat-list-list-item-container-shape: 0; --mat-list-list-item-leading-avatar-shape: 50%; --mat-list-list-item-container-color: transparent; --mat-list-list-item-selected-container-color: transparent; --mat-list-list-item-leading-avatar-color: transparent; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-state-layer-opacity: 0.04; --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-opacity: 0.12; --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --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-list-list-item-label-text-font: Open Sans Regular; --mat-list-list-item-label-text-line-height: 24px; --mat-list-list-item-label-text-size: 14px; --mat-list-list-item-label-text-tracking: normal; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: Open Sans Regular; --mat-list-list-item-supporting-text-line-height: 20px; --mat-list-list-item-supporting-text-size: 14px; --mat-list-list-item-supporting-text-tracking: normal; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: Open Sans Regular; --mat-list-list-item-trailing-supporting-text-line-height: 20px; --mat-list-list-item-trailing-supporting-text-size: 12px; --mat-list-list-item-trailing-supporting-text-tracking: normal; --mat-list-list-item-trailing-supporting-text-weight: 400; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); --mat-menu-item-label-text-font: Open Sans Regular; --mat-menu-item-label-text-size: 14px; --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; --mat-progress-bar-active-indicator-height: 4px; --mat-progress-bar-track-height: 4px; --mat-progress-bar-track-shape: 0; --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-size: 48px; --mat-progress-spinner-active-indicator-color: var(--palette-primary-500); --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-state-layer-size: 36px; --mat-radio-touch-target-display: block; --mat-radio-label-text-font: Open Sans Regular; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: normal; --mat-radio-label-text-weight: 400; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: var(--palette-primary-500); --mat-select-invalid-arrow-color: var(--palette-warn-500); --mat-select-arrow-transform: translateY(-8px); --mat-select-trigger-text-font: Open Sans Regular; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 14px; --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; --mat-slide-toggle-disabled-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38; --mat-slide-toggle-disabled-unselected-track-outline-color: transparent; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-handle-height: 20px; --mat-slide-toggle-handle-shape: 10px; --mat-slide-toggle-handle-width: 20px; --mat-slide-toggle-hidden-track-opacity: 1; --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-slide-toggle-pressed-handle-size: 20px; --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-handle-size: 20px; --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04; --mat-slide-toggle-selected-icon-size: 18px; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-selected-track-outline-width: 1px; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-track-height: 14px; --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-track-outline-width: 1px; --mat-slide-toggle-track-shape: 7px; --mat-slide-toggle-track-width: 36px; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-size: 20px; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-icon-size: 18px; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-slide-toggle-with-icon-handle-size: 20px; --mat-slide-toggle-selected-icon-color: var(--palette-primary-contrast-500); --mat-slide-toggle-disabled-selected-icon-color: var(--palette-primary-contrast-500); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-500); --mat-slide-toggle-selected-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-500); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-500); --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-500); --mat-slide-toggle-selected-focus-track-color: var(--palette-primary-300); --mat-slide-toggle-selected-hover-track-color: var(--palette-primary-300); --mat-slide-toggle-selected-pressed-track-color: var(--palette-primary-300); --mat-slide-toggle-selected-track-color: var(--palette-primary-300); --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6; --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-handle-surface-color: white; --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-handle-color: #424242; --mat-slide-toggle-unselected-focus-handle-color: #424242; --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-icon-color: #f6f6f6; --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54); --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-handle-color: #424242; --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-state-layer-size: 36px; --mat-slide-toggle-label-text-font: Open Sans Regular; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: normal; --mat-slide-toggle-label-text-weight: 400; --mat-slider-active-track-height: 6px; --mat-slider-active-track-shape: 9999px; --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-height: 20px; --mat-slider-handle-shape: 50%; --mat-slider-handle-width: 20px; --mat-slider-inactive-track-height: 4px; --mat-slider-inactive-track-shape: 9999px; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-container-transform: translateX(-50%); --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-width: auto; --mat-slider-with-overlap-handle-outline-width: 1px; --mat-slider-with-tick-marks-active-container-opacity: 0.6; --mat-slider-with-tick-marks-container-shape: 50%; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.6; --mat-slider-active-track-color: var(--palette-primary-500); --mat-slider-focus-handle-color: var(--palette-primary-500); --mat-slider-handle-color: var(--palette-primary-500); --mat-slider-hover-handle-color: var(--palette-primary-500); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-primary-500) 4%, transparent); --mat-slider-inactive-track-color: var(--palette-primary-500); --mat-slider-ripple-color: var(--palette-primary-500); --mat-slider-with-tick-marks-active-container-color: var(--palette-primary-contrast-500); --mat-slider-with-tick-marks-inactive-container-color: var(--palette-primary-500); --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87); --mat-slider-label-container-color: #424242; --mat-slider-label-label-text-color: white; --mat-slider-value-indicator-opacity: 1; --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87); --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87); --mat-slider-label-label-text-font: Open Sans Regular; --mat-slider-label-label-text-size: 14px; --mat-slider-label-label-text-line-height: 22px; --mat-slider-label-label-text-tracking: normal; --mat-slider-label-label-text-weight: 500; --mat-snack-bar-container-shape: 4px; --mat-snack-bar-container-color: #424242; --mat-snack-bar-supporting-text-color: white; --mat-snack-bar-button-color: var(--palette-primary-300); --mat-snack-bar-supporting-text-font: Open Sans Regular; --mat-snack-bar-supporting-text-line-height: 20px; --mat-snack-bar-supporting-text-size: 14px; --mat-snack-bar-supporting-text-weight: 400; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); --mat-table-header-container-height: 52px; --mat-table-footer-container-height: 48px; --mat-table-row-item-container-height: 48px; --mat-table-header-headline-font: Open Sans Regular; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: normal; --mat-table-row-item-label-text-font: Open Sans Regular; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: normal; --mat-table-footer-supporting-text-font: Open Sans Regular; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: normal; --mat-tab-container-height: 48px; --mat-tab-divider-color: transparent; --mat-tab-divider-height: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); --mat-tree-node-min-height: 44px; --mat-tree-node-text-font: Open Sans Regular; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-focus-state-layer-shape: 0; --mat-stepper-header-hover-state-layer-shape: 0; --mat-stepper-header-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-500); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-500); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-500); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-contrast-500); --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: var(--palette-warn-500); --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-500); --mat-stepper-header-error-state-icon-background-color: transparent; --mat-stepper-header-height: 68px; --mat-stepper-container-text-font: Open Sans Regular; --mat-stepper-header-label-text-font: Open Sans Regular; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-size: 14px; --mat-stepper-header-selected-state-label-text-weight: 400; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); --mat-toolbar-standard-height: 60px; --mat-toolbar-mobile-height: 52px; --mat-toolbar-title-text-font: Open Sans Regular; --mat-toolbar-title-text-line-height: 24px; --mat-toolbar-title-text-size: 18px; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 600; --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-line-height: 16px; --mat-tooltip-container-color: #424242; --mat-tooltip-supporting-text-color: white; --mat-tooltip-supporting-text-font: Open Sans Regular; --mat-tooltip-supporting-text-size: 12px; --mat-tooltip-supporting-text-weight: 400; --mat-tooltip-supporting-text-tracking: normal; --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.04; --mat-button-toggle-legacy-focus-state-layer-opacity: 1; --mat-button-toggle-legacy-height: 36px; --mat-button-toggle-legacy-shape: 2px; --mat-button-toggle-shape: 4px; --mat-button-toggle-background-color: white; --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-disabled-state-background-color: white; --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12); --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-disabled-state-background-color: white; --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-height: 44px; --mat-button-toggle-label-text-font: Open Sans Regular; --mat-button-toggle-label-text-line-height: 24px; --mat-button-toggle-label-text-size: 14px; --mat-button-toggle-label-text-tracking: normal; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: Open Sans Regular; --mat-button-toggle-legacy-label-text-line-height: 24px; --mat-button-toggle-legacy-label-text-size: 14px; --mat-button-toggle-legacy-label-text-tracking: normal; --mat-button-toggle-legacy-label-text-weight: 400; } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); } .light-theme .mat-mdc-button.mat-primary, .light-theme .mat-mdc-unelevated-button.mat-primary, .light-theme .mat-mdc-raised-button.mat-primary, .light-theme .mat-mdc-outlined-button.mat-primary, .light-theme .mat-tonal-button.mat-primary { --mat-button-filled-container-color: var(--palette-primary-500); --mat-button-filled-label-text-color: var(--palette-primary-contrast-500); --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-primary-contrast-500); --mat-button-outlined-label-text-color: var(--palette-primary-500); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-primary-500); --mat-button-protected-container-color: var(--palette-primary-500); --mat-button-protected-label-text-color: var(--palette-primary-contrast-500); --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-primary-contrast-500); --mat-button-text-label-text-color: var(--palette-primary-500); --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-primary-500); --mat-button-tonal-container-color: var(--palette-primary-500); --mat-button-tonal-label-text-color: var(--palette-primary-contrast-500); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-button.mat-accent, .light-theme .mat-mdc-unelevated-button.mat-accent, .light-theme .mat-mdc-raised-button.mat-accent, .light-theme .mat-mdc-outlined-button.mat-accent, .light-theme .mat-tonal-button.mat-accent { --mat-button-filled-container-color: var(--palette-accent-500); --mat-button-filled-label-text-color: var(--palette-accent-contrast-500); --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-accent-contrast-500); --mat-button-outlined-label-text-color: var(--palette-accent-500); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-accent-500); --mat-button-protected-container-color: var(--palette-accent-500); --mat-button-protected-label-text-color: var(--palette-accent-contrast-500); --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-accent-contrast-500); --mat-button-text-label-text-color: var(--palette-accent-500); --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-accent-500); --mat-button-tonal-container-color: var(--palette-accent-500); --mat-button-tonal-label-text-color: var(--palette-accent-contrast-500); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-accent-contrast-500); } .light-theme .mat-mdc-button.mat-warn, .light-theme .mat-mdc-unelevated-button.mat-warn, .light-theme .mat-mdc-raised-button.mat-warn, .light-theme .mat-mdc-outlined-button.mat-warn, .light-theme .mat-tonal-button.mat-warn { --mat-button-filled-container-color: var(--palette-warn-500); --mat-button-filled-label-text-color: var(--palette-warn-contrast-500); --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-warn-contrast-500); --mat-button-outlined-label-text-color: var(--palette-warn-500); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-warn-500); --mat-button-protected-container-color: var(--palette-warn-500); --mat-button-protected-label-text-color: var(--palette-warn-contrast-500); --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-warn-contrast-500); --mat-button-text-label-text-color: var(--palette-warn-500); --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-warn-500); --mat-button-tonal-container-color: var(--palette-warn-500); --mat-button-tonal-label-text-color: var(--palette-warn-contrast-500); --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-warn-contrast-500); } .light-theme .mat-mdc-icon-button.mat-primary { --mat-icon-button-icon-color: var(--palette-primary-500); --mat-icon-button-state-layer-color: var(--palette-primary-500); --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); } .light-theme .mat-mdc-icon-button.mat-accent { --mat-icon-button-icon-color: var(--palette-accent-500); --mat-icon-button-state-layer-color: var(--palette-accent-500); --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); } .light-theme .mat-mdc-icon-button.mat-warn { --mat-icon-button-icon-color: var(--palette-warn-500); --mat-icon-button-state-layer-color: var(--palette-warn-500); --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); } .light-theme .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 44px; --mat-icon-button-state-layer-size: 44px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 10px; } .light-theme .mat-mdc-fab.mat-primary, .light-theme .mat-mdc-mini-fab.mat-primary { --mat-fab-container-color: var(--palette-primary-500); --mat-fab-foreground-color: var(--palette-primary-contrast-500); --mat-fab-ripple-color: color-mix(in srgb, var(--palette-primary-500) 12%, transparent); --mat-fab-small-container-color: var(--palette-primary-500); --mat-fab-small-foreground-color: var(--palette-primary-contrast-500); --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-primary-contrast-500); --mat-fab-state-layer-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-fab.mat-accent, .light-theme .mat-mdc-mini-fab.mat-accent { --mat-fab-container-color: var(--palette-accent-500); --mat-fab-foreground-color: var(--palette-accent-contrast-500); --mat-fab-ripple-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-fab-small-container-color: var(--palette-accent-500); --mat-fab-small-foreground-color: var(--palette-accent-contrast-500); --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-accent-contrast-500); --mat-fab-state-layer-color: var(--palette-accent-contrast-500); } .light-theme .mat-mdc-fab.mat-warn, .light-theme .mat-mdc-mini-fab.mat-warn { --mat-fab-container-color: var(--palette-warn-500); --mat-fab-foreground-color: var(--palette-warn-contrast-500); --mat-fab-ripple-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-fab-small-container-color: var(--palette-warn-500); --mat-fab-small-foreground-color: var(--palette-warn-contrast-500); --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-warn-contrast-500); --mat-fab-state-layer-color: var(--palette-warn-contrast-500); } .light-theme .mat-mdc-checkbox.mat-primary { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500); --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500); --mat-checkbox-selected-icon-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-checkbox.mat-warn { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500); --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500); --mat-checkbox-selected-icon-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-standard-chip { --mat-chip-container-shape-radius: 16px; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-disabled-outline-color: transparent; --mat-chip-flat-selected-outline-width: 0; --mat-chip-focus-outline-color: transparent; --mat-chip-hover-state-layer-opacity: 0.04; --mat-chip-outline-color: transparent; --mat-chip-outline-width: 0; --mat-chip-selected-hover-state-layer-opacity: 0.04; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-with-avatar-avatar-shape-radius: 14px; --mat-chip-with-avatar-avatar-size: 28px; --mat-chip-with-avatar-disabled-avatar-opacity: 1; --mat-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-disabled-label-text-color: var(--palette-primary-contrast-500); --mat-chip-elevated-container-color: var(--palette-primary-500); --mat-chip-elevated-disabled-container-color: var(--palette-primary-500); --mat-chip-elevated-selected-container-color: var(--palette-primary-500); --mat-chip-flat-disabled-selected-container-color: var(--palette-primary-500); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: var(--palette-primary-contrast-500); --mat-chip-selected-disabled-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--palette-primary-contrast-500); --mat-chip-selected-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-disabled-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-disabled-label-text-color: var(--palette-accent-contrast-500); --mat-chip-elevated-container-color: var(--palette-accent-500); --mat-chip-elevated-disabled-container-color: var(--palette-accent-500); --mat-chip-elevated-selected-container-color: var(--palette-accent-500); --mat-chip-flat-disabled-selected-container-color: var(--palette-accent-500); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: var(--palette-accent-contrast-500); --mat-chip-selected-disabled-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--palette-accent-contrast-500); --mat-chip-selected-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-disabled-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500); } .light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-disabled-label-text-color: var(--palette-warn-contrast-500); --mat-chip-elevated-container-color: var(--palette-warn-500); --mat-chip-elevated-disabled-container-color: var(--palette-warn-500); --mat-chip-elevated-selected-container-color: var(--palette-warn-500); --mat-chip-flat-disabled-selected-container-color: var(--palette-warn-500); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: var(--palette-warn-contrast-500); --mat-chip-selected-disabled-trailing-icon-color: var(--palette-warn-contrast-500); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: var(--palette-warn-contrast-500); --mat-chip-selected-trailing-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-icon-disabled-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-warn-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-contrast-500); } .light-theme .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-height: 28px; } .light-theme .mat-mdc-standard-chip { --mat-chip-label-text-font: Open Sans Regular; --mat-chip-label-text-line-height: 20px; --mat-chip-label-text-size: 14px; --mat-chip-label-text-tracking: normal; --mat-chip-label-text-weight: 400; } .light-theme .mat-datepicker-content.mat-accent, .light-theme .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-contrast-500); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-accent-500) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-accent-500) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-datepicker-content.mat-warn, .light-theme .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-warn-500) 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500) 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-warn-500) 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-warn-500) 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .light-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; --mat-icon-button-state-layer-size: 40px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 8px; } .light-theme .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-accent-500) 87%, transparent); --mat-form-field-filled-caret-color: var(--palette-accent-500); --mat-form-field-filled-focus-active-indicator-color: var(--palette-accent-500); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-accent-500) 87%, transparent); --mat-form-field-outlined-caret-color: var(--palette-accent-500); --mat-form-field-outlined-focus-outline-color: var(--palette-accent-500); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-accent-500) 87%, transparent); } .light-theme .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-warn-500) 87%, transparent); --mat-form-field-filled-caret-color: var(--palette-warn-500); --mat-form-field-filled-focus-active-indicator-color: var(--palette-warn-500); --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-warn-500) 87%, transparent); --mat-form-field-outlined-caret-color: var(--palette-warn-500); --mat-form-field-outlined-focus-outline-color: var(--palette-warn-500); --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-warn-500) 87%, transparent); } .light-theme .mat-icon.mat-primary { --mat-icon-color: var(--palette-primary-500); } .light-theme .mat-icon.mat-accent { --mat-icon-color: var(--palette-accent-500); } .light-theme .mat-icon.mat-warn { --mat-icon-color: var(--palette-warn-500); } .light-theme .mdc-list-item__start, .light-theme .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--palette-primary-500); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--palette-primary-500); --mat-radio-selected-hover-icon-color: var(--palette-primary-500); --mat-radio-selected-icon-color: var(--palette-primary-500); --mat-radio-selected-pressed-icon-color: var(--palette-primary-500); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-accent .mdc-list-item__start, .light-theme .mat-accent .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--palette-accent-500); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--palette-accent-500); --mat-radio-selected-hover-icon-color: var(--palette-accent-500); --mat-radio-selected-icon-color: var(--palette-accent-500); --mat-radio-selected-pressed-icon-color: var(--palette-accent-500); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-warn .mdc-list-item__start, .light-theme .mat-warn .mdc-list-item__end { --mat-radio-checked-ripple-color: var(--palette-warn-500); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--palette-warn-500); --mat-radio-selected-hover-icon-color: var(--palette-warn-500); --mat-radio-selected-icon-color: var(--palette-warn-500); --mat-radio-selected-pressed-icon-color: var(--palette-warn-500); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-list-option { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500); --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500); --mat-checkbox-selected-icon-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-list-option.mat-accent { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500); --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500); --mat-checkbox-selected-icon-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-list-option.mat-warn { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500); --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500); --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500); --mat-checkbox-selected-icon-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500); --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500); --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: var(--palette-primary-500); } .light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .light-theme .mdc-list-item__start, .light-theme .mdc-list-item__end { --mat-radio-state-layer-size: 36px; --mat-radio-touch-target-display: block; } .light-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .light-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .light-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 52px; } .light-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .light-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .light-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 68px; } .light-theme .mdc-list-group__subheader { font: 600 16px / 24px Open Sans Regular; letter-spacing: normal; } .light-theme .mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: var(--palette-primary-500); --mat-progress-bar-track-color: var(--palette-primary-500); } .light-theme .mat-mdc-progress-bar.mat-accent { --mat-progress-bar-active-indicator-color: var(--palette-accent-500); --mat-progress-bar-track-color: var(--palette-accent-500); } .light-theme .mat-mdc-progress-bar.mat-warn { --mat-progress-bar-active-indicator-color: var(--palette-warn-500); --mat-progress-bar-track-color: var(--palette-warn-500); } .light-theme .mat-accent { --mat-progress-spinner-active-indicator-color: var(--palette-accent-500); } .light-theme .mat-warn { --mat-progress-spinner-active-indicator-color: var(--palette-warn-500); } .light-theme .mat-primary { --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-primary-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-primary-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .light-theme .mat-accent { --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .light-theme .mat-warn { --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-warn-500); --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-warn-500); --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .light-theme .mat-mdc-radio-button.mat-primary { --mat-radio-checked-ripple-color: var(--palette-primary-500); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--palette-primary-500); --mat-radio-selected-hover-icon-color: var(--palette-primary-500); --mat-radio-selected-icon-color: var(--palette-primary-500); --mat-radio-selected-pressed-icon-color: var(--palette-primary-500); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: var(--palette-accent-500); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--palette-accent-500); --mat-radio-selected-hover-icon-color: var(--palette-accent-500); --mat-radio-selected-icon-color: var(--palette-accent-500); --mat-radio-selected-pressed-icon-color: var(--palette-accent-500); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-radio-button.mat-warn { --mat-radio-checked-ripple-color: var(--palette-warn-500); --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: var(--palette-warn-500); --mat-radio-selected-hover-icon-color: var(--palette-warn-500); --mat-radio-selected-icon-color: var(--palette-warn-500); --mat-radio-selected-pressed-icon-color: var(--palette-warn-500); --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .light-theme .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: var(--palette-accent-500); --mat-select-invalid-arrow-color: var(--palette-warn-500); } .light-theme .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: var(--palette-warn-500); --mat-select-invalid-arrow-color: var(--palette-warn-500); } .light-theme .mat-mdc-slide-toggle.mat-accent { --mat-slide-toggle-selected-icon-color: var(--palette-accent-contrast-500); --mat-slide-toggle-disabled-selected-icon-color: var(--palette-accent-contrast-500); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-500); --mat-slide-toggle-selected-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-500); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-500); --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-500); --mat-slide-toggle-selected-focus-track-color: var(--palette-accent-300); --mat-slide-toggle-selected-hover-track-color: var(--palette-accent-300); --mat-slide-toggle-selected-pressed-track-color: var(--palette-accent-300); --mat-slide-toggle-selected-track-color: var(--palette-accent-300); } .light-theme .mat-mdc-slide-toggle.mat-warn { --mat-slide-toggle-selected-icon-color: var(--palette-warn-contrast-500); --mat-slide-toggle-disabled-selected-icon-color: var(--palette-warn-contrast-500); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-500); --mat-slide-toggle-selected-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-500); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-500); --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-500); --mat-slide-toggle-selected-focus-track-color: var(--palette-warn-300); --mat-slide-toggle-selected-hover-track-color: var(--palette-warn-300); --mat-slide-toggle-selected-pressed-track-color: var(--palette-warn-300); --mat-slide-toggle-selected-track-color: var(--palette-warn-300); } .light-theme .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: Open Sans Regular; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: normal; --mat-slide-toggle-label-text-weight: 400; } .light-theme .mat-accent { --mat-slider-active-track-color: var(--palette-accent-500); --mat-slider-focus-handle-color: var(--palette-accent-500); --mat-slider-handle-color: var(--palette-accent-500); --mat-slider-hover-handle-color: var(--palette-accent-500); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-accent-500) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-accent-500) 4%, transparent); --mat-slider-inactive-track-color: var(--palette-accent-500); --mat-slider-ripple-color: var(--palette-accent-500); --mat-slider-with-tick-marks-active-container-color: var(--palette-accent-contrast-500); --mat-slider-with-tick-marks-inactive-container-color: var(--palette-accent-500); } .light-theme .mat-warn { --mat-slider-active-track-color: var(--palette-warn-500); --mat-slider-focus-handle-color: var(--palette-warn-500); --mat-slider-handle-color: var(--palette-warn-500); --mat-slider-hover-handle-color: var(--palette-warn-500); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-warn-500) 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-warn-500) 4%, transparent); --mat-slider-inactive-track-color: var(--palette-warn-500); --mat-slider-ripple-color: var(--palette-warn-500); --mat-slider-with-tick-marks-active-container-color: var(--palette-warn-contrast-500); --mat-slider-with-tick-marks-inactive-container-color: var(--palette-warn-500); } .light-theme .mat-mdc-tab-group, .light-theme .mat-mdc-tab-nav-bar { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: var(--palette-primary-500); --mat-tab-active-ripple-color: var(--palette-primary-500); --mat-tab-inactive-ripple-color: var(--palette-primary-500); --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: var(--palette-primary-500); --mat-tab-active-hover-label-text-color: var(--palette-primary-500); --mat-tab-active-focus-indicator-color: var(--palette-primary-500); --mat-tab-active-hover-indicator-color: var(--palette-primary-500); --mat-tab-active-indicator-color: var(--palette-primary-500); } .light-theme .mat-mdc-tab-group.mat-accent, .light-theme .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: var(--palette-accent-500); --mat-tab-active-ripple-color: var(--palette-accent-500); --mat-tab-inactive-ripple-color: var(--palette-accent-500); --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: var(--palette-accent-500); --mat-tab-active-hover-label-text-color: var(--palette-accent-500); --mat-tab-active-focus-indicator-color: var(--palette-accent-500); --mat-tab-active-hover-indicator-color: var(--palette-accent-500); --mat-tab-active-indicator-color: var(--palette-accent-500); } .light-theme .mat-mdc-tab-group.mat-warn, .light-theme .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: var(--palette-warn-500); --mat-tab-active-ripple-color: var(--palette-warn-500); --mat-tab-inactive-ripple-color: var(--palette-warn-500); --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: var(--palette-warn-500); --mat-tab-active-hover-label-text-color: var(--palette-warn-500); --mat-tab-active-focus-indicator-color: var(--palette-warn-500); --mat-tab-active-hover-indicator-color: var(--palette-warn-500); --mat-tab-active-indicator-color: var(--palette-warn-500); } .light-theme .mat-mdc-tab-group.mat-background-primary, .light-theme .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-background-color: var(--palette-primary-500); --mat-tab-foreground-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-tab-group.mat-background-accent, .light-theme .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-background-color: var(--palette-accent-500); --mat-tab-foreground-color: var(--palette-accent-contrast-500); } .light-theme .mat-mdc-tab-group.mat-background-warn, .light-theme .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-background-color: var(--palette-warn-500); --mat-tab-foreground-color: var(--palette-warn-contrast-500); } .light-theme .mat-mdc-tab-header { --mat-tab-container-height: 44px; --mat-tab-label-text-font: Open Sans Regular; --mat-tab-label-text-size: 14px; --mat-tab-label-text-tracking: normal; --mat-tab-label-text-line-height: 36px; --mat-tab-label-text-weight: 400; } .light-theme .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: var(--palette-accent-contrast-500); --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-500); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-contrast-500); --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-500); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-contrast-500); --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-500); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-contrast-500); } .light-theme .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: var(--palette-warn-contrast-500); --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-500); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-contrast-500); --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-500); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-contrast-500); --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-500); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-contrast-500); } .light-theme .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: var(--palette-primary-500); --mat-toolbar-container-text-color: var(--palette-primary-contrast-500); } .light-theme .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: var(--palette-accent-500); --mat-toolbar-container-text-color: var(--palette-accent-contrast-500); } .light-theme .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: var(--palette-warn-500); --mat-toolbar-container-text-color: var(--palette-warn-contrast-500); } .light-theme .ag-theme-material { --ag-material-primary-color: var(--palette-primary-500); --ag-background-color: transparent; --ag-foreground-color: #0f0f0f; --ag-header-background-color: transparent; --ag-header-foreground-color: var(--palette-primary-500); --ag-border-color: #b8b8b8; --ag-cell-horizontal-padding: 8px; --ag-row-hover-color: rgba(230, 230, 230, 0.3); --ag-selected-row-background-color: var(--palette-accent-100); --ag-secondary-foreground-color: var(--palette-primary-500); --ag-checkbox-unchecked-color: #0f0f0f; --ag-checkbox-checked-color: var(--palette-primary-500); --ag-row-border-color: transparent; --ag-subheader-background-color: #eee; --ag-range-selection-border-color: var(--palette-primary-500); --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-disabled-foreground-color: rgba(15, 15, 15, 0.38); --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-modal-overlay-background-color: rgba(0, 0, 0, 0); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.271); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.3439); --ag-header-column-separator-color: rgba(184, 184, 184, 0.5); --ag-header-column-resize-handle-color: rgba(184, 184, 184, 0.5); } .light-theme .ag-popup-child { background-color: #fafafa; padding-right: 1px; } .light-theme .ag-popup-child .mat-mdc-card { background-color: #fafafa !important; } .light-theme .ag-header-cell-text { color: var(--palette-primary-500); } .light-theme .ag-row { border-bottom: 1px solid; border-color: #b8b8b8; } .light-theme .ag-row.inactive .ag-cell { color: #898989; } .light-theme .ag-row.inactive .ag-cell span { color: #898989; } .light-theme .ag-row.no-data-row { border: none; } .light-theme .ag-row.disabled { opacity: 0.4; } .light-theme .ag-row-hover { background-color: rgba(230, 230, 230, 0.3); } .light-theme .ag-row-hover .visible-on-row-hover { display: block; } .light-theme .ag-cell-inline-editing { height: 100% !important; background-color: rgba(230, 230, 230, 0.3) !important; } @media print, screen and (max-width: 1023.98px) { .light-theme .ag-theme-material .ag-header-cell { font-size: 14px; font-weight: 500; line-height: 22px; font-family: Open Sans Regular; letter-spacing: normal; } .light-theme .ag-theme-material .ag-cell:not(.ellipsis), .light-theme .ag-theme-material .ag-cell-wrapper, .light-theme .ag-theme-material span:not(.ag-icon, .ag-cell-wrapper *) { font-size: 12px; font-weight: 400; line-height: 20px; font-family: Open Sans Regular; letter-spacing: normal; } } @media print, screen and (min-width: 1024px) { .light-theme .ag-theme-material .ag-header-cell { font-size: 14px; font-weight: 500; line-height: 22px; font-family: Open Sans Regular; letter-spacing: normal; } .light-theme .ag-theme-material .ag-cell:not(.ellipsis), .light-theme .ag-theme-material .ag-cell-wrapper, .light-theme .ag-theme-material span:not(.ag-icon, .ag-cell-wrapper *) { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Open Sans Regular; letter-spacing: normal; } } .light-theme .visible-cell-borders .ag-header-cell, .light-theme .visible-cell-borders .ag-header-group-cell-with-group { border-right: 1px solid #b8b8b8 !important; } .light-theme .visible-cell-borders .ag-header-group-text { width: 100%; text-align: center; } .light-theme .visible-cell-borders .ag-cell-label-container, .light-theme .visible-cell-borders .ag-header-cell-text, .light-theme .visible-cell-borders .ag-cell { padding-left: 2px; } .light-theme .visible-cell-borders .last-group-cell { border-right: 1px solid #b8b8b8 !important; } .light-theme .visible-column-hover .ag-column-hover { background-color: rgba(230, 230, 230, 0.3); } .light-theme .ag-tooltip { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87) !important; background-color: white !important; font-size: 12px !important; border-radius: 4px !important; max-width: 250px; margin: 0 0 10px 0 !important; padding: 6px !important; transform: translateY(-100%); font: 400 14px/20px "Open Sans Light", "Open Sans" !important; letter-spacing: normal !important; } .light-theme h1, .light-theme h2, .light-theme h3, .light-theme h4 { color: var(--palette-primary-700); display: inline-block; } .light-theme h1 { font-size: 20px; font-weight: 700; line-height: 28px; font-family: Open Sans Regular; letter-spacing: normal; } .light-theme h2 { font-size: 18px; font-weight: 600; line-height: 24px; font-family: Open Sans Regular; letter-spacing: normal; } .light-theme h3 { font-size: 16px; font-weight: 600; line-height: 24px; font-family: Open Sans Regular; letter-spacing: normal; text-transform: uppercase; } .light-theme h4 { font-size: 14px; font-weight: 500; line-height: 22px; font-family: Open Sans Regular; letter-spacing: normal; text-transform: uppercase; } .light-theme a, .light-theme p, .light-theme span:not(.mat-mdc-icon, .material-icons, .ag-icon), .light-theme label, .light-theme text, .light-theme li, .light-theme pre, .light-theme .ag-theme-material { font-size: 14px; font-weight: 400; line-height: 24px; font-family: Open Sans Regular; letter-spacing: normal; } .light-theme sds-breadcrumbs a, .light-theme sds-breadcrumbs span { color: var(--palette-primary-500); } .light-theme.mat-typography { font-size: 14px; font-weight: 400; line-height: 20px; font-family: Open Sans Regular; letter-spacing: normal; color: rgba(0, 0, 0, 0.87); } .light-theme [class^=border], .light-theme [class*=border] { border-color: #b8b8b8; } .light-theme .light-border { border-color: #b8b8b8 !important; } .light-theme .border-radius { border-radius: 6px; } .light-theme .light-background { background: #b8b8b8; } .light-theme .background-color { background: #fafafa; } .light-theme .titleStyle, .light-theme .highcharts-title { color: var(--palette-primary-500); text-transform: uppercase; } .light-theme .country-selector-code { color: rgba(0, 0, 0, 0.87) !important; } .light-theme .country-list-button { color: rgba(0, 0, 0, 0.87) !important; } .light-theme .text-color { color: rgba(0, 0, 0, 0.87) !important; } .light-theme .disabled-text { color: #898989 !important; } .light-theme .dragable:hover { cursor: move; background-color: #b8b8b8; } .light-theme .tooltip-above { background: #b8b8b8; margin-bottom: 2px; } .light-theme .mat-mdc-menu-item:hover { background: #b8b8b8; } .light-theme .mat-mdc-menu-item:disabled { color: #898989; cursor: not-allowed; } .light-theme .mat-mdc-menu-item:disabled .mat-icon-no-color { color: #898989; } .light-theme .sds-tag { border-color: #b8b8b8 !important; background-color: transparent; padding: 2px 5px; border: 1px solid; margin-right: 5px; font-weight: 500 !important; font-size: 10px; text-transform: uppercase; color: rgba(0, 0, 0, 0.87); cursor: default; } .light-theme .sds-tag.active { background-color: var(--palette-primary-500); color: var(--palette-primary-contrast-500) !important; } .light-theme .mat-list-single-selected-option, .light-theme .mat-stroked-button-toggle-checked, .light-theme .ag-row-selected { color: var(--palette-primary-500) !important; background: #b8b8b8 !important; } .light-theme .leaflet-container { background: none !important; } .light-theme span.matSuffix.disabled { color: #898989; } .light-theme .chart-menu-tab-group .mat-mdc-tab-header { border-radius: 6px 6px 0 0; background: #fafafa; } .light-theme .selectedRow { background-color: #e6e6e6; } .light-theme .highlighted { background: rgba(230, 230, 230, 0.8); } .light-theme .primary-color.highcharts-series { color: var(--palette-primary-500) !important; fill: var(--palette-primary-500) !important; stroke: var(--palette-primary-500) !important; } .light-theme .highcharts-container { position: relative; overflow: hidden; width: 100%; height: 100%; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Open Sans Regular; -webkit-user-select: none; user-select: none; } .light-theme .highcharts-root { display: block; } .light-theme .highcharts-root text { stroke-width: 0; } .light-theme .highcharts-strong { font-weight: bold; } .light-theme .highcharts-emphasized { font-style: italic; } .light-theme .highcharts-anchor { cursor: pointer; } .light-theme .highcharts-plot-border, .light-theme .highcharts-plot-background { fill: none; } .light-theme .highcharts-label-box.highcharts-no-data-box { fill: none; } .light-theme .highcharts-button-box { fill: inherit; } .light-theme .highcharts-tracker-line { stroke-linejoin: round; stroke: rgba(192, 192, 192, 0.0001); stroke-width: 22; fill: none; } .light-theme .highcharts-title { fill: var(--palette-primary-500) !important; white-space: nowrap; } .light-theme .highcharts-subtitle { color: var(--palette-accent-500) !important; fill: var(--palette-accent-500) !important; font-size: 0.8rem; } .light-theme .highcharts-caption { color: var(--palette-primary-500) !important; fill: var(--palette-primary-500) !important; font-size: 0.6rem; } .light-theme .highcharts-axis-line { fill: none; stroke: #ccd6eb; } .light-theme .highcharts-yaxis .highcharts-axis-line { stroke-width: 0px; } .light-theme .highcharts-axis-title { fill: rgba(0, 0, 0, 0.87); } .light-theme .highcharts-axis-labels { fill: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); cursor: default; font-size: 12px !important; } .light-theme .highcharts-axis-labels span { font-size: 12px !important; color: rgba(0, 0, 0, 0.87) !important; font-family: Open Sans Regular !important; } .light-theme .highcharts-axis-labels tspan { font-size: 12px !important; } .light-theme .highcharts-axis-labels text { font-size: 12px !important; } .light-theme .highcharts-grid-line { fill: none; stroke: #b8b8b8; stroke-width: 1px; } .light-theme .highcharts-yaxis-grid .highcharts-grid-line { stroke-width: 0.5px; } .light-theme .highcharts-grid-line-invisible .highcharts-grid-line { stroke-width: 0 !important; } .light-theme .highcharts-xaxis-grid .highcharts-grid-line { stroke-width: 0px; } .light-theme .highcharts-tick { stroke: rgba(0, 0, 0, 0.87); } .light-theme .highcharts-yaxis .highcharts-tick { stroke-width: 0; } .light-theme .highcharts-minor-grid-line { stroke: #f2f2f2; } .light-theme .highcharts-crosshair-thin { stroke-width: 1px; stroke: #cccccc; } .light-theme .highcharts-crosshair-category { stroke: #ccd6eb; stroke-opacity: 0.25; } .light-theme .highcharts-credits { cursor: pointer; fill: #999999; font-size: 0.7em; transition: fill 250ms, font-size 250ms; } .light-theme .highcharts-credits:hover { fill: black; font-size: 14px; } .light-theme .highcharts-tooltip { cursor: default; pointer-events: none; white-space: normal; transition: stroke 150ms; background: transparent; } .light-theme .highcharts-tooltip span { background: transparent; fill: #0f0f0f; color: #0f0f0f; font-family: Open Sans Regular !important; } .light-theme .highcharts-tooltip table { background: #fafafa; border: 1px solid #b8b8b8; color: #0f0f0f; fill: #0f0f0f; } .light-theme .floating-tooltip { margin-left: 20px !important; margin-right: 20px !important; } .light-theme .highcharts-tooltip .highcharts-header { color: var(--palette-primary-500); fill: var(--palette-primary-500); font-size: 0.85em; } .light-theme .highcharts-tooltip-box { stroke-width: 0px; fill: transparent; fill-opacity: 1; z-index: 999 !important; } .light-theme .highcharts-tooltip-box .highcharts-label-box { fill: transparent; fill-opacity: 1; } .light-theme .tooltip-with-border { fill: #fafafa !important; } .light-theme .tooltip-with-border .tooltip-with-border-box { stroke-width: 1px; } .light-theme .highcharts-label { color: #0f0f0f; fill: #0f0f0f; } .light-theme div.highcharts-tooltip { filter: none; } .light-theme .highcharts-selection-marker { fill: #335cad; fill-opacity: 0.25; } .light-theme .highcharts-graph { fill: none; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } .light-theme .highcharts-empty-series { stroke-width: 1px; fill: none; stroke: #cccccc; } .light-theme .highcharts-state-hover .highcharts-graph { stroke-width: 3; } .light-theme .highcharts-point-inactive { opacity: 0.2; transition: opacity 50ms; } .light-theme .highcharts-series-inactive { opacity: 0.3; transition: opacity 100ms; } .light-theme .highcharts-state-hover path { transition: stroke-width 50ms; } .light-theme .highcharts-state-normal path { transition: stroke-width 250ms; } .light-theme .highcharts-dashed { stroke-dasharray: 1, 5; } .light-theme .highcharts-color--1 { text-align: inherit; } .light-theme .highcharts-area { fill-opacity: 0.75; stroke-width: 0; } .light-theme .highcharts-markers { stroke-width: 1px; stroke: #ffffff; } .light-theme .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible), .light-theme .highcharts-a11y-marker-hidden { opacity: 0; } .light-theme .highcharts-point { stroke-width: 1px; } .light-theme .highcharts-dense-data .highcharts-point { stroke-width: 0; } .light-theme .highcharts-data-label { font-size: 14px; font-weight: bold; } .light-theme .highcharts-data-label-box { fill: none !important; stroke-width: 0; } .light-theme .highcharts-data-label text, .light-theme text.highcharts-data-label { fill: var(--palette-primary-500); } .light-theme .highcharts-data-label-connector { fill: none; } .light-theme .highcharts-data-label-hidden { pointer-events: none; } .light-theme .highcharts-halo { fill-opacity: 0.25; stroke-width: 0; } .light-theme .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select, .light-theme .highcharts-markers .highcharts-point-select { fill: #cccccc; stroke: #000000; } .light-theme .highcharts-column-series .highcharts-point { transition: fill-opacity 250ms; } .light-theme .highcharts-column-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .light-theme .highcharts-pie-series .highcharts-point { stroke-linejoin: round; stroke: #ffffff; } .light-theme .highcharts-pie-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .light-theme .highcharts-funnel-series .highcharts-point { stroke-linejoin: round; stroke: #ffffff; } .light-theme .highcharts-funnel-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .light-theme .highcharts-funnel-series .highcharts-point-select { fill: inherit; stroke: inherit; } .light-theme .highcharts-pyramid-series .highcharts-point { stroke-linejoin: round; stroke: #ffffff; } .light-theme .highcharts-pyramid-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .light-theme .highcharts-pyramid-series .highcharts-point-select { fill: inherit; stroke: inherit; } .light-theme .highcharts-solidgauge-series .highcharts-point { stroke-width: 0; } .light-theme .highcharts-treemap-series .highcharts-point { stroke-width: 1px; stroke: #e6e6e6; transition: stroke 250ms, fill 250ms, fill-opacity 250ms; } .light-theme .highcharts-treemap-series .highcharts-point-hover { stroke: #999999; transition: stroke 25ms, fill 25ms, fill-opacity 25ms; } .light-theme .highcharts-treemap-series .highcharts-above-level { display: none; } .light-theme .highcharts-treemap-series .highcharts-internal-node { fill: none; } .light-theme .highcharts-treemap-series .highcharts-internal-node-interactive { fill-opacity: 0.15; cursor: pointer; } .light-theme .highcharts-treemap-series .highcharts-internal-node-interactive:hover { fill-opacity: 0.75; } .light-theme .highcharts-vector-series .highcharts-point { fill: none; stroke-width: 2px; } .light-theme .highcharts-windbarb-series .highcharts-point { fill: none; stroke-width: 2px; } .light-theme .highcharts-lollipop-stem { stroke: #000000; } .light-theme .highcharts-focus-border { fill: none; stroke-width: 2px; } .light-theme .highcharts-legend-item-hidden .highcharts-focus-border { fill: none !important; } .light-theme .highcharts-legend-box { fill: none; stroke-width: 0; } .light-theme .highcharts-legend-item span { top: 0 !important; } .light-theme .highcharts-legend-item > text { fill: var(--palette-primary-500); font-weight: bold; font-size: 14px; cursor: pointer; stroke-width: 0; } .light-theme .highcharts-legend-item:hover text { fill: var(--palette-primary-500); } .light-theme .highcharts-legend-item-hidden * { fill: #cccccc !important; stroke: #cccccc !important; transition: fill 250ms; } .light-theme .highcharts-legend-nav-active { fill: #003399; cursor: pointer; } .light-theme .highcharts-legend-nav-inactive { fill: #cccccc; } .light-theme circle.highcharts-legend-nav-active, .light-theme circle.highcharts-legend-nav-inactive { fill: rgba(192, 192, 192, 0.0001); } .light-theme .highcharts-legend-title span { width: 180px; white-space: normal !important; top: auto !important; bottom: 20px; text-transform: capitalize; } .light-theme .highcharts-legend-title-box { fill: none; stroke-width: 0; } .light-theme .highcharts-bubble-legend-symbol { stroke-width: 2; fill-opacity: 0.5; } .light-theme .highcharts-bubble-legend-connectors { stroke-width: 1; } .light-theme .highcharts-bubble-legend-labels { fill: #333333; } .light-theme .highcharts-loading { position: absolute; background-color: #ffffff; opacity: 0.5; text-align: center; z-index: 10; transition: opacity 250ms; } .light-theme .highcharts-loading-hidden { height: 0 !important; opacity: 0; overflow: hidden; transition: opacity 250ms, height 250ms step-end; } .light-theme .highcharts-loading-inner { font-weight: bold; position: relative; top: 45%; } .light-theme .highcharts-plot-band.plot-band-highlight-error-timeframe { fill: rgba(249, 79, 89, 0.75); fill-opacity: 1; } .light-theme .highcharts-plot-band.plot-band-highlight-monitoring-timeframe { fill: rgba(184, 184, 184, 0.4); fill-opacity: 1; } .light-theme .highcharts-plot-band.plot-band-highlight-analysis-pm-reg { fill: rgb(47, 89, 226); fill-opacity: 0.2; stroke: rgb(47, 89, 226); } .light-theme .highcharts-plot-band-label { fill: rgba(0, 0, 0, 0.87); stroke: rgba(0, 0, 0, 0.87); } .light-theme .highcharts-plot-band-label .hide-in-plot-label { display: none; } .light-theme .highcharts-plot-band-label .show-in-plot-label { display: inline !important; } .light-theme .highcharts-plot-line { stroke: #999999; stroke-width: 1px; } .light-theme .highcharts-plot-line-0 { stroke-width: 2px !important; } .light-theme .highcharts-boxplot-box { fill: #ffffff; } .light-theme .highcharts-boxplot-median { stroke-width: 2px; } .light-theme .highcharts-bubble-series .highcharts-point { fill-opacity: 0.5; } .light-theme .highcharts-errorbar-series .highcharts-point { stroke: #000000; } .light-theme .highcharts-gauge-series .highcharts-data-label-box { stroke: #cccccc; stroke-width: 1px; } .light-theme .highcharts-gauge-series .highcharts-dial { fill: #000000; stroke-width: 0; } .light-theme .highcharts-polygon-series .highcharts-graph { fill: inherit; stroke-width: 0; } .light-theme .highcharts-waterfall-series .highcharts-graph { stroke: #333333; stroke-dasharray: 1, 3; } .light-theme .highcharts-sankey-series .highcharts-point { stroke-width: 0; } .light-theme .highcharts-sankey-series .highcharts-link { transition: fill 250ms, fill-opacity 250ms; fill-opacity: 0.5; } .light-theme .highcharts-sankey-series .highcharts-point-hover.highcharts-link { transition: fill 50ms, fill-opacity 50ms; fill-opacity: 1; } .light-theme .highcharts-venn-series .highcharts-point { fill-opacity: 0.75; stroke: #cccccc; transition: stroke 250ms, fill-opacity 250ms; } .light-theme .highcharts-venn-series .highcharts-point-hover { fill-opacity: 1; stroke: #cccccc; } .light-theme .highcharts-navigator-mask-outside { fill-opacity: 0; } .light-theme .highcharts-navigator-mask-inside { fill: #6685c2; fill-opacity: 0.25; cursor: ew-resize; } .light-theme .highcharts-navigator-outline { stroke: #cccccc; fill: none; } .light-theme .highcharts-navigator-handle { stroke: #cccccc; fill: #f2f2f2; cursor: ew-resize; } .light-theme .highcharts-navigator-series { fill: #335cad; stroke: #335cad; } .light-theme .highcharts-navigator-series .highcharts-graph { stroke-width: 1px; } .light-theme .highcharts-navigator-series .highcharts-area { fill-opacity: 0.05; } .light-theme .highcharts-navigator-xaxis .highcharts-axis-line { stroke-width: 0; } .light-theme .highcharts-navigator-xaxis .highcharts-grid-line { stroke-width: 1px; stroke: #e6e6e6; } .light-theme .highcharts-navigator-xaxis.highcharts-axis-labels { fill: #999999; } .light-theme .highcharts-navigator-yaxis .highcharts-grid-line { stroke-width: 0; } .light-theme .highcharts-scrollbar-thumb { fill: #cccccc; stroke: #cccccc; stroke-width: 1px; } .light-theme .highcharts-scrollbar-button { fill: #e6e6e6; stroke: #cccccc; stroke-width: 1px; } .light-theme .highcharts-scrollbar-arrow { fill: #666666; } .light-theme .highcharts-scrollbar-rifles { stroke: #666666; stroke-width: 1px; } .light-theme .highcharts-scrollbar-track { fill: #f2f2f2; stroke: #f2f2f2; stroke-width: 1px; } .light-theme .highcharts-button { fill: #f7f7f7; stroke: #cccccc; cursor: default; stroke-width: 1px; transition: fill 250ms; } .light-theme .highcharts-button text { fill: #333333; } .light-theme .highcharts-button-hover { transition: fill 0ms; fill: #e6e6e6; stroke: #cccccc; } .light-theme .highcharts-button-hover text { fill: #333333; } .light-theme .highcharts-button-pressed { font-weight: bold; fill: #e6ebf5; stroke: #cccccc; } .light-theme .highcharts-button-pressed text { fill: #333333; font-weight: bold; } .light-theme .highcharts-button-disabled text { fill: #333333; } .light-theme .highcharts-range-selector-buttons .highcharts-button { stroke-width: 0px; } .light-theme .highcharts-range-label rect { fill: none; } .light-theme .highcharts-range-label text { fill: #666666; } .light-theme .highcharts-range-input rect { fill: none; } .light-theme .highcharts-range-input text { fill: #333333; } .light-theme .highcharts-range-input { stroke-width: 1px; stroke: #cccccc; } .light-theme input.highcharts-range-selector { position: absolute; border: 0; width: 1px; height: 1px; padding: 0; text-align: center; left: -9em; } .light-theme .highcharts-crosshair-label text { fill: #ffffff; font-size: 1.1em; } .light-theme .highcharts-crosshair-label .highcharts-label-box { fill: black; } .light-theme .highcharts-candlestick-series .highcharts-point { stroke: #000000; stroke-width: 1px; } .light-theme .highcharts-candlestick-series .highcharts-point-up { fill: #ffffff; } .light-theme .highcharts-ohlc-series .highcharts-point-hover { stroke-width: 3px; } .light-theme .highcharts-flags-series .highcharts-point .highcharts-label-box { stroke: #999999; fill: #ffffff; transition: fill 250ms; } .light-theme .highcharts-flags-series .highcharts-point-hover .highcharts-label-box { stroke: #000000; fill: #ccd6eb; } .light-theme .highcharts-flags-series .highcharts-point text { fill: #000000; font-size: 0.9em; font-weight: bold; } .light-theme .highcharts-map-series .highcharts-point { transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms; stroke: #cccccc; } .light-theme .highcharts-map-series .highcharts-point-hover { transition: fill 0ms, fill-opacity 0ms; fill-opacity: 0.5; stroke-width: 2px; } .light-theme .highcharts-mapline-series .highcharts-point { fill: none; } .light-theme .highcharts-heatmap-series .highcharts-point { stroke-width: 0; } .light-theme .highcharts-map-navigation { font-size: 1.3em; font-weight: bold; text-align: center; } .light-theme .highcharts-coloraxis { stroke-width: 0; } .light-theme .highcharts-coloraxis-marker { fill: #999999; } .light-theme .highcharts-null-point { fill: #f7f7f7; } .light-theme .highcharts-3d-frame { fill: transparent; } .light-theme .highcharts-contextbutton { fill: #ffffff; stroke: none; stroke-linecap: round; } .light-theme .highcharts-contextbutton:hover { fill: #e6e6e6; stroke: #e6e6e6; } .light-theme .highcharts-button-symbol { stroke: #666666; stroke-width: 3px; } .light-theme .highcharts-menu { border: 1px solid #999999; background: #ffffff; padding: 5px 0; box-shadow: 3px 3px 10px #888; } .light-theme .highcharts-menu-item { padding: 0.5em 1em; background: none; color: #333333; cursor: pointer; transition: background 250ms, color 250ms; } .light-theme .highcharts-menu-item:hover { background: #335cad; color: #ffffff; } .light-theme .highcharts-drilldown-point { cursor: pointer; } .light-theme .highcharts-drilldown-data-label text, .light-theme text.highcharts-drilldown-data-label, .light-theme .highcharts-drilldown-axis-label { cursor: pointer; fill: #003399; font-weight: bold; text-decoration: underline; } .light-theme .highcharts-no-data text { font-size: 12px; fill: rgba(0, 0, 0, 0.87); } .light-theme .highcharts-axis-resizer { cursor: ns-resize; stroke: black; stroke-width: 2px; } .light-theme .highcharts-bullet-target { stroke-width: 0; } .light-theme .highcharts-lineargauge-target { stroke-width: 1px; stroke: #333333; } .light-theme .highcharts-lineargauge-target-line { stroke-width: 1px; stroke: #333333; } .light-theme .highcharts-annotation-label-box { stroke-width: 1px; stroke: #000000; fill: #000000; fill-opacity: 0.75; } .light-theme .highcharts-annotation-label text { fill: #e6e6e6; } .light-theme .highcharts-treegrid-node-collapsed, .light-theme .highcharts-treegrid-node-expanded { cursor: pointer; } .light-theme .highcharts-point-connecting-path { fill: none; } .light-theme .highcharts-grid-axis .highcharts-tick { stroke-width: 1px; } .light-theme .highcharts-grid-axis .highcharts-axis-line { stroke-width: 1px; } .light-theme .highcharts-tooltip-scrollable-tbody { display: block; height: 100%; overflow: auto; padding: 5px; } .light-theme .highcharts-tooltip-table td, .light-theme .highcharts-tooltip-table td { padding: 2px 4px; } .light-theme .highcharts-tooltip-table-outside { padding-left: 5px; padding-right: 15px !important; z-index: 111; } .light-theme .highcharts-tooltip-scrollable-table { height: 95%; width: 100%; table-layout: fixed; } .light-theme .mat-drawer-container { --mat-sidenav-content-background-color: map.get($theme, background); } .light-theme .mat-sidenav { background-color: #fafafa; } .light-theme .mat-sidenav .mat-expansion-panel { background: none !important; } .light-theme .mat-sidenav .mat-expansion-panel-header { font-size: 1rem !important; } .light-theme .mat-sidenav .mat-expansion-panel-header-description, .light-theme .mat-sidenav .mat-expansion-indicator:after { color: #0f0f0f !important; border-color: #0f0f0f !important; } .light-theme .subRouteActive { color: var(--palette-primary-700); } .light-theme .mat-nav-list .mat-expansion-panel-header:hover { background: rgba(184, 184, 184, 0.25); } .light-theme .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; } .light-theme mat-card { background-color: #fafafa !important; border-radius: 6px !important; } .light-theme mat-card .mat-mdc-card-title, .light-theme mat-card .mat-mdc-card-title span, .light-theme mat-card .mat-mdc-card-title label { color: var(--palette-primary-500) !important; font-size: 14px; font-weight: 400; line-height: 24px; font-family: Open Sans Regular; letter-spacing: normal; } .light-theme .slideshow-active-tab { color: var(--palette-primary-500) !important; background-color: hsl(0, 0%, 103.0392156863%); } .light-theme ngx-skeleton-loader .skeleton-loader { background-color: rgb(237.25, 237.25, 237.25); } .light-theme mat-list-item { --mat-list-list-item-leading-icon-color: var(--mat-icon-color); } .light-theme .mat-mdc-list-item.active { color: var(--palette-primary-500) !important; background: rgba(184, 184, 184, 0.5) !important; } .light-theme .mat-mdc-list-item:hover { background: rgba(184, 184, 184, 0.25) !important; } .light-theme .mat-mdc-list-item.selected { background: #b8b8b8 !important; } .light-theme mat-toolbar { background-color: #fafafa !important; } .light-theme .sds-logo { --sds-logo-url: url("./media/sds_logo.svg"); background: var(--sds-logo-url) no-repeat; background-position: center; margin: auto; } .light-theme div ::-webkit-scrollbar { width: 8px; height: 8px; } .light-theme div ::-webkit-scrollbar-button { display: none; } .light-theme div ::-webkit-scrollbar-thumb { background: rgb(196.75, 196.75, 196.75); border-radius: 50px; } .light-theme div ::-webkit-scrollbar-track { border-radius: 50px; } .light-theme div ::-webkit-scrollbar-corner { background: transparent; } .light-theme div .scrollbar-thumb { background: rgb(196.75, 196.75, 196.75); } .light-theme .mat-mdc-dialog-container { --mat-dialog-subhead-color: var(--palette-primary-500); } .light-theme .mat-datepicker-content { border-radius: 6px !important; } .light-theme .mat-mdc-menu-panel { border-radius: 6px !important; } .light-theme .mat-mdc-dialog-title { text-transform: uppercase !important; } .light-theme .leaflet-container a { color: rgba(0, 0, 0, 0.87); background-color: #fafafa; } .light-theme .leaflet-container .leaflet-control-attribution { color: rgba(0, 0, 0, 0.87); background-color: #fafafa; } .light-theme .leaflet-container .leaflet-bar a.leaflet-disabled { background: #fafafa; } .light-theme .leaflet-container .leaflet-popup-content-wrapper, .light-theme .leaflet-container .leaflet-popup-tip { color: rgba(0, 0, 0, 0.87); background-color: #fafafa; } .light-theme .mat-step-header .mat-step-icon:not(.mat-step-icon-selected) { color: rgba(0, 0, 0, 0.87); } .light-theme .mat-step-header:hover { background-color: transparent; } .light-theme .mat-step-header.cdk-focused { background-color: transparent; } .light-theme .health-color-ok { background-color: #00cc00 !important; color: beige !important; } .light-theme .health-color-warning { background-color: #ffe400 !important; color: #0a0a23 !important; } .light-theme .health-color-alert { background-color: #e1ac07 !important; color: #0a0a23 !important; } .light-theme .health-color-critical { background-color: #ff4d4d !important; color: #0a0a23 !important; } .light-theme .health-color-config_not_sent { background-color: #666 !important; color: beige !important; } .light-theme .mat-mdc-mini-fab.mat-primary:not(:disabled), .light-theme .mat-mdc-fab.mat-primary:not(:disabled) { --mat-fab-small-foreground-color: var(--palette-primary-contrast-500); --mat-icon-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-mini-fab.mat-accent:not(:disabled), .light-theme .mat-mdc-fab.mat-accent:not(:disabled) { --mat-fab-small-foreground-color: var(--palette-accent-contrast-500); --mat-icon-color: var(--palette-accent-contrast-500); } .light-theme .mat-mdc-mini-fab[disabled] { --mat-icon-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-outlined-button:not(:disabled).mat-primary { --mat-button-outlined-outline-color: var(--palette-primary-500); background-color: var(--palette-primary-500); color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-outlined-button:not(:disabled).mat-accent { --mat-button-outlined-outline-color: var(--palette-accent-500); background-color: var(--palette-accent-500); color: var(--palette-accent-contrast-500); } .light-theme .mat-calendar-body-label { padding-bottom: 0 !important; padding-top: 0 !important; } .light-theme .material-red-checkbox .mat-mdc-checkbox.mat-accent { --mat-checkbox-selected-checkmark-color: mat.m2-get-color-from-palette($foreground, text); --mat-checkbox-selected-focus-icon-color: #ff4d4d; --mat-checkbox-selected-hover-icon-color: #ff4d4d; --mat-checkbox-selected-icon-color: #ff4d4d; --mat-checkbox-selected-pressed-icon-color: #ff4d4d; } .light-theme .material-green-checkbox .mat-mdc-checkbox.mat-accent { --mat-checkbox-selected-checkmark-color: mat.m2-get-color-from-palette($foreground, text); --mat-checkbox-selected-focus-icon-color: #00cc00; --mat-checkbox-selected-hover-icon-color: #00cc00; --mat-checkbox-selected-icon-color: #00cc00; --mat-checkbox-selected-pressed-icon-color: #00cc00; } .light-theme .material-grey-checkbox .mat-mdc-checkbox.mat-accent { --mat-checkbox-selected-checkmark-color: mat.m2-get-color-from-palette($foreground, text); --mat-checkbox-selected-focus-icon-color: #666; --mat-checkbox-selected-hover-icon-color: #666; --mat-checkbox-selected-icon-color: #666; --mat-checkbox-selected-pressed-icon-color: #666; } .light-theme .ngx-file-drop__drop-zone { height: 98% !important; width: 98%; border: 2px dashed #b8b8b8 !important; border-radius: 6px !important; } .light-theme .ngx-file-drop__content { height: 100% !important; width: 100%; color: rgba(0, 0, 0, 0.87) !important; } .light-theme .mat-mdc-form-field.mat-focused .mat-mdc-form-field-required-marker { color: var(--palette-warn-500) !important; } @media only screen and (max-width: 1023.98px) { .light-theme .mat-mdc-table .mat-mdc-cell { font-size: 12px; font-weight: 400; line-height: 20px; font-family: Open Sans Regular; letter-spacing: normal; } } .light-theme .mat-mdc-table .mat-mdc-header-cell { color: var(--palette-primary-500); } .light-theme .mat-mdc-table tfoot.mat-mdc-table-sticky, .light-theme .mat-mdc-table .mat-table-sticky.mat-mdc-table-sticky-border-elem-right { background: #e6e6e6; } .light-theme .mat-mdc-table tfoot.mat-mdc-table-sticky .disabled-text, .light-theme .mat-mdc-table .mat-table-sticky.mat-mdc-table-sticky-border-elem-right .disabled-text { color: #898989; } .light-theme .mat-mdc-table .disabled-row { background: #e6e6e6; } .light-theme .mat-mdc-table .disabled-row td { color: #898989; } .light-theme .mat-mdc-table .highlighted { background: rgba(184, 184, 184, 0.25); } .light-theme a.material-icons, .light-theme i.material-icons, .light-theme span.material-icons { color: var(--palette-primary-500); } .light-theme .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: #898989; --mat-chip-with-icon-disabled-icon-color: #898989; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #898989; --mat-chip-flat-unselected-outline-width: 0; --mat-chip-flat-outline-width: 0; --mat-chip-outline-width: 0; } .light-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-primary { --mat-chip-elevated-container-color: var(--palette-primary-500); --mat-chip-label-text-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500); } .light-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-accent { --mat-chip-elevated-container-color: var(--palette-accent-500); --mat-chip-label-text-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500); --mat-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500); } .light-theme .mat-mdc-chip.mat-mdc-standard-chip.bg-alert-500, .light-theme .mat-mdc-chip.mat-mdc-standard-chip.bg-warn-500, .light-theme .mat-mdc-chip.mat-mdc-standard-chip.bg-success-500 { --mat-chip-label-text-color: var(--palette-warn-50); --mat-chip-with-icon-icon-color: var(--palette-warn-50); --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-50); --mat-chip-with-icon-selected-icon-color: var(--palette-warn-50); } .light-theme .usln-p-assistant-chapters-page, .light-theme .usln-p-assistant-bubble, .light-theme .usln-p-assistant-head, .light-theme .usln-p-assistant-nav-bar, .light-theme .fkIzDm { background-color: #fafafa white; } .light-theme .usln-p-assistant-chapters-page p, .light-theme .usln-p-assistant-bubble p, .light-theme .usln-p-assistant-head p, .light-theme .usln-p-assistant-nav-bar p, .light-theme .fkIzDm p { color: black; } .light-theme .usln-p-assistant-head-texts { pointer-events: none !important; } .light-theme span.userlane-svg-icon { font-size: 24px !important; color: #666 !important; } .light-theme span.usln-icon { color: white !important; } .light-theme span.userlane-svg-icon.usln-list-item-icon { color: white !important; } .light-theme .usln-index { background-color: #666 !important; } .light-theme .usln-index span { color: white !important; } .light-theme gridster-item { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 6px !important; } .light-theme sds-analysis-fleet-plant-filter mat-tab-header { background-color: #fafafa; } .atomic-theme { --mat-sys-background: white; --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #f1edec; --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(--palette-primary-400); --mat-button-filled-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-filled-disabled-state-layer-color: #444748; --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.08; --mat-button-filled-label-text-color: var(--palette-primary-900); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-primary-900) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-primary-900); --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-outlined-disabled-state-layer-color: #444748; --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.08; --mat-button-outlined-label-text-color: var(--palette-primary-400); --mat-button-outlined-outline-color: #747878; --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-primary-400) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-primary-400); --mat-button-protected-container-color: #fcf8f8; --mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-protected-disabled-state-layer-color: #444748; --mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-hover-state-layer-opacity: 0.08; --mat-button-protected-label-text-color: var(--palette-primary-400); --mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-primary-400) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-primary-400); --mat-button-text-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-text-disabled-state-layer-color: #444748; --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.08; --mat-button-text-label-text-color: var(--palette-primary-400); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-primary-400) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-primary-400); --mat-button-tonal-container-color: var(--palette-accent-900); --mat-button-tonal-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-tonal-disabled-state-layer-color: #444748; --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.08; --mat-button-tonal-label-text-color: var(--palette-accent-300); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-accent-300) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-accent-300); --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-filled-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-button-filled-label-text-size: 0.875rem; --mat-button-filled-label-text-tracking: 0.006rem; --mat-button-filled-label-text-weight: 500; --mat-button-outlined-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-button-outlined-label-text-size: 0.875rem; --mat-button-outlined-label-text-tracking: 0.006rem; --mat-button-outlined-label-text-weight: 500; --mat-button-protected-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-button-protected-label-text-size: 0.875rem; --mat-button-protected-label-text-tracking: 0.006rem; --mat-button-protected-label-text-weight: 500; --mat-button-text-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-button-text-label-text-size: 0.875rem; --mat-button-text-label-text-tracking: 0.006rem; --mat-button-text-label-text-weight: 500; --mat-button-tonal-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-button-tonal-label-text-size: 0.875rem; --mat-button-tonal-label-text-tracking: 0.006rem; --mat-button-tonal-label-text-weight: 500; --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 9999px; --mat-icon-button-disabled-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-icon-button-disabled-state-layer-color: #444748; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-icon-color: #444748; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, #444748 12%, transparent); --mat-icon-button-state-layer-color: #444748; --mat-icon-button-touch-target-display: block; --mat-icon-button-state-layer-size: 36px; --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(--palette-primary-900); --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 6; --mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: var(--palette-primary-300); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: color-mix(in srgb, var(--palette-primary-300) 12%, transparent); --mat-fab-small-container-color: var(--palette-primary-900); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: var(--palette-primary-300); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-primary-300) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-primary-300); --mat-fab-state-layer-color: var(--palette-primary-300); --mat-fab-touch-target-display: block; --mat-fab-extended-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-fab-extended-label-text-size: 0.875rem; --mat-fab-extended-label-text-tracking: 0.006rem; --mat-fab-extended-label-text-weight: 500; --mat-bottom-sheet-container-shape: 28px; --mat-bottom-sheet-container-text-color: #1c1b1b; --mat-bottom-sheet-container-background-color: #f6f3f2; --mat-bottom-sheet-container-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-bottom-sheet-container-text-line-height: 1.5rem; --mat-bottom-sheet-container-text-size: 1rem; --mat-bottom-sheet-container-text-tracking: 0.031rem; --mat-bottom-sheet-container-text-weight: 400; --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: #f6f3f2; --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-card-filled-container-color: #e5e2e1; --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-container-color: #fcf8f8; --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-outline-color: #c4c7c8; --mat-card-subtitle-text-color: #1c1b1b; --mat-card-subtitle-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-card-subtitle-text-line-height: 1.5rem; --mat-card-subtitle-text-size: 1rem; --mat-card-subtitle-text-tracking: 0.009rem; --mat-card-subtitle-text-weight: 500; --mat-card-title-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-card-title-text-line-height: 1.75rem; --mat-card-title-text-size: 1.375rem; --mat-card-title-text-tracking: 0; --mat-card-title-text-weight: 400; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.08; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.08; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-selected-checkmark-color: #fcf8f8; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-label-text-color: #1c1b1b; --mat-checkbox-selected-checkmark-color: var(--palette-primary-900); --mat-checkbox-selected-focus-icon-color: var(--palette-primary-400); --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-400); --mat-checkbox-selected-hover-icon-color: var(--palette-primary-400); --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-400); --mat-checkbox-selected-icon-color: var(--palette-primary-400); --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-400); --mat-checkbox-selected-pressed-state-layer-color: #1c1b1b; --mat-checkbox-unselected-focus-icon-color: #1c1b1b; --mat-checkbox-unselected-focus-state-layer-color: #1c1b1b; --mat-checkbox-unselected-hover-icon-color: #1c1b1b; --mat-checkbox-unselected-hover-state-layer-color: #1c1b1b; --mat-checkbox-unselected-icon-color: #444748; --mat-checkbox-unselected-pressed-state-layer-color: var(--palette-primary-400); --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 36px; --mat-checkbox-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-checkbox-label-text-line-height: 1.25rem; --mat-checkbox-label-text-size: 0.875rem; --mat-checkbox-label-text-tracking: 0.016rem; --mat-checkbox-label-text-weight: 400; --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: 0.38; --mat-chip-with-icon-disabled-icon-opacity: 0.38; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38; --mat-chip-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-chip-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-chip-elevated-selected-container-color: var(--palette-accent-900); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-chip-focus-outline-color: #444748; --mat-chip-focus-state-layer-color: #444748; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: #444748; --mat-chip-hover-state-layer-opacity: 0.08; --mat-chip-label-text-color: #444748; --mat-chip-outline-color: #747878; --mat-chip-selected-disabled-trailing-icon-color: #1c1b1b; --mat-chip-selected-focus-state-layer-color: var(--palette-accent-300); --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: var(--palette-accent-300); --mat-chip-selected-hover-state-layer-opacity: 0.08; --mat-chip-selected-label-text-color: var(--palette-accent-300); --mat-chip-selected-trailing-action-state-layer-color: var(--palette-accent-300); --mat-chip-selected-trailing-icon-color: var(--palette-accent-300); --mat-chip-trailing-action-focus-state-layer-opacity: 0.12; --mat-chip-trailing-action-hover-state-layer-opacity: 0.08; --mat-chip-trailing-action-state-layer-color: #444748; --mat-chip-with-icon-disabled-icon-color: #1c1b1b; --mat-chip-with-icon-icon-color: #444748; --mat-chip-with-icon-selected-icon-color: var(--palette-accent-300); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #1c1b1b; --mat-chip-with-trailing-icon-trailing-icon-color: #444748; --mat-chip-container-height: 28px; --mat-chip-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-chip-label-text-line-height: 1.25rem; --mat-chip-label-text-size: 0.875rem; --mat-chip-label-text-tracking: 0.006rem; --mat-chip-label-text-weight: 500; --mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-shape: 16px; --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-shape: 28px; --mat-datepicker-calendar-body-label-text-color: #1c1b1b; --mat-datepicker-calendar-container-background-color: #ebe7e7; --mat-datepicker-calendar-container-text-color: #1c1b1b; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--palette-accent-400); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-range-state-background-color: var(--palette-primary-900); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-preview-state-outline-color: var(--palette-primary-400); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-400); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-900); --mat-datepicker-calendar-date-text-color: #1c1b1b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-today-outline-color: var(--palette-primary-400); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-400); --mat-datepicker-calendar-header-divider-color: transparent; --mat-datepicker-calendar-header-text-color: #444748; --mat-datepicker-calendar-navigation-button-icon-color: #444748; --mat-datepicker-calendar-period-button-icon-color: #444748; --mat-datepicker-calendar-period-button-text-color: #444748; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-separator-color: #1c1b1b; --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-400); --mat-datepicker-toggle-icon-color: #444748; --mat-datepicker-calendar-body-label-text-size: 0.875rem; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-header-text-size: 0.875rem; --mat-datepicker-calendar-header-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 0.875rem; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-datepicker-calendar-text-size: 0.875rem; --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: #fcf8f8; --mat-dialog-subhead-color: #1c1b1b; --mat-dialog-supporting-text-color: #444748; --mat-dialog-subhead-font: Nunito Sans, Open Sans Light, sans-serif; --mat-dialog-subhead-line-height: 2rem; --mat-dialog-subhead-size: 1.5rem; --mat-dialog-subhead-tracking: 0; --mat-dialog-subhead-weight: 400; --mat-dialog-supporting-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-dialog-supporting-text-line-height: 1.25rem; --mat-dialog-supporting-text-size: 0.875rem; --mat-dialog-supporting-text-tracking: 0.016rem; --mat-dialog-supporting-text-weight: 400; --mat-divider-width: 1px; --mat-divider-color: #747878; --mat-expansion-container-shape: 12px; --mat-expansion-header-indicator-display: inline-block; --mat-expansion-legacy-header-indicator-display: none; --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-expansion-actions-divider-color: #747878; --mat-expansion-container-background-color: #fcf8f8; --mat-expansion-container-text-color: #1c1b1b; --mat-expansion-header-description-color: #444748; --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-expansion-header-indicator-color: #444748; --mat-expansion-header-text-color: #1c1b1b; --mat-expansion-header-collapsed-state-height: 44px; --mat-expansion-header-expanded-state-height: 60px; --mat-expansion-container-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-expansion-container-text-line-height: 1.5rem; --mat-expansion-container-text-size: 1rem; --mat-expansion-container-text-tracking: 0.031rem; --mat-expansion-container-text-weight: 400; --mat-expansion-header-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-expansion-header-text-line-height: 1.5rem; --mat-expansion-header-text-size: 1rem; --mat-expansion-header-text-tracking: 0.009rem; --mat-expansion-header-text-weight: 500; --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, #1c1b1b 38%, transparent); --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-enabled-select-arrow-color: #444748; --mat-form-field-error-focus-trailing-icon-color: var(--palette-warn-400); --mat-form-field-error-hover-trailing-icon-color: var(--palette-warn-300); --mat-form-field-error-text-color: var(--palette-warn-400); --mat-form-field-error-trailing-icon-color: var(--palette-warn-400); --mat-form-field-filled-active-indicator-color: #444748; --mat-form-field-filled-caret-color: var(--palette-primary-400); --mat-form-field-filled-container-color: #e0e3e3; --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1c1b1b 4%, transparent); --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-error-caret-color: var(--palette-warn-400); --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-400); --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-300); --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-300); --mat-form-field-filled-error-label-text-color: var(--palette-warn-400); --mat-form-field-filled-focus-active-indicator-color: var(--palette-primary-400); --mat-form-field-filled-focus-label-text-color: var(--palette-primary-400); --mat-form-field-filled-hover-active-indicator-color: #1c1b1b; --mat-form-field-filled-hover-label-text-color: #444748; --mat-form-field-filled-input-text-color: #1c1b1b; --mat-form-field-filled-input-text-placeholder-color: #444748; --mat-form-field-filled-label-text-color: #444748; --mat-form-field-focus-select-arrow-color: var(--palette-primary-400); --mat-form-field-focus-state-layer-opacity: 0; --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-leading-icon-color: #444748; --mat-form-field-outlined-caret-color: var(--palette-primary-400); --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-form-field-outlined-error-caret-color: var(--palette-warn-400); --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-400); --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-300); --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-300); --mat-form-field-outlined-error-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-error-outline-color: var(--palette-warn-400); --mat-form-field-outlined-focus-label-text-color: var(--palette-primary-400); --mat-form-field-outlined-focus-outline-color: var(--palette-primary-400); --mat-form-field-outlined-hover-label-text-color: #1c1b1b; --mat-form-field-outlined-hover-outline-color: #1c1b1b; --mat-form-field-outlined-input-text-color: #1c1b1b; --mat-form-field-outlined-input-text-placeholder-color: #444748; --mat-form-field-outlined-label-text-color: #444748; --mat-form-field-outlined-outline-color: #747878; --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-select-option-text-color: #1c1b1b; --mat-form-field-state-layer-color: #1c1b1b; --mat-form-field-trailing-icon-color: #444748; --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-form-field-container-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-form-field-container-text-line-height: 1.5rem; --mat-form-field-container-text-size: 1rem; --mat-form-field-container-text-tracking: 0.031rem; --mat-form-field-container-text-weight: 400; --mat-form-field-subscript-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-form-field-subscript-text-line-height: 1rem; --mat-form-field-subscript-text-size: 0.75rem; --mat-form-field-subscript-text-tracking: 0.025rem; --mat-form-field-subscript-text-weight: 400; --mat-form-field-outlined-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-form-field-outlined-label-text-size: 1rem; --mat-form-field-outlined-label-text-tracking: 0.031rem; --mat-form-field-outlined-label-text-weight: 400; --mat-form-field-filled-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-form-field-filled-label-text-size: 1rem; --mat-form-field-filled-label-text-tracking: 0.031rem; --mat-form-field-filled-label-text-weight: 400; --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Nunito Sans, Open Sans Light, sans-serif; --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Nunito Sans, Open Sans Light, sans-serif; --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Nunito Sans, Open Sans Light, sans-serif; --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Nunito Sans, Open Sans Light, sans-serif; --mat-icon-color: inherit; --mat-list-active-indicator-color: var(--palette-accent-900); --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: #1c1b1b; --mat-list-list-item-disabled-label-text-opacity: 0.3; --mat-list-list-item-disabled-leading-icon-color: #1c1b1b; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-state-layer-color: #1c1b1b; --mat-list-list-item-disabled-state-layer-opacity: 0.12; --mat-list-list-item-disabled-trailing-icon-color: #1c1b1b; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-list-item-focus-label-text-color: #1c1b1b; --mat-list-list-item-focus-state-layer-color: #1c1b1b; --mat-list-list-item-focus-state-layer-opacity: 0.12; --mat-list-list-item-hover-label-text-color: #1c1b1b; --mat-list-list-item-hover-state-layer-color: #1c1b1b; --mat-list-list-item-hover-state-layer-opacity: 0.08; --mat-list-list-item-label-text-color: #1c1b1b; --mat-list-list-item-leading-avatar-color: var(--palette-primary-900); --mat-list-list-item-leading-avatar-shape: 9999px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-leading-icon-color: #444748; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-selected-trailing-icon-color: var(--palette-primary-400); --mat-list-list-item-supporting-text-color: #444748; --mat-list-list-item-trailing-icon-color: #444748; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-trailing-supporting-text-color: #444748; --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-list-list-item-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-list-list-item-label-text-line-height: 1.5rem; --mat-list-list-item-label-text-size: 1rem; --mat-list-list-item-label-text-tracking: 0.031rem; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-list-list-item-supporting-text-line-height: 1.25rem; --mat-list-list-item-supporting-text-size: 0.875rem; --mat-list-list-item-supporting-text-tracking: 0.016rem; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-list-list-item-trailing-supporting-text-line-height: 1rem; --mat-list-list-item-trailing-supporting-text-size: 0.688rem; --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem; --mat-list-list-item-trailing-supporting-text-weight: 500; --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: #e0e3e3; --mat-menu-item-label-text-color: #1c1b1b; --mat-menu-item-icon-color: #444748; --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-menu-container-color: #f1edec; --mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-menu-item-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-menu-item-label-text-line-height: 1.25rem; --mat-menu-item-label-text-size: 0.875rem; --mat-menu-item-label-text-tracking: 0.006rem; --mat-menu-item-label-text-weight: 500; --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(--palette-primary-400); --mat-progress-bar-track-color: #e0e3e3; --mat-progress-spinner-size: 48px; --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-active-indicator-color: var(--palette-primary-400); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fcf8f8; --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-full-selected-checkmark-color: var(--palette-primary-900); --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-primary-400); --mat-pseudo-checkbox-full-unselected-icon-color: #444748; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-primary-400); --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-checked-ripple-color: var(--palette-primary-400); --mat-radio-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-radio-disabled-selected-icon-color: #1c1b1b; --mat-radio-disabled-unselected-icon-color: #1c1b1b; --mat-radio-label-text-color: #1c1b1b; --mat-radio-ripple-color: #1c1b1b; --mat-radio-selected-focus-icon-color: var(--palette-primary-400); --mat-radio-selected-hover-icon-color: var(--palette-primary-400); --mat-radio-selected-icon-color: var(--palette-primary-400); --mat-radio-selected-pressed-icon-color: var(--palette-primary-400); --mat-radio-unselected-focus-icon-color: #1c1b1b; --mat-radio-unselected-hover-icon-color: #1c1b1b; --mat-radio-unselected-icon-color: #444748; --mat-radio-unselected-pressed-icon-color: #1c1b1b; --mat-radio-touch-target-display: block; --mat-radio-state-layer-size: 36px; --mat-radio-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-radio-label-text-line-height: 1.25rem; --mat-radio-label-text-size: 0.875rem; --mat-radio-label-text-tracking: 0.016rem; --mat-radio-label-text-weight: 400; --mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #f1edec; --mat-select-enabled-trigger-text-color: #1c1b1b; --mat-select-disabled-trigger-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-select-placeholder-text-color: #444748; --mat-select-enabled-arrow-color: #444748; --mat-select-disabled-arrow-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-select-focused-arrow-color: var(--palette-primary-400); --mat-select-invalid-arrow-color: var(--palette-warn-400); --mat-select-arrow-transform: translateY(-8px); --mat-select-trigger-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-select-trigger-text-line-height: 1.5rem; --mat-select-trigger-text-size: 1rem; --mat-select-trigger-text-tracking: 0.031rem; --mat-select-trigger-text-weight: 400; --mat-slide-toggle-disabled-selected-handle-opacity: 1; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.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-label-text-color: #1c1b1b; --mat-slide-toggle-disabled-selected-handle-color: #fcf8f8; --mat-slide-toggle-disabled-selected-icon-color: #1c1b1b; --mat-slide-toggle-disabled-selected-track-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-handle-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-icon-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-outline-color: #1c1b1b; --mat-slide-toggle-label-text-color: #1c1b1b; --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-400); --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-focus-track-color: var(--palette-primary-400); --mat-slide-toggle-selected-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-400); --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-selected-hover-track-color: var(--palette-primary-400); --mat-slide-toggle-selected-icon-color: var(--palette-primary-300); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-400); --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-pressed-track-color: var(--palette-primary-400); --mat-slide-toggle-selected-track-color: var(--palette-primary-400); --mat-slide-toggle-track-outline-color: #747878; --mat-slide-toggle-unselected-focus-handle-color: #444748; --mat-slide-toggle-unselected-focus-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-focus-track-color: #e0e3e3; --mat-slide-toggle-unselected-handle-color: #747878; --mat-slide-toggle-unselected-hover-handle-color: #444748; --mat-slide-toggle-unselected-hover-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-unselected-hover-track-color: #e0e3e3; --mat-slide-toggle-unselected-icon-color: #e0e3e3; --mat-slide-toggle-unselected-pressed-handle-color: #444748; --mat-slide-toggle-unselected-pressed-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-pressed-track-color: #e0e3e3; --mat-slide-toggle-unselected-track-color: #e0e3e3; --mat-slide-toggle-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-slide-toggle-label-text-line-height: 1.25rem; --mat-slide-toggle-label-text-size: 0.875rem; --mat-slide-toggle-label-text-tracking: 0.016rem; --mat-slide-toggle-label-text-weight: 400; --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: 0.38; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.38; --mat-slider-active-track-color: var(--palette-primary-400); --mat-slider-active-track-shape: 9999px; --mat-slider-disabled-active-track-color: #1c1b1b; --mat-slider-disabled-handle-color: #1c1b1b; --mat-slider-disabled-inactive-track-color: #1c1b1b; --mat-slider-focus-handle-color: var(--palette-primary-400); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-primary-400) 20%, transparent); --mat-slider-handle-color: var(--palette-primary-400); --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-shape: 9999px; --mat-slider-hover-handle-color: var(--palette-primary-400); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-primary-400) 5%, transparent); --mat-slider-inactive-track-color: #e0e3e3; --mat-slider-inactive-track-shape: 9999px; --mat-slider-label-container-color: var(--palette-primary-400); --mat-slider-label-label-text-color: var(--palette-primary-900); --mat-slider-ripple-color: var(--palette-primary-400); --mat-slider-with-overlap-handle-outline-color: var(--palette-primary-900); --mat-slider-with-tick-marks-active-container-color: var(--palette-primary-900); --mat-slider-with-tick-marks-container-shape: 9999px; --mat-slider-with-tick-marks-disabled-container-color: #1c1b1b; --mat-slider-with-tick-marks-inactive-container-color: #444748; --mat-slider-label-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-slider-label-label-text-line-height: 1rem; --mat-slider-label-label-text-size: 0.75rem; --mat-slider-label-label-text-tracking: 0.031rem; --mat-slider-label-label-text-weight: 500; --mat-snack-bar-container-shape: 4px; --mat-snack-bar-button-color: var(--palette-primary-800); --mat-snack-bar-container-color: #313030; --mat-snack-bar-supporting-text-color: #f4f0ef; --mat-snack-bar-supporting-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-snack-bar-supporting-text-line-height: 1.25rem; --mat-snack-bar-supporting-text-size: 0.875rem; --mat-snack-bar-supporting-text-weight: 400; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #fcf8f8; --mat-table-header-headline-color: #1c1b1b; --mat-table-row-item-label-text-color: #1c1b1b; --mat-table-row-item-outline-color: #747878; --mat-table-header-container-height: 52px; --mat-table-footer-container-height: 48px; --mat-table-row-item-container-height: 48px; --mat-table-header-headline-font: Nunito Sans, Open Sans Light, sans-serif; --mat-table-header-headline-line-height: 1.25rem; --mat-table-header-headline-size: 0.875rem; --mat-table-header-headline-tracking: 0.006rem; --mat-table-header-headline-weight: 500; --mat-table-row-item-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-table-row-item-label-text-line-height: 1.25rem; --mat-table-row-item-label-text-size: 0.875rem; --mat-table-row-item-label-text-tracking: 0.016rem; --mat-table-row-item-label-text-weight: 400; --mat-table-footer-supporting-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-table-footer-supporting-text-line-height: 1.25rem; --mat-table-footer-supporting-text-size: 0.875rem; --mat-table-footer-supporting-text-tracking: 0.016rem; --mat-table-footer-supporting-text-weight: 400; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; --mat-tab-divider-height: 1px; --mat-tab-active-focus-indicator-color: var(--palette-primary-400); --mat-tab-active-focus-label-text-color: #1c1b1b; --mat-tab-active-hover-indicator-color: var(--palette-primary-400); --mat-tab-active-hover-label-text-color: #1c1b1b; --mat-tab-active-indicator-color: var(--palette-primary-400); --mat-tab-active-label-text-color: #1c1b1b; --mat-tab-active-ripple-color: #1c1b1b; --mat-tab-divider-color: #e0e3e3; --mat-tab-inactive-focus-label-text-color: #1c1b1b; --mat-tab-inactive-hover-label-text-color: #1c1b1b; --mat-tab-inactive-label-text-color: #1c1b1b; --mat-tab-inactive-ripple-color: #1c1b1b; --mat-tab-pagination-icon-color: #1c1b1b; --mat-tab-disabled-ripple-color: #444748; --mat-tab-container-height: 44px; --mat-tab-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-tab-label-text-line-height: 1.25rem; --mat-tab-label-text-size: 0.875rem; --mat-tab-label-text-tracking: 0.006rem; --mat-tab-label-text-weight: 500; --mat-tree-container-background-color: #fcf8f8; --mat-tree-node-text-color: #1c1b1b; --mat-tree-node-min-height: 44px; --mat-tree-node-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-tree-node-text-size: 1rem; --mat-tree-node-text-weight: 400; --mat-sidenav-container-shape: 16px; --mat-sidenav-container-elevation-shadow: none; --mat-sidenav-container-width: 360px; --mat-sidenav-container-divider-color: transparent; --mat-sidenav-container-background-color: #fcf8f8; --mat-sidenav-container-text-color: #444748; --mat-sidenav-content-background-color: #fcf8f8; --mat-sidenav-content-text-color: #1c1b1b; --mat-sidenav-scrim-color: color-mix(in srgb, #2d3132 40%, 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: #fcf8f8; --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-400); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-900); --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-400); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-900); --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-400); --mat-stepper-header-error-state-label-text-color: var(--palette-warn-400); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-stepper-header-icon-background-color: #444748; --mat-stepper-header-icon-foreground-color: #fcf8f8; --mat-stepper-header-label-text-color: #444748; --mat-stepper-header-optional-label-text-color: #444748; --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-400); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-900); --mat-stepper-header-selected-state-label-text-color: #444748; --mat-stepper-line-color: #747878; --mat-stepper-container-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-stepper-header-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-stepper-header-label-text-size: 0.875rem; --mat-stepper-header-label-text-weight: 500; --mat-stepper-header-error-state-label-text-size: 0.875rem; --mat-stepper-header-selected-state-label-text-size: 0.875rem; --mat-stepper-header-selected-state-label-text-weight: 500; --mat-stepper-header-height: 72px; --mat-toolbar-container-background-color: #fcf8f8; --mat-toolbar-container-text-color: #1c1b1b; --mat-toolbar-standard-height: 60px; --mat-toolbar-mobile-height: 52px; --mat-toolbar-title-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-toolbar-title-text-line-height: 1.75rem; --mat-toolbar-title-text-size: 1.375rem; --mat-toolbar-title-text-tracking: 0; --mat-toolbar-title-text-weight: 400; --mat-tooltip-container-color: #313030; --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-color: #f4f0ef; --mat-tooltip-supporting-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-tooltip-supporting-text-line-height: 1rem; --mat-tooltip-supporting-text-size: 0.75rem; --mat-tooltip-supporting-text-tracking: 0.025rem; --mat-tooltip-supporting-text-weight: 400; --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.08; --mat-button-toggle-shape: 28px; --mat-button-toggle-background-color: transparent; --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-toggle-disabled-state-background-color: transparent; --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-toggle-divider-color: #747878; --mat-button-toggle-selected-state-background-color: var(--palette-accent-900); --mat-button-toggle-selected-state-text-color: var(--palette-accent-300); --mat-button-toggle-state-layer-color: #1c1b1b; --mat-button-toggle-text-color: #1c1b1b; --mat-button-toggle-height: 40px; --mat-button-toggle-label-text-font: Nunito Sans, Open Sans Light, sans-serif; --mat-button-toggle-label-text-line-height: 1.25rem; --mat-button-toggle-label-text-size: 0.875rem; --mat-button-toggle-label-text-tracking: 0.006rem; --mat-button-toggle-label-text-weight: 500; } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); } .atomic-theme .mat-primary { --mat-stepper-container-color: #fcf8f8; --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-400); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-900); --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-400); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-900); --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-400); --mat-stepper-header-error-state-label-text-color: var(--palette-warn-400); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-stepper-header-icon-background-color: #444748; --mat-stepper-header-icon-foreground-color: #fcf8f8; --mat-stepper-header-label-text-color: #444748; --mat-stepper-header-optional-label-text-color: #444748; --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-400); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-900); --mat-stepper-header-selected-state-label-text-color: #444748; --mat-stepper-line-color: #747878; } .atomic-theme .mat-primary.mat-icon { --mat-icon-color: var(--palette-primary-400); } .atomic-theme .mat-primary.mat-mdc-tab-group, .atomic-theme .mat-primary.mat-mdc-tab-nav-bar { --mat-tab-active-focus-indicator-color: var(--palette-primary-400); --mat-tab-active-focus-label-text-color: #1c1b1b; --mat-tab-active-hover-indicator-color: var(--palette-primary-400); --mat-tab-active-hover-label-text-color: #1c1b1b; --mat-tab-active-indicator-color: var(--palette-primary-400); --mat-tab-active-label-text-color: #1c1b1b; --mat-tab-active-ripple-color: #1c1b1b; --mat-tab-divider-color: #e0e3e3; --mat-tab-inactive-focus-label-text-color: #1c1b1b; --mat-tab-inactive-hover-label-text-color: #1c1b1b; --mat-tab-inactive-label-text-color: #1c1b1b; --mat-tab-inactive-ripple-color: #1c1b1b; --mat-tab-pagination-icon-color: #1c1b1b; --mat-tab-disabled-ripple-color: #444748; } .atomic-theme .mat-primary.mat-mdc-slide-toggle { --mat-slide-toggle-disabled-label-text-color: #1c1b1b; --mat-slide-toggle-disabled-selected-handle-color: #fcf8f8; --mat-slide-toggle-disabled-selected-icon-color: #1c1b1b; --mat-slide-toggle-disabled-selected-track-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-handle-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-icon-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-outline-color: #1c1b1b; --mat-slide-toggle-label-text-color: #1c1b1b; --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-400); --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-focus-track-color: var(--palette-primary-400); --mat-slide-toggle-selected-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-400); --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-selected-hover-track-color: var(--palette-primary-400); --mat-slide-toggle-selected-icon-color: var(--palette-primary-300); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-900); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-400); --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-pressed-track-color: var(--palette-primary-400); --mat-slide-toggle-selected-track-color: var(--palette-primary-400); --mat-slide-toggle-track-outline-color: #747878; --mat-slide-toggle-unselected-focus-handle-color: #444748; --mat-slide-toggle-unselected-focus-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-focus-track-color: #e0e3e3; --mat-slide-toggle-unselected-handle-color: #747878; --mat-slide-toggle-unselected-hover-handle-color: #444748; --mat-slide-toggle-unselected-hover-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-unselected-hover-track-color: #e0e3e3; --mat-slide-toggle-unselected-icon-color: #e0e3e3; --mat-slide-toggle-unselected-pressed-handle-color: #444748; --mat-slide-toggle-unselected-pressed-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-pressed-track-color: #e0e3e3; --mat-slide-toggle-unselected-track-color: #e0e3e3; } .atomic-theme .mat-primary.mat-datepicker-content { --mat-datepicker-calendar-body-label-text-color: #1c1b1b; --mat-datepicker-calendar-container-background-color: #ebe7e7; --mat-datepicker-calendar-container-text-color: #1c1b1b; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--palette-accent-400); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-range-state-background-color: var(--palette-primary-900); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-preview-state-outline-color: var(--palette-primary-400); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-400); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-900); --mat-datepicker-calendar-date-text-color: #1c1b1b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-today-outline-color: var(--palette-primary-400); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-400); --mat-datepicker-calendar-header-divider-color: transparent; --mat-datepicker-calendar-header-text-color: #444748; --mat-datepicker-calendar-navigation-button-icon-color: #444748; --mat-datepicker-calendar-period-button-icon-color: #444748; --mat-datepicker-calendar-period-button-text-color: #444748; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-separator-color: #1c1b1b; --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-400); --mat-datepicker-toggle-icon-color: #444748; } .atomic-theme .mat-primary.mat-mdc-button-base { --mat-icon-button-disabled-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-icon-button-disabled-state-layer-color: var(--palette-primary-400); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-icon-color: var(--palette-primary-400); --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-primary-400) 12%, transparent); --mat-icon-button-state-layer-color: var(--palette-primary-400); } .atomic-theme .mat-badge { --mat-badge-background-color: var(--palette-primary-400); --mat-badge-disabled-state-background-color: color-mix(in srgb, var(--palette-primary-400) 38%, transparent); --mat-badge-disabled-state-text-color: var(--palette-primary-900); --mat-badge-text-color: var(--palette-primary-900); } .atomic-theme .mat-accent { --mat-option-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-option-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-option-label-text-color: #1c1b1b; --mat-option-selected-state-label-text-color: var(--palette-accent-300); --mat-option-selected-state-layer-color: var(--palette-accent-900); --mat-progress-spinner-active-indicator-color: var(--palette-accent-400); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fcf8f8; --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-full-selected-checkmark-color: var(--palette-accent-900); --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-400); --mat-pseudo-checkbox-full-unselected-icon-color: #444748; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-400); --mat-stepper-container-color: #fcf8f8; --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-400); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-900); --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-400); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-900); --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-400); --mat-stepper-header-error-state-label-text-color: var(--palette-warn-400); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-stepper-header-icon-background-color: #444748; --mat-stepper-header-icon-foreground-color: #fcf8f8; --mat-stepper-header-label-text-color: #444748; --mat-stepper-header-optional-label-text-color: #444748; --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-400); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-900); --mat-stepper-header-selected-state-label-text-color: #444748; --mat-stepper-line-color: #747878; } .atomic-theme .mat-accent.mat-icon { --mat-icon-color: var(--palette-accent-400); } .atomic-theme .mat-accent.mat-mdc-checkbox { --mat-checkbox-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-selected-checkmark-color: #fcf8f8; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-label-text-color: #1c1b1b; --mat-checkbox-selected-checkmark-color: var(--palette-accent-900); --mat-checkbox-selected-focus-icon-color: var(--palette-accent-400); --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-400); --mat-checkbox-selected-hover-icon-color: var(--palette-accent-400); --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-400); --mat-checkbox-selected-icon-color: var(--palette-accent-400); --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-400); --mat-checkbox-selected-pressed-state-layer-color: #1c1b1b; --mat-checkbox-unselected-focus-icon-color: #1c1b1b; --mat-checkbox-unselected-focus-state-layer-color: #1c1b1b; --mat-checkbox-unselected-hover-icon-color: #1c1b1b; --mat-checkbox-unselected-hover-state-layer-color: #1c1b1b; --mat-checkbox-unselected-icon-color: #444748; --mat-checkbox-unselected-pressed-state-layer-color: var(--palette-accent-400); } .atomic-theme .mat-accent.mat-mdc-slider { --mat-slider-active-track-color: var(--palette-accent-400); --mat-slider-active-track-shape: 9999px; --mat-slider-disabled-active-track-color: #1c1b1b; --mat-slider-disabled-handle-color: #1c1b1b; --mat-slider-disabled-inactive-track-color: #1c1b1b; --mat-slider-focus-handle-color: var(--palette-accent-400); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-accent-400) 20%, transparent); --mat-slider-handle-color: var(--palette-accent-400); --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-shape: 9999px; --mat-slider-hover-handle-color: var(--palette-accent-400); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-accent-400) 5%, transparent); --mat-slider-inactive-track-color: #e0e3e3; --mat-slider-inactive-track-shape: 9999px; --mat-slider-label-container-color: var(--palette-accent-400); --mat-slider-label-label-text-color: var(--palette-accent-900); --mat-slider-ripple-color: var(--palette-accent-400); --mat-slider-with-overlap-handle-outline-color: var(--palette-accent-900); --mat-slider-with-tick-marks-active-container-color: var(--palette-accent-900); --mat-slider-with-tick-marks-container-shape: 9999px; --mat-slider-with-tick-marks-disabled-container-color: #1c1b1b; --mat-slider-with-tick-marks-inactive-container-color: #444748; } .atomic-theme .mat-accent.mat-mdc-tab-group, .atomic-theme .mat-accent.mat-mdc-tab-nav-bar { --mat-tab-active-focus-indicator-color: var(--palette-accent-400); --mat-tab-active-focus-label-text-color: #1c1b1b; --mat-tab-active-hover-indicator-color: var(--palette-accent-400); --mat-tab-active-hover-label-text-color: #1c1b1b; --mat-tab-active-indicator-color: var(--palette-accent-400); --mat-tab-active-label-text-color: #1c1b1b; --mat-tab-active-ripple-color: #1c1b1b; --mat-tab-divider-color: #e0e3e3; --mat-tab-inactive-focus-label-text-color: #1c1b1b; --mat-tab-inactive-hover-label-text-color: #1c1b1b; --mat-tab-inactive-label-text-color: #1c1b1b; --mat-tab-inactive-ripple-color: #1c1b1b; --mat-tab-pagination-icon-color: #1c1b1b; --mat-tab-disabled-ripple-color: #444748; } .atomic-theme .mat-accent.mat-mdc-slide-toggle { --mat-slide-toggle-disabled-label-text-color: #1c1b1b; --mat-slide-toggle-disabled-selected-handle-color: #fcf8f8; --mat-slide-toggle-disabled-selected-icon-color: #1c1b1b; --mat-slide-toggle-disabled-selected-track-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-handle-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-icon-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-outline-color: #1c1b1b; --mat-slide-toggle-label-text-color: #1c1b1b; --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-900); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-400); --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-focus-track-color: var(--palette-accent-400); --mat-slide-toggle-selected-handle-color: var(--palette-accent-900); --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-900); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-400); --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-selected-hover-track-color: var(--palette-accent-400); --mat-slide-toggle-selected-icon-color: var(--palette-accent-300); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-900); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-400); --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-pressed-track-color: var(--palette-accent-400); --mat-slide-toggle-selected-track-color: var(--palette-accent-400); --mat-slide-toggle-track-outline-color: #747878; --mat-slide-toggle-unselected-focus-handle-color: #444748; --mat-slide-toggle-unselected-focus-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-focus-track-color: #e0e3e3; --mat-slide-toggle-unselected-handle-color: #747878; --mat-slide-toggle-unselected-hover-handle-color: #444748; --mat-slide-toggle-unselected-hover-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-unselected-hover-track-color: #e0e3e3; --mat-slide-toggle-unselected-icon-color: #e0e3e3; --mat-slide-toggle-unselected-pressed-handle-color: #444748; --mat-slide-toggle-unselected-pressed-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-pressed-track-color: #e0e3e3; --mat-slide-toggle-unselected-track-color: #e0e3e3; } .atomic-theme .mat-accent.mat-mdc-form-field { --mat-select-panel-background-color: #f1edec; --mat-select-enabled-trigger-text-color: #1c1b1b; --mat-select-disabled-trigger-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-select-placeholder-text-color: #444748; --mat-select-enabled-arrow-color: #444748; --mat-select-disabled-arrow-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-select-focused-arrow-color: var(--palette-accent-400); --mat-select-invalid-arrow-color: var(--palette-warn-400); } .atomic-theme .mat-accent.mat-mdc-radio-button { --mat-radio-checked-ripple-color: var(--palette-accent-400); --mat-radio-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-radio-disabled-selected-icon-color: #1c1b1b; --mat-radio-disabled-unselected-icon-color: #1c1b1b; --mat-radio-label-text-color: #1c1b1b; --mat-radio-ripple-color: #1c1b1b; --mat-radio-selected-focus-icon-color: var(--palette-accent-400); --mat-radio-selected-hover-icon-color: var(--palette-accent-400); --mat-radio-selected-icon-color: var(--palette-accent-400); --mat-radio-selected-pressed-icon-color: var(--palette-accent-400); --mat-radio-unselected-focus-icon-color: #1c1b1b; --mat-radio-unselected-hover-icon-color: #1c1b1b; --mat-radio-unselected-pressed-icon-color: #1c1b1b; } .atomic-theme .mat-accent.mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: var(--palette-accent-400); --mat-progress-bar-track-color: #e0e3e3; } .atomic-theme .mat-accent.mat-mdc-form-field { --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-enabled-select-arrow-color: #444748; --mat-form-field-error-focus-trailing-icon-color: var(--palette-warn-400); --mat-form-field-error-hover-trailing-icon-color: var(--palette-warn-300); --mat-form-field-error-text-color: var(--palette-warn-400); --mat-form-field-error-trailing-icon-color: var(--palette-warn-400); --mat-form-field-filled-active-indicator-color: #444748; --mat-form-field-filled-caret-color: var(--palette-accent-400); --mat-form-field-filled-container-color: #e0e3e3; --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1c1b1b 4%, transparent); --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-error-caret-color: var(--palette-warn-400); --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-400); --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-300); --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-300); --mat-form-field-filled-error-label-text-color: var(--palette-warn-400); --mat-form-field-filled-focus-active-indicator-color: var(--palette-accent-400); --mat-form-field-filled-focus-label-text-color: var(--palette-accent-400); --mat-form-field-filled-hover-active-indicator-color: #1c1b1b; --mat-form-field-filled-hover-label-text-color: #444748; --mat-form-field-filled-input-text-color: #1c1b1b; --mat-form-field-filled-input-text-placeholder-color: #444748; --mat-form-field-filled-label-text-color: #444748; --mat-form-field-focus-select-arrow-color: var(--palette-accent-400); --mat-form-field-focus-state-layer-opacity: 0; --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-leading-icon-color: #444748; --mat-form-field-outlined-caret-color: var(--palette-accent-400); --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-form-field-outlined-error-caret-color: var(--palette-warn-400); --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-400); --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-300); --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-300); --mat-form-field-outlined-error-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-error-outline-color: var(--palette-warn-400); --mat-form-field-outlined-focus-label-text-color: var(--palette-accent-400); --mat-form-field-outlined-focus-outline-color: var(--palette-accent-400); --mat-form-field-outlined-hover-label-text-color: #1c1b1b; --mat-form-field-outlined-hover-outline-color: #1c1b1b; --mat-form-field-outlined-input-text-color: #1c1b1b; --mat-form-field-outlined-input-text-placeholder-color: #444748; --mat-form-field-outlined-label-text-color: #444748; --mat-form-field-outlined-outline-color: #747878; --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-select-option-text-color: #1c1b1b; --mat-form-field-state-layer-color: #1c1b1b; --mat-form-field-trailing-icon-color: #444748; } .atomic-theme .mat-accent.mat-datepicker-content { --mat-datepicker-calendar-body-label-text-color: #1c1b1b; --mat-datepicker-calendar-container-background-color: #ebe7e7; --mat-datepicker-calendar-container-text-color: #1c1b1b; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--palette-accent-400); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-preview-state-outline-color: var(--palette-accent-400); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-400); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-900); --mat-datepicker-calendar-date-text-color: #1c1b1b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-today-outline-color: var(--palette-accent-400); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-400); --mat-datepicker-calendar-header-divider-color: transparent; --mat-datepicker-calendar-header-text-color: #444748; --mat-datepicker-calendar-navigation-button-icon-color: #444748; --mat-datepicker-calendar-period-button-icon-color: #444748; --mat-datepicker-calendar-period-button-text-color: #444748; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-separator-color: #1c1b1b; --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-400); --mat-datepicker-toggle-icon-color: #444748; } .atomic-theme .mat-accent.mat-mdc-button-base { --mat-button-filled-container-color: var(--palette-accent-400); --mat-button-filled-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-filled-disabled-state-layer-color: #444748; --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.08; --mat-button-filled-label-text-color: var(--palette-accent-900); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-accent-900) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-accent-900); --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-outlined-disabled-state-layer-color: #444748; --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.08; --mat-button-outlined-label-text-color: var(--palette-accent-400); --mat-button-outlined-outline-color: #747878; --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-accent-400) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-accent-400); --mat-button-protected-container-color: #fcf8f8; --mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-protected-disabled-state-layer-color: #444748; --mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-hover-state-layer-opacity: 0.08; --mat-button-protected-label-text-color: var(--palette-accent-400); --mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-accent-400) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-accent-400); --mat-button-text-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-text-disabled-state-layer-color: #444748; --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.08; --mat-button-text-label-text-color: var(--palette-accent-400); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-accent-400) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-accent-400); --mat-button-tonal-container-color: var(--palette-accent-900); --mat-button-tonal-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-tonal-disabled-state-layer-color: #444748; --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.08; --mat-button-tonal-label-text-color: var(--palette-accent-300); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-accent-300) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-accent-300); --mat-icon-button-disabled-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-icon-button-disabled-state-layer-color: var(--palette-accent-400); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-icon-color: var(--palette-accent-400); --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-accent-400) 12%, transparent); --mat-icon-button-state-layer-color: var(--palette-accent-400); } .atomic-theme .mat-accent.mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-chip-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-chip-elevated-selected-container-color: var(--palette-accent-900); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-chip-focus-outline-color: #444748; --mat-chip-focus-state-layer-color: #444748; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: #444748; --mat-chip-hover-state-layer-opacity: 0.08; --mat-chip-label-text-color: #444748; --mat-chip-outline-color: #747878; --mat-chip-selected-disabled-trailing-icon-color: #1c1b1b; --mat-chip-selected-focus-state-layer-color: var(--palette-accent-300); --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: var(--palette-accent-300); --mat-chip-selected-hover-state-layer-opacity: 0.08; --mat-chip-selected-label-text-color: var(--palette-accent-300); --mat-chip-selected-trailing-action-state-layer-color: var(--palette-accent-300); --mat-chip-selected-trailing-icon-color: var(--palette-accent-300); --mat-chip-trailing-action-focus-state-layer-opacity: 0.12; --mat-chip-trailing-action-hover-state-layer-opacity: 0.08; --mat-chip-trailing-action-state-layer-color: #444748; --mat-chip-with-icon-disabled-icon-color: #1c1b1b; --mat-chip-with-icon-icon-color: #444748; --mat-chip-with-icon-selected-icon-color: var(--palette-accent-300); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #1c1b1b; --mat-chip-with-trailing-icon-trailing-icon-color: #444748; } .atomic-theme .mat-accent .mdc-list-item__start, .atomic-theme .mat-accent .mdc-list-item__end { --mat-checkbox-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-selected-checkmark-color: #fcf8f8; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-label-text-color: #1c1b1b; --mat-checkbox-selected-checkmark-color: var(--palette-accent-900); --mat-checkbox-selected-focus-icon-color: var(--palette-accent-400); --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-400); --mat-checkbox-selected-hover-icon-color: var(--palette-accent-400); --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-400); --mat-checkbox-selected-icon-color: var(--palette-accent-400); --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-400); --mat-checkbox-selected-pressed-state-layer-color: #1c1b1b; --mat-checkbox-unselected-focus-icon-color: #1c1b1b; --mat-checkbox-unselected-focus-state-layer-color: #1c1b1b; --mat-checkbox-unselected-hover-icon-color: #1c1b1b; --mat-checkbox-unselected-hover-state-layer-color: #1c1b1b; --mat-checkbox-unselected-icon-color: #444748; --mat-checkbox-unselected-pressed-state-layer-color: var(--palette-accent-400); --mat-radio-checked-ripple-color: var(--palette-accent-400); --mat-radio-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-radio-disabled-selected-icon-color: #1c1b1b; --mat-radio-disabled-unselected-icon-color: #1c1b1b; --mat-radio-label-text-color: #1c1b1b; --mat-radio-ripple-color: #1c1b1b; --mat-radio-selected-focus-icon-color: var(--palette-accent-400); --mat-radio-selected-hover-icon-color: var(--palette-accent-400); --mat-radio-selected-icon-color: var(--palette-accent-400); --mat-radio-selected-pressed-icon-color: var(--palette-accent-400); --mat-radio-unselected-focus-icon-color: #1c1b1b; --mat-radio-unselected-hover-icon-color: #1c1b1b; --mat-radio-unselected-pressed-icon-color: #1c1b1b; } .atomic-theme .mat-accent.mat-mdc-fab, .atomic-theme .mat-accent.mat-mdc-mini-fab { --mat-fab-container-color: var(--palette-accent-900); --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 6; --mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: var(--palette-accent-300); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: color-mix(in srgb, var(--palette-accent-300) 12%, transparent); --mat-fab-small-container-color: var(--palette-accent-900); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: var(--palette-accent-300); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-accent-300) 12%, transparent); --mat-fab-small-state-layer-color: var(--palette-accent-300); --mat-fab-state-layer-color: var(--palette-accent-300); } .atomic-theme .mat-badge-accent { --mat-badge-background-color: var(--palette-accent-400); --mat-badge-disabled-state-background-color: color-mix(in srgb, var(--palette-accent-400) 38%, transparent); --mat-badge-disabled-state-text-color: var(--palette-accent-900); --mat-badge-text-color: var(--palette-accent-900); } .atomic-theme .mat-warn { --mat-option-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-option-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-option-label-text-color: #1c1b1b; --mat-option-selected-state-label-text-color: var(--palette-warn-300); --mat-option-selected-state-layer-color: var(--palette-warn-900); --mat-progress-spinner-active-indicator-color: var(--palette-warn-400); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fcf8f8; --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-full-selected-checkmark-color: var(--palette-warn-900); --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-warn-400); --mat-pseudo-checkbox-full-unselected-icon-color: #444748; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-warn-400); --mat-stepper-container-color: #fcf8f8; --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-400); --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-900); --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-400); --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-900); --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-400); --mat-stepper-header-error-state-label-text-color: var(--palette-warn-400); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-stepper-header-icon-background-color: #444748; --mat-stepper-header-icon-foreground-color: #fcf8f8; --mat-stepper-header-label-text-color: #444748; --mat-stepper-header-optional-label-text-color: #444748; --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-400); --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-900); --mat-stepper-header-selected-state-label-text-color: #444748; --mat-stepper-line-color: #747878; } .atomic-theme .mat-warn.mat-icon { --mat-icon-color: var(--palette-warn-400); } .atomic-theme .mat-warn.mat-mdc-checkbox { --mat-checkbox-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-selected-checkmark-color: #fcf8f8; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-label-text-color: #1c1b1b; --mat-checkbox-selected-checkmark-color: var(--palette-warn-900); --mat-checkbox-selected-focus-icon-color: var(--palette-warn-400); --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-400); --mat-checkbox-selected-hover-icon-color: var(--palette-warn-400); --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-400); --mat-checkbox-selected-icon-color: var(--palette-warn-400); --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-400); --mat-checkbox-selected-pressed-state-layer-color: #1c1b1b; --mat-checkbox-unselected-focus-icon-color: #1c1b1b; --mat-checkbox-unselected-focus-state-layer-color: #1c1b1b; --mat-checkbox-unselected-hover-icon-color: #1c1b1b; --mat-checkbox-unselected-hover-state-layer-color: #1c1b1b; --mat-checkbox-unselected-icon-color: #444748; --mat-checkbox-unselected-pressed-state-layer-color: var(--palette-warn-400); } .atomic-theme .mat-warn.mat-mdc-slider { --mat-slider-active-track-color: var(--palette-warn-400); --mat-slider-active-track-shape: 9999px; --mat-slider-disabled-active-track-color: #1c1b1b; --mat-slider-disabled-handle-color: #1c1b1b; --mat-slider-disabled-inactive-track-color: #1c1b1b; --mat-slider-focus-handle-color: var(--palette-warn-400); --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-warn-400) 20%, transparent); --mat-slider-handle-color: var(--palette-warn-400); --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-handle-shape: 9999px; --mat-slider-hover-handle-color: var(--palette-warn-400); --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-warn-400) 5%, transparent); --mat-slider-inactive-track-color: #e0e3e3; --mat-slider-inactive-track-shape: 9999px; --mat-slider-label-container-color: var(--palette-warn-400); --mat-slider-label-label-text-color: var(--palette-warn-900); --mat-slider-ripple-color: var(--palette-warn-400); --mat-slider-with-overlap-handle-outline-color: var(--palette-warn-900); --mat-slider-with-tick-marks-active-container-color: var(--palette-warn-900); --mat-slider-with-tick-marks-container-shape: 9999px; --mat-slider-with-tick-marks-disabled-container-color: #1c1b1b; --mat-slider-with-tick-marks-inactive-container-color: #444748; } .atomic-theme .mat-warn.mat-mdc-tab-group, .atomic-theme .mat-warn.mat-mdc-tab-nav-bar { --mat-tab-active-focus-indicator-color: var(--palette-warn-400); --mat-tab-active-focus-label-text-color: #1c1b1b; --mat-tab-active-hover-indicator-color: var(--palette-warn-400); --mat-tab-active-hover-label-text-color: #1c1b1b; --mat-tab-active-indicator-color: var(--palette-warn-400); --mat-tab-active-label-text-color: #1c1b1b; --mat-tab-active-ripple-color: #1c1b1b; --mat-tab-divider-color: #e0e3e3; --mat-tab-inactive-focus-label-text-color: #1c1b1b; --mat-tab-inactive-hover-label-text-color: #1c1b1b; --mat-tab-inactive-label-text-color: #1c1b1b; --mat-tab-inactive-ripple-color: #1c1b1b; --mat-tab-pagination-icon-color: #1c1b1b; --mat-tab-disabled-ripple-color: #444748; } .atomic-theme .mat-warn.mat-mdc-slide-toggle { --mat-slide-toggle-disabled-label-text-color: #1c1b1b; --mat-slide-toggle-disabled-selected-handle-color: #fcf8f8; --mat-slide-toggle-disabled-selected-icon-color: #1c1b1b; --mat-slide-toggle-disabled-selected-track-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-handle-color: #1c1b1b; --mat-slide-toggle-disabled-unselected-icon-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-color: #e0e3e3; --mat-slide-toggle-disabled-unselected-track-outline-color: #1c1b1b; --mat-slide-toggle-label-text-color: #1c1b1b; --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-900); --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-400); --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-focus-track-color: var(--palette-warn-400); --mat-slide-toggle-selected-handle-color: var(--palette-warn-900); --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-900); --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-400); --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-selected-hover-track-color: var(--palette-warn-400); --mat-slide-toggle-selected-icon-color: var(--palette-warn-300); --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-900); --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-400); --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-pressed-track-color: var(--palette-warn-400); --mat-slide-toggle-selected-track-color: var(--palette-warn-400); --mat-slide-toggle-track-outline-color: #747878; --mat-slide-toggle-unselected-focus-handle-color: #444748; --mat-slide-toggle-unselected-focus-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-focus-track-color: #e0e3e3; --mat-slide-toggle-unselected-handle-color: #747878; --mat-slide-toggle-unselected-hover-handle-color: #444748; --mat-slide-toggle-unselected-hover-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08; --mat-slide-toggle-unselected-hover-track-color: #e0e3e3; --mat-slide-toggle-unselected-icon-color: #e0e3e3; --mat-slide-toggle-unselected-pressed-handle-color: #444748; --mat-slide-toggle-unselected-pressed-state-layer-color: #1c1b1b; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-pressed-track-color: #e0e3e3; --mat-slide-toggle-unselected-track-color: #e0e3e3; } .atomic-theme .mat-warn.mat-mdc-form-field { --mat-select-panel-background-color: #f1edec; --mat-select-enabled-trigger-text-color: #1c1b1b; --mat-select-disabled-trigger-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-select-placeholder-text-color: #444748; --mat-select-enabled-arrow-color: #444748; --mat-select-disabled-arrow-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-select-focused-arrow-color: var(--palette-warn-400); --mat-select-invalid-arrow-color: var(--palette-warn-400); } .atomic-theme .mat-warn.mat-mdc-radio-button { --mat-radio-checked-ripple-color: var(--palette-warn-400); --mat-radio-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-radio-disabled-selected-icon-color: #1c1b1b; --mat-radio-disabled-unselected-icon-color: #1c1b1b; --mat-radio-label-text-color: #1c1b1b; --mat-radio-ripple-color: #1c1b1b; --mat-radio-selected-focus-icon-color: var(--palette-warn-400); --mat-radio-selected-hover-icon-color: var(--palette-warn-400); --mat-radio-selected-icon-color: var(--palette-warn-400); --mat-radio-selected-pressed-icon-color: var(--palette-warn-400); --mat-radio-unselected-focus-icon-color: #1c1b1b; --mat-radio-unselected-hover-icon-color: #1c1b1b; --mat-radio-unselected-pressed-icon-color: #1c1b1b; } .atomic-theme .mat-warn.mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: var(--palette-warn-400); --mat-progress-bar-track-color: #e0e3e3; } .atomic-theme .mat-warn.mat-mdc-form-field { --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-enabled-select-arrow-color: #444748; --mat-form-field-error-focus-trailing-icon-color: var(--palette-warn-400); --mat-form-field-error-hover-trailing-icon-color: var(--palette-warn-300); --mat-form-field-error-text-color: var(--palette-warn-400); --mat-form-field-error-trailing-icon-color: var(--palette-warn-400); --mat-form-field-filled-active-indicator-color: #444748; --mat-form-field-filled-caret-color: var(--palette-warn-400); --mat-form-field-filled-container-color: #e0e3e3; --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1c1b1b 4%, transparent); --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-error-caret-color: var(--palette-warn-400); --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-400); --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-300); --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-300); --mat-form-field-filled-error-label-text-color: var(--palette-warn-400); --mat-form-field-filled-focus-active-indicator-color: var(--palette-warn-400); --mat-form-field-filled-focus-label-text-color: var(--palette-warn-400); --mat-form-field-filled-hover-active-indicator-color: #1c1b1b; --mat-form-field-filled-hover-label-text-color: #444748; --mat-form-field-filled-input-text-color: #1c1b1b; --mat-form-field-filled-input-text-placeholder-color: #444748; --mat-form-field-filled-label-text-color: #444748; --mat-form-field-focus-select-arrow-color: var(--palette-warn-400); --mat-form-field-focus-state-layer-opacity: 0; --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-leading-icon-color: #444748; --mat-form-field-outlined-caret-color: var(--palette-warn-400); --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-form-field-outlined-error-caret-color: var(--palette-warn-400); --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-400); --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-300); --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-300); --mat-form-field-outlined-error-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-error-outline-color: var(--palette-warn-400); --mat-form-field-outlined-focus-label-text-color: var(--palette-warn-400); --mat-form-field-outlined-focus-outline-color: var(--palette-warn-400); --mat-form-field-outlined-hover-label-text-color: #1c1b1b; --mat-form-field-outlined-hover-outline-color: #1c1b1b; --mat-form-field-outlined-input-text-color: #1c1b1b; --mat-form-field-outlined-input-text-placeholder-color: #444748; --mat-form-field-outlined-label-text-color: #444748; --mat-form-field-outlined-outline-color: #747878; --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-form-field-select-option-text-color: #1c1b1b; --mat-form-field-state-layer-color: #1c1b1b; --mat-form-field-trailing-icon-color: #444748; } .atomic-theme .mat-warn.mat-datepicker-content { --mat-datepicker-calendar-body-label-text-color: #1c1b1b; --mat-datepicker-calendar-container-background-color: #ebe7e7; --mat-datepicker-calendar-container-text-color: #1c1b1b; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1c1b1b 8%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--palette-accent-400); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--palette-accent-900); --mat-datepicker-calendar-date-in-range-state-background-color: var(--palette-warn-900); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-preview-state-outline-color: var(--palette-warn-400); --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-400); --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-900); --mat-datepicker-calendar-date-text-color: #1c1b1b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-calendar-date-today-outline-color: var(--palette-warn-400); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-400); --mat-datepicker-calendar-header-divider-color: transparent; --mat-datepicker-calendar-header-text-color: #444748; --mat-datepicker-calendar-navigation-button-icon-color: #444748; --mat-datepicker-calendar-period-button-icon-color: #444748; --mat-datepicker-calendar-period-button-text-color: #444748; --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-datepicker-range-input-separator-color: #1c1b1b; --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-400); --mat-datepicker-toggle-icon-color: #444748; } .atomic-theme .mat-warn.mat-mdc-button-base { --mat-button-filled-container-color: var(--palette-warn-400); --mat-button-filled-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-filled-disabled-state-layer-color: #444748; --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.08; --mat-button-filled-label-text-color: var(--palette-warn-900); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-warn-900) 12%, transparent); --mat-button-filled-state-layer-color: var(--palette-warn-900); --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-outlined-disabled-state-layer-color: #444748; --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.08; --mat-button-outlined-label-text-color: var(--palette-warn-400); --mat-button-outlined-outline-color: #747878; --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-warn-400) 12%, transparent); --mat-button-outlined-state-layer-color: var(--palette-warn-400); --mat-button-protected-container-color: #fcf8f8; --mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-protected-disabled-state-layer-color: #444748; --mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-hover-state-layer-opacity: 0.08; --mat-button-protected-label-text-color: var(--palette-warn-400); --mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-warn-400) 12%, transparent); --mat-button-protected-state-layer-color: var(--palette-warn-400); --mat-button-text-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-text-disabled-state-layer-color: #444748; --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.08; --mat-button-text-label-text-color: var(--palette-warn-400); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-warn-400) 12%, transparent); --mat-button-text-state-layer-color: var(--palette-warn-400); --mat-button-tonal-container-color: var(--palette-warn-900); --mat-button-tonal-disabled-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-button-tonal-disabled-state-layer-color: #444748; --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.08; --mat-button-tonal-label-text-color: var(--palette-warn-300); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-warn-300) 12%, transparent); --mat-button-tonal-state-layer-color: var(--palette-warn-300); --mat-icon-button-disabled-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-icon-button-disabled-state-layer-color: var(--palette-warn-400); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-icon-color: var(--palette-warn-400); --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-warn-400) 12%, transparent); --mat-icon-button-state-layer-color: var(--palette-warn-400); } .atomic-theme .mat-warn.mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-chip-disabled-outline-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-chip-elevated-selected-container-color: var(--palette-warn-900); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #1c1b1b 12%, transparent); --mat-chip-focus-outline-color: #444748; --mat-chip-focus-state-layer-color: #444748; --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: #444748; --mat-chip-hover-state-layer-opacity: 0.08; --mat-chip-label-text-color: #444748; --mat-chip-outline-color: #747878; --mat-chip-selected-disabled-trailing-icon-color: #1c1b1b; --mat-chip-selected-focus-state-layer-color: var(--palette-warn-300); --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: var(--palette-warn-300); --mat-chip-selected-hover-state-layer-opacity: 0.08; --mat-chip-selected-label-text-color: var(--palette-warn-300); --mat-chip-selected-trailing-action-state-layer-color: var(--palette-warn-300); --mat-chip-selected-trailing-icon-color: var(--palette-warn-300); --mat-chip-trailing-action-focus-state-layer-opacity: 0.12; --mat-chip-trailing-action-hover-state-layer-opacity: 0.08; --mat-chip-trailing-action-state-layer-color: #444748; --mat-chip-with-icon-disabled-icon-color: #1c1b1b; --mat-chip-with-icon-icon-color: #444748; --mat-chip-with-icon-selected-icon-color: var(--palette-warn-300); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #1c1b1b; --mat-chip-with-trailing-icon-trailing-icon-color: #444748; } .atomic-theme .mat-warn .mdc-list-item__start, .atomic-theme .mat-warn .mdc-list-item__end { --mat-checkbox-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-selected-checkmark-color: #fcf8f8; --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-checkbox-label-text-color: #1c1b1b; --mat-checkbox-selected-checkmark-color: var(--palette-warn-900); --mat-checkbox-selected-focus-icon-color: var(--palette-warn-400); --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-400); --mat-checkbox-selected-hover-icon-color: var(--palette-warn-400); --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-400); --mat-checkbox-selected-icon-color: var(--palette-warn-400); --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-400); --mat-checkbox-selected-pressed-state-layer-color: #1c1b1b; --mat-checkbox-unselected-focus-icon-color: #1c1b1b; --mat-checkbox-unselected-focus-state-layer-color: #1c1b1b; --mat-checkbox-unselected-hover-icon-color: #1c1b1b; --mat-checkbox-unselected-hover-state-layer-color: #1c1b1b; --mat-checkbox-unselected-icon-color: #444748; --mat-checkbox-unselected-pressed-state-layer-color: var(--palette-warn-400); --mat-radio-checked-ripple-color: var(--palette-warn-400); --mat-radio-disabled-label-color: color-mix(in srgb, #1c1b1b 38%, transparent); --mat-radio-disabled-selected-icon-color: #1c1b1b; --mat-radio-disabled-unselected-icon-color: #1c1b1b; --mat-radio-label-text-color: #1c1b1b; --mat-radio-ripple-color: #1c1b1b; --mat-radio-selected-focus-icon-color: var(--palette-warn-400); --mat-radio-selected-hover-icon-color: var(--palette-warn-400); --mat-radio-selected-icon-color: var(--palette-warn-400); --mat-radio-selected-pressed-icon-color: var(--palette-warn-400); --mat-radio-unselected-focus-icon-color: #1c1b1b; --mat-radio-unselected-hover-icon-color: #1c1b1b; --mat-radio-unselected-pressed-icon-color: #1c1b1b; } .atomic-theme .mat-badge-warn { --mat-badge-background-color: var(--palette-warn-400); --mat-badge-disabled-state-background-color: color-mix(in srgb, var(--palette-warn-400) 38%, transparent); --mat-badge-disabled-state-text-color: var(--palette-warn-900); --mat-badge-text-color: var(--palette-warn-900); } .atomic-theme .ag-theme-material { --ag-material-primary-color: var(--palette-primary-500); --ag-background-color: transparent; --ag-header-background-color: transparent; --ag-header-foreground-color: var(--palette-primary-500); --ag-cell-horizontal-padding: 8px; --ag-secondary-foreground-color: var(--palette-primary-500); --ag-checkbox-checked-color: var(--palette-primary-500); --ag-row-border-color: transparent; --ag-foreground-color: rgba(0, 0, 0, 0.87); --ag-subheader-background-color: #eee; --ag-range-selection-border-color: var(--palette-primary-500); --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-border-color: #e2e2e2; --ag-disabled-foreground-color: rgba(0, 0, 0, 0.3306); --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-modal-overlay-background-color: rgba(0, 0, 0, 0); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.271); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.3439); --ag-header-column-separator-color: rgba(226, 226, 226, 0.5); --ag-header-column-resize-handle-color: rgba(226, 226, 226, 0.5); } .atomic-theme mat-sidenav { --mat-sidenav-container-width: auto; --mat-sidenav-container-background-color: black; --mat-sidenav-container-text-color: white; } .atomic-theme mat-sidenav mat-list-item { --mat-list-active-indicator-color: pink; --mat-list-list-item-leading-icon-start-space: 12px; --mat-list-list-item-leading-icon-end-space: 12px; --mat-list-list-item-leading-icon-color: white; --mat-list-list-item-label-text-color: white; --mat-list-list-item-hover-leading-icon-color: grey; --mat-list-list-item-hover-label-text-color: grey; } .atomic-theme mat-sidenav mat-expansion-panel { --mat-expansion-container-background-color: black; --mat-expansion-container-text-color: white; --mat-expansion-header-text-color: white; --mat-icon-color: white; } .atomic-theme { --mat-sidenav-content-background-color: #f1f5f9; } .atomic-theme mat-list-item { --mat-list-active-indicator-color: pink; --mat-list-list-item-leading-icon-start-space: 12px; --mat-list-list-item-leading-icon-end-space: 12px; --mat-list-list-item-leading-icon-color: black; --mat-list-list-item-label-text-color: black; --mat-list-list-item-hover-leading-icon-color: grey; --mat-list-list-item-hover-label-text-color: grey; } .atomic-theme .sds-logo { --sds-logo-url: url("./media/sds_logo.svg"); background: var(--sds-logo-url) no-repeat; background-position: center; margin: auto; } .atomic-theme .usln-p-assistant-head-texts { pointer-events: none !important; } .atomic-theme span.userlane-svg-icon { font-size: 24px !important; color: #666 !important; } .atomic-theme span.usln-icon { color: white !important; } .atomic-theme span.userlane-svg-icon.usln-list-item-icon { color: white !important; } .atomic-theme .usln-index { background-color: #666 !important; } .atomic-theme .usln-index span { color: white !important; } gridster .gridster-item-inner { height: 100%; } gridster-item:-webkit-full-screen { width: 100% !important; height: 100% !important; transform: none !important; } @media (hover: hover) { gridster gridster-item .visible-on-gridster-item-hover { visibility: hidden; } gridster gridster-item:hover .visible-on-gridster-item-hover { visibility: visible; } } @media (hover: none) { gridster gridster-item .visible-on-gridster-item-hover { visibility: visible; } } :root { --highcharts-background-color: transparent !important; --highcharts-color-0: #ffe400 !important; } :root .highcharts-color-0 { fill: var(--highcharts-color-0) !important; stroke: var(--highcharts-color-0) !important; } :root { --highcharts-color-1: #0b5394 !important; } :root .highcharts-color-1 { fill: var(--highcharts-color-1) !important; stroke: var(--highcharts-color-1) !important; } :root { --highcharts-color-2: #cc0000 !important; } :root .highcharts-color-2 { fill: var(--highcharts-color-2) !important; stroke: var(--highcharts-color-2) !important; } :root { --highcharts-color-3: #6aa84f !important; } :root .highcharts-color-3 { fill: var(--highcharts-color-3) !important; stroke: var(--highcharts-color-3) !important; } :root { --highcharts-color-4: #783f04 !important; } :root .highcharts-color-4 { fill: var(--highcharts-color-4) !important; stroke: var(--highcharts-color-4) !important; } :root { --highcharts-color-5: #eae166 !important; } :root .highcharts-color-5 { fill: var(--highcharts-color-5) !important; stroke: var(--highcharts-color-5) !important; } :root { --highcharts-color-6: #674ea7 !important; } :root .highcharts-color-6 { fill: var(--highcharts-color-6) !important; stroke: var(--highcharts-color-6) !important; } :root { --highcharts-color-7: #ff5699 !important; } :root .highcharts-color-7 { fill: var(--highcharts-color-7) !important; stroke: var(--highcharts-color-7) !important; } :root { --highcharts-color-8: #f1c232 !important; } :root .highcharts-color-8 { fill: var(--highcharts-color-8) !important; stroke: var(--highcharts-color-8) !important; } :root { --highcharts-color-9: #38761d !important; } :root .highcharts-color-9 { fill: var(--highcharts-color-9) !important; stroke: var(--highcharts-color-9) !important; } :root { --highcharts-color-10: #b45f06 !important; } :root .highcharts-color-10 { fill: var(--highcharts-color-10) !important; stroke: var(--highcharts-color-10) !important; } :root { --highcharts-color-11: #3d85c6 !important; } :root .highcharts-color-11 { fill: var(--highcharts-color-11) !important; stroke: var(--highcharts-color-11) !important; } :root { --highcharts-color-12: #e69138 !important; } :root .highcharts-color-12 { fill: var(--highcharts-color-12) !important; stroke: var(--highcharts-color-12) !important; } :root { --highcharts-color-13: #3f51b5 !important; } :root .highcharts-color-13 { fill: var(--highcharts-color-13) !important; stroke: var(--highcharts-color-13) !important; } :root { --highcharts-color-14: #45818e !important; } :root .highcharts-color-14 { fill: var(--highcharts-color-14) !important; stroke: var(--highcharts-color-14) !important; } :root { --highcharts-color-15: #ff5733 !important; } :root .highcharts-color-15 { fill: var(--highcharts-color-15) !important; stroke: var(--highcharts-color-15) !important; } :root { --highcharts-color-16: #a64d79 !important; } :root .highcharts-color-16 { fill: var(--highcharts-color-16) !important; stroke: var(--highcharts-color-16) !important; } :root { --highcharts-color-17: #bf9000 !important; } :root .highcharts-color-17 { fill: var(--highcharts-color-17) !important; stroke: var(--highcharts-color-17) !important; } :root { --highcharts-color-18: #5a8544 !important; } :root .highcharts-color-18 { fill: var(--highcharts-color-18) !important; stroke: var(--highcharts-color-18) !important; } :root { --highcharts-color-19: #c52b77 !important; } :root .highcharts-color-19 { fill: var(--highcharts-color-19) !important; stroke: var(--highcharts-color-19) !important; } :root { --highcharts-color-20: #e2e53e !important; } :root .highcharts-color-20 { fill: var(--highcharts-color-20) !important; stroke: var(--highcharts-color-20) !important; } :root { --highcharts-color-21: #3e77e5 !important; } :root .highcharts-color-21 { fill: var(--highcharts-color-21) !important; stroke: var(--highcharts-color-21) !important; } :root { --highcharts-color-22: #e53e3e !important; } :root .highcharts-color-22 { fill: var(--highcharts-color-22) !important; stroke: var(--highcharts-color-22) !important; } :root { --highcharts-color-23: #ceb638 !important; } :root .highcharts-color-23 { fill: var(--highcharts-color-23) !important; stroke: var(--highcharts-color-23) !important; } :root { --highcharts-color-24: #33ff4b !important; } :root .highcharts-color-24 { fill: var(--highcharts-color-24) !important; stroke: var(--highcharts-color-24) !important; } :root { --highcharts-color-25: #e23ee5 !important; } :root .highcharts-color-25 { fill: var(--highcharts-color-25) !important; stroke: var(--highcharts-color-25) !important; } :root { --highcharts-color-26: #dd7615 !important; } :root .highcharts-color-26 { fill: var(--highcharts-color-26) !important; stroke: var(--highcharts-color-26) !important; } :root { --highcharts-color-27: #b9bb04 !important; } :root .highcharts-color-27 { fill: var(--highcharts-color-27) !important; stroke: var(--highcharts-color-27) !important; } :root { --highcharts-color-28: #4184a9 !important; } :root .highcharts-color-28 { fill: var(--highcharts-color-28) !important; stroke: var(--highcharts-color-28) !important; } :root { --highcharts-color-29: #db3b18 !important; } :root .highcharts-color-29 { fill: var(--highcharts-color-29) !important; stroke: var(--highcharts-color-29) !important; } :root { --highcharts-color-30: #549253 !important; } :root .highcharts-color-30 { fill: var(--highcharts-color-30) !important; stroke: var(--highcharts-color-30) !important; } :root { --highcharts-color-31: #a54083 !important; } :root .highcharts-color-31 { fill: var(--highcharts-color-31) !important; stroke: var(--highcharts-color-31) !important; } :root { --highcharts-color-32: #bb6c6c !important; } :root .highcharts-color-32 { fill: var(--highcharts-color-32) !important; stroke: var(--highcharts-color-32) !important; } :root { --highcharts-color-33: #ffec4d !important; } :root .highcharts-color-33 { fill: var(--highcharts-color-33) !important; stroke: var(--highcharts-color-33) !important; } :root { --highcharts-color-34: #5487b4 !important; } :root .highcharts-color-34 { fill: var(--highcharts-color-34) !important; stroke: var(--highcharts-color-34) !important; } :root { --highcharts-color-35: #db4d4d !important; } :root .highcharts-color-35 { fill: var(--highcharts-color-35) !important; stroke: var(--highcharts-color-35) !important; } :root { --highcharts-color-36: #97c284 !important; } :root .highcharts-color-36 { fill: var(--highcharts-color-36) !important; stroke: var(--highcharts-color-36) !important; } :root { --highcharts-color-37: #a1794f !important; } :root .highcharts-color-37 { fill: var(--highcharts-color-37) !important; stroke: var(--highcharts-color-37) !important; } :root { --highcharts-color-38: #f0ea94 !important; } :root .highcharts-color-38 { fill: var(--highcharts-color-38) !important; stroke: var(--highcharts-color-38) !important; } :root { --highcharts-color-39: #9583c1 !important; } :root .highcharts-color-39 { fill: var(--highcharts-color-39) !important; stroke: var(--highcharts-color-39) !important; } :root { --highcharts-color-40: #ff89b8 !important; } :root .highcharts-color-40 { fill: var(--highcharts-color-40) !important; stroke: var(--highcharts-color-40) !important; } :root { --highcharts-color-41: #f5d470 !important; } :root .highcharts-color-41 { fill: var(--highcharts-color-41) !important; stroke: var(--highcharts-color-41) !important; } :root { --highcharts-color-42: #749f61 !important; } :root .highcharts-color-42 { fill: var(--highcharts-color-42) !important; stroke: var(--highcharts-color-42) !important; } :root { --highcharts-color-43: #cb8f51 !important; } :root .highcharts-color-43 { fill: var(--highcharts-color-43) !important; stroke: var(--highcharts-color-43) !important; } :root { --highcharts-color-44: #77aad7 !important; } :root .highcharts-color-44 { fill: var(--highcharts-color-44) !important; stroke: var(--highcharts-color-44) !important; } :root { --highcharts-color-45: #eeb274 !important; } :root .highcharts-color-45 { fill: var(--highcharts-color-45) !important; stroke: var(--highcharts-color-45) !important; } :root { --highcharts-color-46: #7985cb !important; } :root .highcharts-color-46 { fill: var(--highcharts-color-46) !important; stroke: var(--highcharts-color-46) !important; } :root { --highcharts-color-47: #7da7b0 !important; } :root .highcharts-color-47 { fill: var(--highcharts-color-47) !important; stroke: var(--highcharts-color-47) !important; } :root { --highcharts-color-48: #ff8970 !important; } :root .highcharts-color-48 { fill: var(--highcharts-color-48) !important; stroke: var(--highcharts-color-48) !important; } :root { --highcharts-color-49: #c182a1 !important; } :root .highcharts-color-49 { fill: var(--highcharts-color-49) !important; stroke: var(--highcharts-color-49) !important; } :root { --highcharts-color-50: #8caa7c !important; } :root .highcharts-color-50 { fill: var(--highcharts-color-50) !important; stroke: var(--highcharts-color-50) !important; } :root { --highcharts-color-51: #d2b14d !important; } :root .highcharts-color-51 { fill: var(--highcharts-color-51) !important; stroke: var(--highcharts-color-51) !important; } :root { --highcharts-color-52: #d66ba0 !important; } :root .highcharts-color-52 { fill: var(--highcharts-color-52) !important; stroke: var(--highcharts-color-52) !important; } :root { --highcharts-color-53: #ebed78 !important; } :root .highcharts-color-53 { fill: var(--highcharts-color-53) !important; stroke: var(--highcharts-color-53) !important; } :root { --highcharts-color-54: #78a0ed !important; } :root .highcharts-color-54 { fill: var(--highcharts-color-54) !important; stroke: var(--highcharts-color-54) !important; } :root { --highcharts-color-55: #ed7878 !important; } :root .highcharts-color-55 { fill: var(--highcharts-color-55) !important; stroke: var(--highcharts-color-55) !important; } :root { --highcharts-color-56: #ddcc74 !important; } :root .highcharts-color-56 { fill: var(--highcharts-color-56) !important; stroke: var(--highcharts-color-56) !important; } :root { --highcharts-color-57: #70ff81 !important; } :root .highcharts-color-57 { fill: var(--highcharts-color-57) !important; stroke: var(--highcharts-color-57) !important; } :root { --highcharts-color-58: #eb78ed !important; } :root .highcharts-color-58 { fill: var(--highcharts-color-58) !important; stroke: var(--highcharts-color-58) !important; } :root { --highcharts-color-59: #e79f5b !important; } :root .highcharts-color-59 { fill: var(--highcharts-color-59) !important; stroke: var(--highcharts-color-59) !important; } :root { --highcharts-color-60: #cecf4f !important; } :root .highcharts-color-60 { fill: var(--highcharts-color-60) !important; stroke: var(--highcharts-color-60) !important; } :root { --highcharts-color-61: #7aa9c3 !important; } :root .highcharts-color-61 { fill: var(--highcharts-color-61) !important; stroke: var(--highcharts-color-61) !important; } :root { --highcharts-color-62: #e6765d !important; } :root .highcharts-color-62 { fill: var(--highcharts-color-62) !important; stroke: var(--highcharts-color-62) !important; } :root { --highcharts-color-63: #87b387 !important; } :root .highcharts-color-63 { fill: var(--highcharts-color-63) !important; stroke: var(--highcharts-color-63) !important; } :root { --highcharts-color-64: #c079a8 !important; } :root .highcharts-color-64 { fill: var(--highcharts-color-64) !important; stroke: var(--highcharts-color-64) !important; } :root { --highcharts-color-65: #cf9898 !important; } :root .highcharts-color-65 { fill: var(--highcharts-color-65) !important; stroke: var(--highcharts-color-65) !important; } :root { --highcharts-color-66: #ffe826 !important; } :root .highcharts-color-66 { fill: var(--highcharts-color-66) !important; stroke: var(--highcharts-color-66) !important; } :root { --highcharts-color-67: #306da4 !important; } :root .highcharts-color-67 { fill: var(--highcharts-color-67) !important; stroke: var(--highcharts-color-67) !important; } :root { --highcharts-color-68: #d42626 !important; } :root .highcharts-color-68 { fill: var(--highcharts-color-68) !important; stroke: var(--highcharts-color-68) !important; } :root { --highcharts-color-69: #80b569 !important; } :root .highcharts-color-69 { fill: var(--highcharts-color-69) !important; stroke: var(--highcharts-color-69) !important; } :root { --highcharts-color-70: #8c5c2a !important; } :root .highcharts-color-70 { fill: var(--highcharts-color-70) !important; stroke: var(--highcharts-color-70) !important; } :root { --highcharts-color-71: #ede67d !important; } :root .highcharts-color-71 { fill: var(--highcharts-color-71) !important; stroke: var(--highcharts-color-71) !important; } :root { --highcharts-color-72: #7e69b4 !important; } :root .highcharts-color-72 { fill: var(--highcharts-color-72) !important; stroke: var(--highcharts-color-72) !important; } :root { --highcharts-color-73: #ff6fa8 !important; } :root .highcharts-color-73 { fill: var(--highcharts-color-73) !important; stroke: var(--highcharts-color-73) !important; } :root { --highcharts-color-74: #f3cb51 !important; } :root .highcharts-color-74 { fill: var(--highcharts-color-74) !important; stroke: var(--highcharts-color-74) !important; } :root { --highcharts-color-75: #568b3f !important; } :root .highcharts-color-75 { fill: var(--highcharts-color-75) !important; stroke: var(--highcharts-color-75) !important; } :root { --highcharts-color-76: #bf772b !important; } :root .highcharts-color-76 { fill: var(--highcharts-color-76) !important; stroke: var(--highcharts-color-76) !important; } :root { --highcharts-color-77: #5a97cf !important; } :root .highcharts-color-77 { fill: var(--highcharts-color-77) !important; stroke: var(--highcharts-color-77) !important; } :root { --highcharts-color-78: #eaa256 !important; } :root .highcharts-color-78 { fill: var(--highcharts-color-78) !important; stroke: var(--highcharts-color-78) !important; } :root { --highcharts-color-79: #5c6bc0 !important; } :root .highcharts-color-79 { fill: var(--highcharts-color-79) !important; stroke: var(--highcharts-color-79) !important; } :root { --highcharts-color-80: #61949f !important; } :root .highcharts-color-80 { fill: var(--highcharts-color-80) !important; stroke: var(--highcharts-color-80) !important; } :root { --highcharts-color-81: #ff7052 !important; } :root .highcharts-color-81 { fill: var(--highcharts-color-81) !important; stroke: var(--highcharts-color-81) !important; } :root { --highcharts-color-82: #b3688d !important; } :root .highcharts-color-82 { fill: var(--highcharts-color-82) !important; stroke: var(--highcharts-color-82) !important; } :root { --highcharts-color-83: #739760 !important; } :root .highcharts-color-83 { fill: var(--highcharts-color-83) !important; stroke: var(--highcharts-color-83) !important; } :root { --highcharts-color-84: #c9a126 !important; } :root .highcharts-color-84 { fill: var(--highcharts-color-84) !important; stroke: var(--highcharts-color-84) !important; } :root { --highcharts-color-85: #ce4b8b !important; } :root .highcharts-color-85 { fill: var(--highcharts-color-85) !important; stroke: var(--highcharts-color-85) !important; } :root { --highcharts-color-86: #e6e95b !important; } :root .highcharts-color-86 { fill: var(--highcharts-color-86) !important; stroke: var(--highcharts-color-86) !important; } :root { --highcharts-color-87: #5b8be9 !important; } :root .highcharts-color-87 { fill: var(--highcharts-color-87) !important; stroke: var(--highcharts-color-87) !important; } :root { --highcharts-color-88: #e95b5b !important; } :root .highcharts-color-88 { fill: var(--highcharts-color-88) !important; stroke: var(--highcharts-color-88) !important; } :root { --highcharts-color-89: #d5c156 !important; } :root .highcharts-color-89 { fill: var(--highcharts-color-89) !important; stroke: var(--highcharts-color-89) !important; } :root { --highcharts-color-90: #52ff66 !important; } :root .highcharts-color-90 { fill: var(--highcharts-color-90) !important; stroke: var(--highcharts-color-90) !important; } :root { --highcharts-color-91: #e65be9 !important; } :root .highcharts-color-91 { fill: var(--highcharts-color-91) !important; stroke: var(--highcharts-color-91) !important; } :root { --highcharts-color-92: #e28b38 !important; } :root .highcharts-color-92 { fill: var(--highcharts-color-92) !important; stroke: var(--highcharts-color-92) !important; } :root { --highcharts-color-93: #c4c52a !important; } :root .highcharts-color-93 { fill: var(--highcharts-color-93) !important; stroke: var(--highcharts-color-93) !important; } :root { --highcharts-color-94: #5e96b6 !important; } :root .highcharts-color-94 { fill: var(--highcharts-color-94) !important; stroke: var(--highcharts-color-94) !important; } :root { --highcharts-color-95: #e0583b !important; } :root .highcharts-color-95 { fill: var(--highcharts-color-95) !important; stroke: var(--highcharts-color-95) !important; } :root { --highcharts-color-96: #6ea26d !important; } :root .highcharts-color-96 { fill: var(--highcharts-color-96) !important; stroke: var(--highcharts-color-96) !important; } :root { --highcharts-color-97: #b35d96 !important; } :root .highcharts-color-97 { fill: var(--highcharts-color-97) !important; stroke: var(--highcharts-color-97) !important; } :root { --highcharts-color-98: #c58282 !important; } :root .highcharts-color-98 { fill: var(--highcharts-color-98) !important; stroke: var(--highcharts-color-98) !important; } :root { --highcharts-color-99: #ffe100 !important; } :root .highcharts-color-99 { fill: var(--highcharts-color-99) !important; stroke: var(--highcharts-color-99) !important; } :root { --highcharts-color-100: #0a4c8c !important; } :root .highcharts-color-100 { fill: var(--highcharts-color-100) !important; stroke: var(--highcharts-color-100) !important; } :root { --highcharts-color-101: #c70000 !important; } :root .highcharts-color-101 { fill: var(--highcharts-color-101) !important; stroke: var(--highcharts-color-101) !important; } :root { --highcharts-color-102: #62a048 !important; } :root .highcharts-color-102 { fill: var(--highcharts-color-102) !important; stroke: var(--highcharts-color-102) !important; } :root { --highcharts-color-103: #703903 !important; } :root .highcharts-color-103 { fill: var(--highcharts-color-103) !important; stroke: var(--highcharts-color-103) !important; } :root { --highcharts-color-104: #e7dd5e !important; } :root .highcharts-color-104 { fill: var(--highcharts-color-104) !important; stroke: var(--highcharts-color-104) !important; } :root { --highcharts-color-105: #5f479f !important; } :root .highcharts-color-105 { fill: var(--highcharts-color-105) !important; stroke: var(--highcharts-color-105) !important; } :root { --highcharts-color-106: #ff4f91 !important; } :root .highcharts-color-106 { fill: var(--highcharts-color-106) !important; stroke: var(--highcharts-color-106) !important; } :root { --highcharts-color-107: #efbc2d !important; } :root .highcharts-color-107 { fill: var(--highcharts-color-107) !important; stroke: var(--highcharts-color-107) !important; } :root { --highcharts-color-108: #326e1a !important; } :root .highcharts-color-108 { fill: var(--highcharts-color-108) !important; stroke: var(--highcharts-color-108) !important; } :root { --highcharts-color-109: #ad5705 !important; } :root .highcharts-color-109 { fill: var(--highcharts-color-109) !important; stroke: var(--highcharts-color-109) !important; } :root { --highcharts-color-110: #377dc0 !important; } :root .highcharts-color-110 { fill: var(--highcharts-color-110) !important; stroke: var(--highcharts-color-110) !important; } :root { --highcharts-color-111: #e38932 !important; } :root .highcharts-color-111 { fill: var(--highcharts-color-111) !important; stroke: var(--highcharts-color-111) !important; } :root { --highcharts-color-112: #394aae !important; } :root .highcharts-color-112 { fill: var(--highcharts-color-112) !important; stroke: var(--highcharts-color-112) !important; } :root { --highcharts-color-113: #3e7986 !important; } :root .highcharts-color-113 { fill: var(--highcharts-color-113) !important; stroke: var(--highcharts-color-113) !important; } :root { --highcharts-color-114: #ff4f2e !important; } :root .highcharts-color-114 { fill: var(--highcharts-color-114) !important; stroke: var(--highcharts-color-114) !important; } :root { --highcharts-color-115: #9e4671 !important; } :root .highcharts-color-115 { fill: var(--highcharts-color-115) !important; stroke: var(--highcharts-color-115) !important; } :root { --highcharts-color-116: #527d3e !important; } :root .highcharts-color-116 { fill: var(--highcharts-color-116) !important; stroke: var(--highcharts-color-116) !important; } :root { --highcharts-color-117: #b98800 !important; } :root .highcharts-color-117 { fill: var(--highcharts-color-117) !important; stroke: var(--highcharts-color-117) !important; } :root { --highcharts-color-118: #bf266f !important; } :root .highcharts-color-118 { fill: var(--highcharts-color-118) !important; stroke: var(--highcharts-color-118) !important; } :root { --highcharts-color-119: #dfe238 !important; } :root .highcharts-color-119 { fill: var(--highcharts-color-119) !important; stroke: var(--highcharts-color-119) !important; } :root { --highcharts-color-120: #386fe2 !important; } :root .highcharts-color-120 { fill: var(--highcharts-color-120) !important; stroke: var(--highcharts-color-120) !important; } :root { --highcharts-color-121: #e23838 !important; } :root .highcharts-color-121 { fill: var(--highcharts-color-121) !important; stroke: var(--highcharts-color-121) !important; } :root { --highcharts-color-122: #c9af32 !important; } :root .highcharts-color-122 { fill: var(--highcharts-color-122) !important; stroke: var(--highcharts-color-122) !important; } :root { --highcharts-color-123: #2eff44 !important; } :root .highcharts-color-123 { fill: var(--highcharts-color-123) !important; stroke: var(--highcharts-color-123) !important; } :root { --highcharts-color-124: #df38e2 !important; } :root .highcharts-color-124 { fill: var(--highcharts-color-124) !important; stroke: var(--highcharts-color-124) !important; } :root { --highcharts-color-125: #d96e12 !important; } :root .highcharts-color-125 { fill: var(--highcharts-color-125) !important; stroke: var(--highcharts-color-125) !important; } :root { --highcharts-color-126: #b2b503 !important; } :root .highcharts-color-126 { fill: var(--highcharts-color-126) !important; stroke: var(--highcharts-color-126) !important; } :root { --highcharts-color-127: #3b7ca2 !important; } :root .highcharts-color-127 { fill: var(--highcharts-color-127) !important; stroke: var(--highcharts-color-127) !important; } :root { --highcharts-color-128: #d73515 !important; } :root .highcharts-color-128 { fill: var(--highcharts-color-128) !important; stroke: var(--highcharts-color-128) !important; } :root { --highcharts-color-129: #4d8a4c !important; } :root .highcharts-color-129 { fill: var(--highcharts-color-129) !important; stroke: var(--highcharts-color-129) !important; } :root { --highcharts-color-130: #9d3a7b !important; } :root .highcharts-color-130 { fill: var(--highcharts-color-130) !important; stroke: var(--highcharts-color-130) !important; } :root { --highcharts-color-131: #b56464 !important; } :root .highcharts-color-131 { fill: var(--highcharts-color-131) !important; stroke: var(--highcharts-color-131) !important; } :root { --highcharts-color-132: #ffdd00 !important; } :root .highcharts-color-132 { fill: var(--highcharts-color-132) !important; stroke: var(--highcharts-color-132) !important; } :root { --highcharts-color-133: #084281 !important; } :root .highcharts-color-133 { fill: var(--highcharts-color-133) !important; stroke: var(--highcharts-color-133) !important; } :root { --highcharts-color-134: #c00000 !important; } :root .highcharts-color-134 { fill: var(--highcharts-color-134) !important; stroke: var(--highcharts-color-134) !important; } :root { --highcharts-color-135: #57973f !important; } :root .highcharts-color-135 { fill: var(--highcharts-color-135) !important; stroke: var(--highcharts-color-135) !important; } :root { --highcharts-color-136: #653103 !important; } :root .highcharts-color-136 { fill: var(--highcharts-color-136) !important; stroke: var(--highcharts-color-136) !important; } :root { --highcharts-color-137: #e4d953 !important; } :root .highcharts-color-137 { fill: var(--highcharts-color-137) !important; stroke: var(--highcharts-color-137) !important; } :root { --highcharts-color-138: #543d96 !important; } :root .highcharts-color-138 { fill: var(--highcharts-color-138) !important; stroke: var(--highcharts-color-138) !important; } :root { --highcharts-color-139: #ff4586 !important; } :root .highcharts-color-139 { fill: var(--highcharts-color-139) !important; stroke: var(--highcharts-color-139) !important; } :root { --highcharts-color-140: #edb426 !important; } :root .highcharts-color-140 { fill: var(--highcharts-color-140) !important; stroke: var(--highcharts-color-140) !important; } :root { --highcharts-color-141: #2b6315 !important; } :root .highcharts-color-141 { fill: var(--highcharts-color-141) !important; stroke: var(--highcharts-color-141) !important; } :root { --highcharts-color-142: #a44d04 !important; } :root .highcharts-color-142 { fill: var(--highcharts-color-142) !important; stroke: var(--highcharts-color-142) !important; } :root { --highcharts-color-143: #2f72b9 !important; } :root .highcharts-color-143 { fill: var(--highcharts-color-143) !important; stroke: var(--highcharts-color-143) !important; } :root { --highcharts-color-144: #df7e2b !important; } :root .highcharts-color-144 { fill: var(--highcharts-color-144) !important; stroke: var(--highcharts-color-144) !important; } :root { --highcharts-color-145: #3140a5 !important; } :root .highcharts-color-145 { fill: var(--highcharts-color-145) !important; stroke: var(--highcharts-color-145) !important; } :root { --highcharts-color-146: #366e7b !important; } :root .highcharts-color-146 { fill: var(--highcharts-color-146) !important; stroke: var(--highcharts-color-146) !important; } :root { --highcharts-color-147: #ff4627 !important; } :root .highcharts-color-147 { fill: var(--highcharts-color-147) !important; stroke: var(--highcharts-color-147) !important; } :root { --highcharts-color-148: #953d66 !important; } :root .highcharts-color-148 { fill: var(--highcharts-color-148) !important; stroke: var(--highcharts-color-148) !important; } :root { --highcharts-color-149: #487235 !important; } :root .highcharts-color-149 { fill: var(--highcharts-color-149) !important; stroke: var(--highcharts-color-149) !important; } :root { --highcharts-color-150: #b17d00 !important; } :root .highcharts-color-150 { fill: var(--highcharts-color-150) !important; stroke: var(--highcharts-color-150) !important; } :root { --highcharts-color-151: #b82064 !important; } :root .highcharts-color-151 { fill: var(--highcharts-color-151) !important; stroke: var(--highcharts-color-151) !important; } :root { --highcharts-color-152: #dade30 !important; } :root .highcharts-color-152 { fill: var(--highcharts-color-152) !important; stroke: var(--highcharts-color-152) !important; } :root { --highcharts-color-153: #3064de !important; } :root .highcharts-color-153 { fill: var(--highcharts-color-153) !important; stroke: var(--highcharts-color-153) !important; } :root { --highcharts-color-154: #de3030 !important; } :root .highcharts-color-154 { fill: var(--highcharts-color-154) !important; stroke: var(--highcharts-color-154) !important; } :root { --highcharts-color-155: #c2a62b !important; } :root .highcharts-color-155 { fill: var(--highcharts-color-155) !important; stroke: var(--highcharts-color-155) !important; } :root { --highcharts-color-156: #27ff3b !important; } :root .highcharts-color-156 { fill: var(--highcharts-color-156) !important; stroke: var(--highcharts-color-156) !important; } :root { --highcharts-color-157: #da30de !important; } :root .highcharts-color-157 { fill: var(--highcharts-color-157) !important; stroke: var(--highcharts-color-157) !important; } :root { --highcharts-color-158: #d4630f !important; } :root .highcharts-color-158 { fill: var(--highcharts-color-158) !important; stroke: var(--highcharts-color-158) !important; } :root { --highcharts-color-159: #aaac03 !important; } :root .highcharts-color-159 { fill: var(--highcharts-color-159) !important; stroke: var(--highcharts-color-159) !important; } :root { --highcharts-color-160: #327198 !important; } :root .highcharts-color-160 { fill: var(--highcharts-color-160) !important; stroke: var(--highcharts-color-160) !important; } :root { --highcharts-color-161: #d22d11 !important; } :root .highcharts-color-161 { fill: var(--highcharts-color-161) !important; stroke: var(--highcharts-color-161) !important; } :root { --highcharts-color-162: #437f42 !important; } :root .highcharts-color-162 { fill: var(--highcharts-color-162) !important; stroke: var(--highcharts-color-162) !important; } :root { --highcharts-color-163: #933270 !important; } :root .highcharts-color-163 { fill: var(--highcharts-color-163) !important; stroke: var(--highcharts-color-163) !important; } :root { --highcharts-color-164: #ac5959 !important; } :root .highcharts-color-164 { fill: var(--highcharts-color-164) !important; stroke: var(--highcharts-color-164) !important; } :root { --highcharts-color-165: #ffd900 !important; } :root .highcharts-color-165 { fill: var(--highcharts-color-165) !important; stroke: var(--highcharts-color-165) !important; } :root { --highcharts-color-166: #063977 !important; } :root .highcharts-color-166 { fill: var(--highcharts-color-166) !important; stroke: var(--highcharts-color-166) !important; } :root { --highcharts-color-167: #b90000 !important; } :root .highcharts-color-167 { fill: var(--highcharts-color-167) !important; stroke: var(--highcharts-color-167) !important; } :root { --highcharts-color-168: #4d8d36 !important; } :root .highcharts-color-168 { fill: var(--highcharts-color-168) !important; stroke: var(--highcharts-color-168) !important; } :root { --highcharts-color-169: #5b2902 !important; } :root .highcharts-color-169 { fill: var(--highcharts-color-169) !important; stroke: var(--highcharts-color-169) !important; } :root { --highcharts-color-170: #e1d549 !important; } :root .highcharts-color-170 { fill: var(--highcharts-color-170) !important; stroke: var(--highcharts-color-170) !important; } :root { --highcharts-color-171: #4a358c !important; } :root .highcharts-color-171 { fill: var(--highcharts-color-171) !important; stroke: var(--highcharts-color-171) !important; } :root { --highcharts-color-172: #ff3c7c !important; } :root .highcharts-color-172 { fill: var(--highcharts-color-172) !important; stroke: var(--highcharts-color-172) !important; } :root { --highcharts-color-173: #ebac1f !important; } :root .highcharts-color-173 { fill: var(--highcharts-color-173) !important; stroke: var(--highcharts-color-173) !important; } :root { --highcharts-color-174: #245911 !important; } :root .highcharts-color-174 { fill: var(--highcharts-color-174) !important; stroke: var(--highcharts-color-174) !important; } :root { --highcharts-color-175: #9c4303 !important; } :root .highcharts-color-175 { fill: var(--highcharts-color-175) !important; stroke: var(--highcharts-color-175) !important; } :root { --highcharts-color-176: #2768b1 !important; } :root .highcharts-color-176 { fill: var(--highcharts-color-176) !important; stroke: var(--highcharts-color-176) !important; } :root { --highcharts-color-177: #db7424 !important; } :root .highcharts-color-177 { fill: var(--highcharts-color-177) !important; stroke: var(--highcharts-color-177) !important; } :root { --highcharts-color-178: #29379d !important; } :root .highcharts-color-178 { fill: var(--highcharts-color-178) !important; stroke: var(--highcharts-color-178) !important; } :root { --highcharts-color-179: #2e6471 !important; } :root .highcharts-color-179 { fill: var(--highcharts-color-179) !important; stroke: var(--highcharts-color-179) !important; } :root { --highcharts-color-180: #ff3c20 !important; } :root .highcharts-color-180 { fill: var(--highcharts-color-180) !important; stroke: var(--highcharts-color-180) !important; } :root { --highcharts-color-181: #8b345c !important; } :root .highcharts-color-181 { fill: var(--highcharts-color-181) !important; stroke: var(--highcharts-color-181) !important; } :root { --highcharts-color-182: #3f682d !important; } :root .highcharts-color-182 { fill: var(--highcharts-color-182) !important; stroke: var(--highcharts-color-182) !important; } :root { --highcharts-color-183: #a97300 !important; } :root .highcharts-color-183 { fill: var(--highcharts-color-183) !important; stroke: var(--highcharts-color-183) !important; } :root { --highcharts-color-184: #b01a5a !important; } :root .highcharts-color-184 { fill: var(--highcharts-color-184) !important; stroke: var(--highcharts-color-184) !important; } :root { --highcharts-color-185: #d6da28 !important; } :root .highcharts-color-185 { fill: var(--highcharts-color-185) !important; stroke: var(--highcharts-color-185) !important; } :root { --highcharts-color-186: #285ada !important; } :root .highcharts-color-186 { fill: var(--highcharts-color-186) !important; stroke: var(--highcharts-color-186) !important; } :root { --highcharts-color-187: #da2828 !important; } :root .highcharts-color-187 { fill: var(--highcharts-color-187) !important; stroke: var(--highcharts-color-187) !important; } :root { --highcharts-color-188: #bc9e24 !important; } :root .highcharts-color-188 { fill: var(--highcharts-color-188) !important; stroke: var(--highcharts-color-188) !important; } :root { --highcharts-color-189: #20ff33 !important; } :root .highcharts-color-189 { fill: var(--highcharts-color-189) !important; stroke: var(--highcharts-color-189) !important; } :root { --highcharts-color-190: #d628da !important; } :root .highcharts-color-190 { fill: var(--highcharts-color-190) !important; stroke: var(--highcharts-color-190) !important; } :root { --highcharts-color-191: #cf590c !important; } :root .highcharts-color-191 { fill: var(--highcharts-color-191) !important; stroke: var(--highcharts-color-191) !important; } :root { --highcharts-color-192: #a2a402 !important; } :root .highcharts-color-192 { fill: var(--highcharts-color-192) !important; stroke: var(--highcharts-color-192) !important; } :root { --highcharts-color-193: #2a678f !important; } :root .highcharts-color-193 { fill: var(--highcharts-color-193) !important; stroke: var(--highcharts-color-193) !important; } :root { --highcharts-color-194: #cd260e !important; } :root .highcharts-color-194 { fill: var(--highcharts-color-194) !important; stroke: var(--highcharts-color-194) !important; } :root { --highcharts-color-195: #3a7539 !important; } :root .highcharts-color-195 { fill: var(--highcharts-color-195) !important; stroke: var(--highcharts-color-195) !important; } :root { --highcharts-color-196: #8a2a66 !important; } :root .highcharts-color-196 { fill: var(--highcharts-color-196) !important; stroke: var(--highcharts-color-196) !important; } :root { --highcharts-color-197: #a44f4f !important; } :root .highcharts-color-197 { fill: var(--highcharts-color-197) !important; stroke: var(--highcharts-color-197) !important; } :root { --highcharts-color-198: #ffd100 !important; } :root .highcharts-color-198 { fill: var(--highcharts-color-198) !important; stroke: var(--highcharts-color-198) !important; } :root { --highcharts-color-199: #032965 !important; } :root .highcharts-color-199 { fill: var(--highcharts-color-199) !important; stroke: var(--highcharts-color-199) !important; } :root { --highcharts-color-200: #ad0000 !important; } :root .highcharts-color-200 { fill: var(--highcharts-color-200) !important; stroke: var(--highcharts-color-200) !important; } :root { --highcharts-color-201: #3c7d26 !important; } :root .highcharts-color-201 { fill: var(--highcharts-color-201) !important; stroke: var(--highcharts-color-201) !important; } :root { --highcharts-color-202: #481b01 !important; } :root .highcharts-color-202 { fill: var(--highcharts-color-202) !important; stroke: var(--highcharts-color-202) !important; } :root { --highcharts-color-203: #dbcd38 !important; } :root .highcharts-color-203 { fill: var(--highcharts-color-203) !important; stroke: var(--highcharts-color-203) !important; } :root { --highcharts-color-204: #39257c !important; } :root .highcharts-color-204 { fill: var(--highcharts-color-204) !important; stroke: var(--highcharts-color-204) !important; } :root { --highcharts-color-205: #ff2b6b !important; } :root .highcharts-color-205 { fill: var(--highcharts-color-205) !important; stroke: var(--highcharts-color-205) !important; } :root { --highcharts-color-206: #e79f13 !important; } :root .highcharts-color-206 { fill: var(--highcharts-color-206) !important; stroke: var(--highcharts-color-206) !important; } :root { --highcharts-color-207: #17460a !important; } :root .highcharts-color-207 { fill: var(--highcharts-color-207) !important; stroke: var(--highcharts-color-207) !important; } :root { --highcharts-color-208: #8c3202 !important; } :root .highcharts-color-208 { fill: var(--highcharts-color-208) !important; stroke: var(--highcharts-color-208) !important; } :root { --highcharts-color-209: #1a55a4 !important; } :root .highcharts-color-209 { fill: var(--highcharts-color-209) !important; stroke: var(--highcharts-color-209) !important; } :root { --highcharts-color-210: #d56217 !important; } :root .highcharts-color-210 { fill: var(--highcharts-color-210) !important; stroke: var(--highcharts-color-210) !important; } :root { --highcharts-color-211: #1b278d !important; } :root .highcharts-color-211 { fill: var(--highcharts-color-211) !important; stroke: var(--highcharts-color-211) !important; } :root { --highcharts-color-212: #1f515f !important; } :root .highcharts-color-212 { fill: var(--highcharts-color-212) !important; stroke: var(--highcharts-color-212) !important; } :root { --highcharts-color-213: #ff2c14 !important; } :root .highcharts-color-213 { fill: var(--highcharts-color-213) !important; stroke: var(--highcharts-color-213) !important; } :root { --highcharts-color-214: #7b2549 !important; } :root .highcharts-color-214 { fill: var(--highcharts-color-214) !important; stroke: var(--highcharts-color-214) !important; } :root { --highcharts-color-215: #2e551f !important; } :root .highcharts-color-215 { fill: var(--highcharts-color-215) !important; stroke: var(--highcharts-color-215) !important; } :root { --highcharts-color-216: #9b6100 !important; } :root .highcharts-color-216 { fill: var(--highcharts-color-216) !important; stroke: var(--highcharts-color-216) !important; } :root { --highcharts-color-217: #a31047 !important; } :root .highcharts-color-217 { fill: var(--highcharts-color-217) !important; stroke: var(--highcharts-color-217) !important; } :root { --highcharts-color-218: #cfd31b !important; } :root .highcharts-color-218 { fill: var(--highcharts-color-218) !important; stroke: var(--highcharts-color-218) !important; } :root { --highcharts-color-219: #1b47d3 !important; } :root .highcharts-color-219 { fill: var(--highcharts-color-219) !important; stroke: var(--highcharts-color-219) !important; } :root { --highcharts-color-220: #d31b1b !important; } :root .highcharts-color-220 { fill: var(--highcharts-color-220) !important; stroke: var(--highcharts-color-220) !important; } :root { --highcharts-color-221: #b08e17 !important; } :root .highcharts-color-221 { fill: var(--highcharts-color-221) !important; stroke: var(--highcharts-color-221) !important; } :root { --highcharts-color-222: #14ff23 !important; } :root .highcharts-color-222 { fill: var(--highcharts-color-222) !important; stroke: var(--highcharts-color-222) !important; } :root { --highcharts-color-223: #cf1bd3 !important; } :root .highcharts-color-223 { fill: var(--highcharts-color-223) !important; stroke: var(--highcharts-color-223) !important; } :root { --highcharts-color-224: #c74606 !important; } :root .highcharts-color-224 { fill: var(--highcharts-color-224) !important; stroke: var(--highcharts-color-224) !important; } :root { --highcharts-color-225: #939601 !important; } :root .highcharts-color-225 { fill: var(--highcharts-color-225) !important; stroke: var(--highcharts-color-225) !important; } :root { --highcharts-color-226: #1c547e !important; } :root .highcharts-color-226 { fill: var(--highcharts-color-226) !important; stroke: var(--highcharts-color-226) !important; } :root { --highcharts-color-227: #c41908 !important; } :root .highcharts-color-227 { fill: var(--highcharts-color-227) !important; stroke: var(--highcharts-color-227) !important; } :root { --highcharts-color-228: #296329 !important; } :root .highcharts-color-228 { fill: var(--highcharts-color-228) !important; stroke: var(--highcharts-color-228) !important; } :root { --highcharts-color-229: #791c53 !important; } :root .highcharts-color-229 { fill: var(--highcharts-color-229) !important; stroke: var(--highcharts-color-229) !important; } :root { --highcharts-color-230: #963d3d !important; } :root .highcharts-color-230 { fill: var(--highcharts-color-230) !important; stroke: var(--highcharts-color-230) !important; } :root { --highcharts-color-231: #898989 !important; } :root .highcharts-color-231 { fill: var(--highcharts-color-231) !important; stroke: var(--highcharts-color-231) !important; } :root { --highcharts-color-232: #666 !important; } :root .highcharts-color-232 { fill: var(--highcharts-color-232) !important; stroke: var(--highcharts-color-232) !important; } :root { --highcharts-color-233: #625151 !important; } :root .highcharts-color-233 { fill: var(--highcharts-color-233) !important; stroke: var(--highcharts-color-233) !important; } :root { --highcharts-color-234: #00cc00 !important; } :root .highcharts-color-234 { fill: var(--highcharts-color-234) !important; stroke: var(--highcharts-color-234) !important; } :root { --highcharts-color-235: #ffe400 !important; } :root .highcharts-color-235 { fill: var(--highcharts-color-235) !important; stroke: var(--highcharts-color-235) !important; } :root { --highcharts-color-236: #ff4d4d !important; } :root .highcharts-color-236 { fill: var(--highcharts-color-236) !important; stroke: var(--highcharts-color-236) !important; } :root { --highcharts-color-237: #0045d2 !important; } :root .highcharts-color-237 { fill: var(--highcharts-color-237) !important; stroke: var(--highcharts-color-237) !important; } :root { --highcharts-color-238: #9556bd !important; } :root .highcharts-color-238 { fill: var(--highcharts-color-238) !important; stroke: var(--highcharts-color-238) !important; } :root { --highcharts-color-239: #1aadce !important; } :root .highcharts-color-239 { fill: var(--highcharts-color-239) !important; stroke: var(--highcharts-color-239) !important; } :root { --highcharts-color-240: #e1ac07 !important; } :root .highcharts-color-240 { fill: var(--highcharts-color-240) !important; stroke: var(--highcharts-color-240) !important; } :root { --highcharts-color-charge-0: #98fb98 !important; } :root .highcharts-color-charge-0 { fill: var(--highcharts-color-charge-0) !important; stroke: var(--highcharts-color-charge-0) !important; } :root { --highcharts-color-charge-1: #00ff00 !important; } :root .highcharts-color-charge-1 { fill: var(--highcharts-color-charge-1) !important; stroke: var(--highcharts-color-charge-1) !important; } :root { --highcharts-color-charge-2: #228b22 !important; } :root .highcharts-color-charge-2 { fill: var(--highcharts-color-charge-2) !important; stroke: var(--highcharts-color-charge-2) !important; } :root { --highcharts-color-charge-3: #8fbc8f !important; } :root .highcharts-color-charge-3 { fill: var(--highcharts-color-charge-3) !important; stroke: var(--highcharts-color-charge-3) !important; } :root { --highcharts-color-charge-4: #006400 !important; } :root .highcharts-color-charge-4 { fill: var(--highcharts-color-charge-4) !important; stroke: var(--highcharts-color-charge-4) !important; } :root { --highcharts-color-charge-5: #3c7e3c !important; } :root .highcharts-color-charge-5 { fill: var(--highcharts-color-charge-5) !important; stroke: var(--highcharts-color-charge-5) !important; } :root { --highcharts-color-charge-6: #2e8b57 !important; } :root .highcharts-color-charge-6 { fill: var(--highcharts-color-charge-6) !important; stroke: var(--highcharts-color-charge-6) !important; } :root { --highcharts-color-charge-7: #32cd32 !important; } :root .highcharts-color-charge-7 { fill: var(--highcharts-color-charge-7) !important; stroke: var(--highcharts-color-charge-7) !important; } :root { --highcharts-color-charge-8: #008000 !important; } :root .highcharts-color-charge-8 { fill: var(--highcharts-color-charge-8) !important; stroke: var(--highcharts-color-charge-8) !important; } :root { --highcharts-color-charge-9: #3cb371 !important; } :root .highcharts-color-charge-9 { fill: var(--highcharts-color-charge-9) !important; stroke: var(--highcharts-color-charge-9) !important; } :root { --highcharts-color-discharge-0: #0045d2 !important; } :root .highcharts-color-discharge-0 { fill: var(--highcharts-color-discharge-0) !important; stroke: var(--highcharts-color-discharge-0) !important; } :root { --highcharts-color-discharge-1: #3e81d8 !important; } :root .highcharts-color-discharge-1 { fill: var(--highcharts-color-discharge-1) !important; stroke: var(--highcharts-color-discharge-1) !important; } :root { --highcharts-color-discharge-2: #00bfff !important; } :root .highcharts-color-discharge-2 { fill: var(--highcharts-color-discharge-2) !important; stroke: var(--highcharts-color-discharge-2) !important; } :root { --highcharts-color-discharge-3: #000080 !important; } :root .highcharts-color-discharge-3 { fill: var(--highcharts-color-discharge-3) !important; stroke: var(--highcharts-color-discharge-3) !important; } :root { --highcharts-color-discharge-4: #1e90ff !important; } :root .highcharts-color-discharge-4 { fill: var(--highcharts-color-discharge-4) !important; stroke: var(--highcharts-color-discharge-4) !important; } :root { --highcharts-color-discharge-5: #0000ff !important; } :root .highcharts-color-discharge-5 { fill: var(--highcharts-color-discharge-5) !important; stroke: var(--highcharts-color-discharge-5) !important; } :root { --highcharts-color-discharge-6: #6495ed !important; } :root .highcharts-color-discharge-6 { fill: var(--highcharts-color-discharge-6) !important; stroke: var(--highcharts-color-discharge-6) !important; } :root { --highcharts-color-discharge-7: #4682b4 !important; } :root .highcharts-color-discharge-7 { fill: var(--highcharts-color-discharge-7) !important; stroke: var(--highcharts-color-discharge-7) !important; } :root { --highcharts-color-discharge-8: #4169e1 !important; } :root .highcharts-color-discharge-8 { fill: var(--highcharts-color-discharge-8) !important; stroke: var(--highcharts-color-discharge-8) !important; } :root { --highcharts-color-discharge-9: #87cefa !important; } :root .highcharts-color-discharge-9 { fill: var(--highcharts-color-discharge-9) !important; stroke: var(--highcharts-color-discharge-9) !important; } :root { --highcharts-color-voltage-0: #f28f43 !important; } :root .highcharts-color-voltage-0 { fill: var(--highcharts-color-voltage-0) !important; stroke: var(--highcharts-color-voltage-0) !important; } :root { --highcharts-color-voltage-1: #d4a143 !important; } :root .highcharts-color-voltage-1 { fill: var(--highcharts-color-voltage-1) !important; stroke: var(--highcharts-color-voltage-1) !important; } :root { --highcharts-color-voltage-2: #eec4ae !important; } :root .highcharts-color-voltage-2 { fill: var(--highcharts-color-voltage-2) !important; stroke: var(--highcharts-color-voltage-2) !important; } :root { --highcharts-color-voltage-3: #e09200 !important; } :root .highcharts-color-voltage-3 { fill: var(--highcharts-color-voltage-3) !important; stroke: var(--highcharts-color-voltage-3) !important; } :root { --highcharts-color-voltage-4: #ffbb3d !important; } :root .highcharts-color-voltage-4 { fill: var(--highcharts-color-voltage-4) !important; stroke: var(--highcharts-color-voltage-4) !important; } :root { --highcharts-color-voltage-5: #db7832 !important; } :root .highcharts-color-voltage-5 { fill: var(--highcharts-color-voltage-5) !important; stroke: var(--highcharts-color-voltage-5) !important; } :root { --highcharts-color-voltage-6: #ec977a !important; } :root .highcharts-color-voltage-6 { fill: var(--highcharts-color-voltage-6) !important; stroke: var(--highcharts-color-voltage-6) !important; } :root { --highcharts-color-voltage-7: #ffb833 !important; } :root .highcharts-color-voltage-7 { fill: var(--highcharts-color-voltage-7) !important; stroke: var(--highcharts-color-voltage-7) !important; } :root { --highcharts-color-voltage-8: #af755e !important; } :root .highcharts-color-voltage-8 { fill: var(--highcharts-color-voltage-8) !important; stroke: var(--highcharts-color-voltage-8) !important; } :root { --highcharts-color-voltage-9: #ffba00 !important; } :root .highcharts-color-voltage-9 { fill: var(--highcharts-color-voltage-9) !important; stroke: var(--highcharts-color-voltage-9) !important; } :root { --highcharts-color-state-of-charge-0: #ff0038 !important; } :root .highcharts-color-state-of-charge-0 { fill: var(--highcharts-color-state-of-charge-0) !important; stroke: var(--highcharts-color-state-of-charge-0) !important; } :root { --highcharts-color-state-of-charge-1: #ce2029 !important; } :root .highcharts-color-state-of-charge-1 { fill: var(--highcharts-color-state-of-charge-1) !important; stroke: var(--highcharts-color-state-of-charge-1) !important; } :root { --highcharts-color-state-of-charge-2: #860111 !important; } :root .highcharts-color-state-of-charge-2 { fill: var(--highcharts-color-state-of-charge-2) !important; stroke: var(--highcharts-color-state-of-charge-2) !important; } :root { --highcharts-color-state-of-charge-3: #ff2424 !important; } :root .highcharts-color-state-of-charge-3 { fill: var(--highcharts-color-state-of-charge-3) !important; stroke: var(--highcharts-color-state-of-charge-3) !important; } :root { --highcharts-color-state-of-charge-4: #ba160c !important; } :root .highcharts-color-state-of-charge-4 { fill: var(--highcharts-color-state-of-charge-4) !important; stroke: var(--highcharts-color-state-of-charge-4) !important; } :root { --highcharts-color-state-of-charge-5: #ed1c24 !important; } :root .highcharts-color-state-of-charge-5 { fill: var(--highcharts-color-state-of-charge-5) !important; stroke: var(--highcharts-color-state-of-charge-5) !important; } :root { --highcharts-color-state-of-charge-6: #da2c43 !important; } :root .highcharts-color-state-of-charge-6 { fill: var(--highcharts-color-state-of-charge-6) !important; stroke: var(--highcharts-color-state-of-charge-6) !important; } :root { --highcharts-color-state-of-charge-7: #ad0000 !important; } :root .highcharts-color-state-of-charge-7 { fill: var(--highcharts-color-state-of-charge-7) !important; stroke: var(--highcharts-color-state-of-charge-7) !important; } :root { --highcharts-color-state-of-charge-8: #e51a4c !important; } :root .highcharts-color-state-of-charge-8 { fill: var(--highcharts-color-state-of-charge-8) !important; stroke: var(--highcharts-color-state-of-charge-8) !important; } :root { --highcharts-color-state-of-charge-9: #ff0800 !important; } :root .highcharts-color-state-of-charge-9 { fill: var(--highcharts-color-state-of-charge-9) !important; stroke: var(--highcharts-color-state-of-charge-9) !important; } mat-card { transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } mat-card mat-card-content { flex: 1 1 auto; overflow: auto; } .mdc-notched-outline__notch { border-right-style: none !important; border-left-style: none !important; } mat-expansion-panel mat-expansion-panel-header { height: 48px !important; } mat-expansion-panel.menu-panel { box-shadow: none !important; border-radius: 0 !important; } mat-expansion-panel.menu-panel .mat-expansion-panel-body { padding: 0px !important; } .mat-mdc-table .mat-mdc-row.mat-no-data-row td { text-align: center; } .mat-mdc-table .mat-mdc-header-cell { text-transform: uppercase; } .mat-typography { --mat-table-header-container-height: 44px; --mat-table-footer-container-height: 40px; --mat-table-row-item-container-height: 40px; } mat-ink-bar { height: 1px !important; } .mat-mdc-tab-body-wrapper { height: 100%; } .cdk-overlay-container:nth-of-type(0) { z-index: 1000 !important; } .cdk-overlay-container:nth-of-type(1) { z-index: 1001 !important; } .cdk-overlay-container:nth-of-type(2) { z-index: 1002 !important; } .cdk-overlay-container:nth-of-type(3) { z-index: 1003 !important; } .cdk-overlay-container:nth-of-type(4) { z-index: 1004 !important; } .cdk-overlay-container:nth-of-type(5) { z-index: 1005 !important; } .cdk-overlay-container:nth-of-type(6) { z-index: 1006 !important; } .cdk-overlay-container:nth-of-type(7) { z-index: 1007 !important; } .cdk-overlay-container:nth-of-type(8) { z-index: 1008 !important; } .cdk-overlay-container:nth-of-type(9) { z-index: 1009 !important; } :fullscreen .cdk-overlay-container, :fullscreen .highcharts-tooltip-container, :-webkit-full-screen .cdk-overlay-container, :-webkit-full-screen .highcharts-tooltip-container { z-index: 9999 !important; } .mat-drawer-container { height: 100%; } .dialog-no-scroll mat-dialog-container { overflow: hidden; } .mat-stepper-horizontal { height: 100%; } .mat-calendar-cell-semi-selected .mat-calendar-body-cell-content, .mat-calendar-body-end-range .mat-calendar-body-cell-content { color: black !important; } th.mat-mdc-header-cell span.disabled-text { text-transform: none !important; display: block; } .multiline-tooltip { white-space: pre-line; } .bordered-tab { border-width: 2px; --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } ag-grid-angular { width: 100%; height: 100%; } .ag-aria-description-container, .ag-sort-order { display: none !important; } .ag-theme-material .row-background-color-0 { background-color: #f28f43; } .ag-theme-material .row-background-color-1 { background-color: #29f235; } .ag-theme-material .row-background-color-2 { background-color: #ffff00; } .ag-theme-material .row-background-color-3 { background-color: #fe2622; } .ag-theme-material .row-background-color-4 { background-color: #2f7ed8; } .ag-theme-material .row-background-color-5 { background-color: #0d233a; } .ag-theme-material .row-background-color-6 { background-color: #8bbc21; } .ag-theme-material .row-background-color-7 { background-color: #910000; } .ag-theme-material .row-background-color-8 { background-color: #1aadce; } .ag-theme-material .row-background-color-9 { background-color: #492970; } .ag-theme-material .row-background-color-10 { background-color: #898989; } .ag-theme-material .row-background-color-11 { background-color: #77a1e5; } .ag-theme-material .row-background-color-12 { background-color: #c42525; } .ag-theme-material .row-background-color-13 { background-color: #a6c96a; } .ag-theme-material .ag-checkbox { margin-right: 10px; } .ag-theme-material .ag-icon, .ag-theme-material .ag-header-icon { width: 20px; height: 20px; line-height: 20px; padding-right: 15px; } .ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell { text-transform: uppercase; padding: 0px; background-color: transparent !important; } .ag-theme-material .compact-cell { text-align: center; padding-left: 4px !important; padding-right: 4px !important; } .ag-theme-material .ag-overlay-loading-wrapper { background-color: transparent; } .ag-theme-material .ag-body-viewport { overflow-y: scroll; } .ag-theme-material .ag-body .ag-pinned-left-cols-viewport, .ag-theme-material .ag-body .ag-body-viewport, .ag-theme-material .ag-body .ag-pinned-right-cols-viewport { scrollbar-width: thin; } .ag-theme-material .cell-align-left { justify-content: flex-start; } .ag-theme-material .cell-align-center { text-align: center; justify-content: center; } .ag-theme-material .cell-align-right { justify-content: flex-end; padding-right: 20px !important; } .ag-theme-material .header-align-right .ag-header-cell-label { justify-content: flex-end; padding-right: 20px; } .ag-theme-material .header-align-center .ag-header-cell-label { justify-content: center; } .ag-theme-material .header-align-left .ag-cell-label-container { justify-content: start; } .ag-theme-material .header-align-left .ag-header-cell-label { justify-content: start; flex: none; } .ag-theme-material .ag-cell-focus, .ag-theme-material .ag-cell-no-focus { border: none !important; } .ag-theme-material .ag-cell:focus { border: none !important; outline: none; } .ag-theme-material .ag-row .ag-cell { display: flex; align-items: center; padding: 0; } .ag-theme-material .visible-on-row-hover { display: none; } .ag-theme-material .ag-header-cell.ellipsis { display: inline-flex !important; } .ag-theme-material .ag-header-cell:hover { background-color: transparent !important; } .ag-theme-material .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline !important; } .ag-theme-material .ag-body-horizontal-scroll-viewport { overflow-x: auto !important; } .ag-theme-material .disable-select { pointer-events: none; opacity: 0.4; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } *, ::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: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #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; } .pointer-events-none { pointer-events: none !important; } .pointer-events-auto { pointer-events: auto !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .static { position: static !important; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: sticky !important; } .inset-0 { inset: 0px !important; } .left-4 { left: 1rem !important; } .left-\[50\%\] { left: 50% !important; } .right-0 { right: 0px !important; } .right-1 { right: 0.25rem !important; } .right-2 { right: 0.5rem !important; } .top-0 { top: 0px !important; } .top-1 { top: 0.25rem !important; } .top-2 { top: 0.5rem !important; } .top-2\.5 { top: 0.625rem !important; } .top-\[-20px\] { top: -20px !important; } .top-\[50\%\] { top: 50% !important; } .top-\[7px\] { top: 7px !important; } .z-0 { z-index: 0 !important; } .z-10 { z-index: 10 !important; } .z-20 { z-index: 20 !important; } .z-50 { z-index: 50 !important; } .z-\[1000\] { z-index: 1000 !important; } .z-\[2\] { z-index: 2 !important; } .col-start-1 { grid-column-start: 1 !important; } .col-end-2 { grid-column-end: 2 !important; } .row-span-2 { grid-row: span 2 / span 2 !important; } .row-span-full { grid-row: 1 / -1 !important; } .row-start-1 { grid-row-start: 1 !important; } .row-end-2 { grid-row-end: 2 !important; } .float-right { float: right !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-6 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-\[-15px\] { margin-left: -15px !important; margin-right: -15px !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .my-6 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .-mt-5 { margin-top: -1.25rem !important; } .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .mb-4 { margin-bottom: 1rem !important; } .mb-5 { margin-bottom: 1.25rem !important; } .mb-6 { margin-bottom: 1.5rem !important; } .mb-\[14px\] { margin-bottom: 14px !important; } .mb-\[34px\] { margin-bottom: 34px !important; } .mb-\[5px\] { margin-bottom: 5px !important; } .mb-auto { margin-bottom: auto !important; } .me-2 { margin-inline-end: 0.5rem !important; } .me-3 { margin-inline-end: 0.75rem !important; } .me-5 { margin-inline-end: 1.25rem !important; } .me-\[45px\] { margin-inline-end: 45px !important; } .ml-0 { margin-left: 0px !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-10 { margin-left: 2.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-20 { margin-left: 5rem !important; } .ml-3 { margin-left: 0.75rem !important; } .ml-4 { margin-left: 1rem !important; } .ml-5 { margin-left: 1.25rem !important; } .ml-\[3px\] { margin-left: 3px !important; } .ml-auto { margin-left: auto !important; } .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-10 { margin-right: 2.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 0.75rem !important; } .mr-4 { margin-right: 1rem !important; } .mr-5 { margin-right: 1.25rem !important; } .mr-8 { margin-right: 2rem !important; } .mr-\[4px\] { margin-right: 4px !important; } .mr-\[5px\] { margin-right: 5px !important; } .mr-auto { margin-right: auto !important; } .ms-2 { margin-inline-start: 0.5rem !important; } .ms-3 { margin-inline-start: 0.75rem !important; } .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-1\.5 { margin-top: 0.375rem !important; } .mt-16 { margin-top: 4rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-5 { margin-top: 1.25rem !important; } .mt-6 { margin-top: 1.5rem !important; } .mt-7 { margin-top: 1.75rem !important; } .mt-\[12px\] { margin-top: 12px !important; } .mt-\[2px\] { margin-top: 2px !important; } .mt-\[3px\] { margin-top: 3px !important; } .mt-auto { margin-top: auto !important; } .box-border { box-sizing: border-box !important; } .line-clamp-2 { overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .inline { display: inline !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } .table { display: table !important; } .grid { display: grid !important; } .contents { display: contents !important; } .hidden { display: none !important; } .h-0 { height: 0px !important; } .h-1\/2 { height: 50% !important; } .h-10 { height: 2.5rem !important; } .h-12 { height: 3rem !important; } .h-2\/5 { height: 40% !important; } .h-20 { height: 5rem !important; } .h-24 { height: 6rem !important; } .h-28 { height: 7rem !important; } .h-3 { height: 0.75rem !important; } .h-40 { height: 10rem !important; } .h-48 { height: 12rem !important; } .h-5 { height: 1.25rem !important; } .h-52 { height: 13rem !important; } .h-6 { height: 1.5rem !important; } .h-64 { height: 16rem !important; } .h-7 { height: 1.75rem !important; } .h-8 { height: 2rem !important; } .h-80 { height: 20rem !important; } .h-9 { height: 2.25rem !important; } .h-96 { height: 24rem !important; } .h-\[20px\] { height: 20px !important; } .h-\[24px\] { height: 24px !important; } .h-\[25px\] { height: 25px !important; } .h-\[28rem\] { height: 28rem !important; } .h-\[400px\] { height: 400px !important; } .h-\[40px\] { height: 40px !important; } .h-\[44px\] { height: 44px !important; } .h-\[49px\] { height: 49px !important; } .h-\[500px\] { height: 500px !important; } .h-\[50px\] { height: 50px !important; } .h-\[50vh\] { height: 50vh !important; } .h-\[700px\] { height: 700px !important; } .h-\[80\%\] { height: 80% !important; } .h-\[calc\(100\%_-_112px\)\] { height: calc(100% - 112px) !important; } .h-\[calc\(100\%_-_52px\)\] { height: calc(100% - 52px) !important; } .h-\[calc\(100vh_-_\(1rem_\+_260px\)\)\] { height: calc(100vh - (1rem + 260px)) !important; } .h-\[calc\(100vh_-_\(1rem_\+_348px\)\)\] { height: calc(100vh - (1rem + 348px)) !important; } .h-\[calc\(100vh_-_100px\)\] { height: calc(100vh - 100px) !important; } .h-\[calc\(100vh_-_52px\)\] { height: calc(100vh - 52px) !important; } .h-a4 { height: 297mm !important; } .h-a4-header { height: 12mm !important; } .h-a4-with-header { height: 285mm !important; } .h-auto { height: auto !important; } .h-full { height: 100% !important; } .max-h-20 { max-height: 5rem !important; } .max-h-48 { max-height: 12rem !important; } .max-h-\[11rem\] { max-height: 11rem !important; } .max-h-\[28px\] { max-height: 28px !important; } .max-h-\[290px\] { max-height: 290px !important; } .max-h-\[30px\] { max-height: 30px !important; } .max-h-\[40vh\] { max-height: 40vh !important; } .max-h-\[48px\] { max-height: 48px !important; } .max-h-\[50\%\] { max-height: 50% !important; } .max-h-\[50vh\] { max-height: 50vh !important; } .max-h-\[600px\] { max-height: 600px !important; } .max-h-\[90vh\] { max-height: 90vh !important; } .max-h-\[calc\(100vh_-_140px\)\] { max-height: calc(100vh - 140px) !important; } .max-h-full { max-height: 100% !important; } .min-h-0 { min-height: 0px !important; } .min-h-20 { min-height: 5rem !important; } .min-h-96 { min-height: 24rem !important; } .min-h-\[112px\] { min-height: 112px !important; } .min-h-\[115px\] { min-height: 115px !important; } .min-h-\[16px\] { min-height: 16px !important; } .min-h-\[24px\] { min-height: 24px !important; } .min-h-\[250px\] { min-height: 250px !important; } .min-h-\[2rem\] { min-height: 2rem !important; } .min-h-\[32px\] { min-height: 32px !important; } .min-h-\[40px\] { min-height: 40px !important; } .min-h-\[48px\] { min-height: 48px !important; } .min-h-\[64px\] { min-height: 64px !important; } .min-h-\[68px\] { min-height: 68px !important; } .min-h-\[80px\] { min-height: 80px !important; } .min-h-\[calc\(100vh_-_140px\)\] { min-height: calc(100vh - 140px) !important; } .min-h-full { min-height: 100% !important; } .min-h-screen { min-height: 100vh !important; } .w-0 { width: 0px !important; } .w-0\.5 { width: 0.125rem !important; } .w-1 { width: 0.25rem !important; } .w-1\/2 { width: 50% !important; } .w-1\/3 { width: 33.333333% !important; } .w-1\/6 { width: 16.666667% !important; } .w-10 { width: 2.5rem !important; } .w-12 { width: 3rem !important; } .w-14 { width: 3.5rem !important; } .w-2\/3 { width: 66.666667% !important; } .w-20 { width: 5rem !important; } .w-3 { width: 0.75rem !important; } .w-3\/4 { width: 75% !important; } .w-30pc { width: 30% !important; } .w-32 { width: 8rem !important; } .w-36 { width: 9rem !important; } .w-5 { width: 1.25rem !important; } .w-6 { width: 1.5rem !important; } .w-60 { width: 15rem !important; } .w-70pc { width: 70% !important; } .w-8 { width: 2rem !important; } .w-80 { width: 20rem !important; } .w-\[100px\] { width: 100px !important; } .w-\[120px\] { width: 120px !important; } .w-\[150px\] { width: 150px !important; } .w-\[160px\] { width: 160px !important; } .w-\[2\.5vmin\] { width: 2.5vmin !important; } .w-\[200px\] { width: 200px !important; } .w-\[24px\] { width: 24px !important; } .w-\[260px\] { width: 260px !important; } .w-\[270px\] { width: 270px !important; } .w-\[300px\] { width: 300px !important; } .w-\[30vw\] { width: 30vw !important; } .w-\[340px\] { width: 340px !important; } .w-\[360px\] { width: 360px !important; } .w-\[40\%\] { width: 40% !important; } .w-\[40px\] { width: 40px !important; } .w-\[44px\] { width: 44px !important; } .w-\[48px\] { width: 48px !important; } .w-\[600px\] { width: 600px !important; } .w-\[72px\] { width: 72px !important; } .w-\[780px\] { width: 780px !important; } .w-\[calc\(100\%_-_245px\)\] { width: calc(100% - 245px) !important; } .w-a4 { width: 210mm !important; } .w-auto { width: auto !important; } .w-fit { width: fit-content !important; } .w-full { width: 100% !important; } .min-w-0 { min-width: 0px !important; } .min-w-52 { min-width: 13rem !important; } .min-w-\[1000px\] { min-width: 1000px !important; } .min-w-\[100px\] { min-width: 100px !important; } .min-w-\[1300px\] { min-width: 1300px !important; } .min-w-\[1360px\] { min-width: 1360px !important; } .min-w-\[150px\] { min-width: 150px !important; } .min-w-\[160px\] { min-width: 160px !important; } .min-w-\[200px\] { min-width: 200px !important; } .min-w-\[245px\] { min-width: 245px !important; } .min-w-\[24px\] { min-width: 24px !important; } .min-w-\[250px\] { min-width: 250px !important; } .min-w-\[25px\] { min-width: 25px !important; } .min-w-\[280px\] { min-width: 280px !important; } .min-w-\[285px\] { min-width: 285px !important; } .min-w-\[300px\] { min-width: 300px !important; } .min-w-\[345px\] { min-width: 345px !important; } .min-w-\[350px\] { min-width: 350px !important; } .min-w-\[360px\] { min-width: 360px !important; } .min-w-\[370px\] { min-width: 370px !important; } .min-w-\[390px\] { min-width: 390px !important; } .min-w-\[400px\] { min-width: 400px !important; } .min-w-\[40px\] { min-width: 40px !important; } .min-w-\[50\%\] { min-width: 50% !important; } .min-w-\[500px\] { min-width: 500px !important; } .min-w-\[520px\] { min-width: 520px !important; } .min-w-\[600px\] { min-width: 600px !important; } .min-w-\[60px\] { min-width: 60px !important; } .min-w-\[650px\] { min-width: 650px !important; } .min-w-\[72px\] { min-width: 72px !important; } .min-w-\[830px\] { min-width: 830px !important; } .min-w-\[85px\] { min-width: 85px !important; } .min-w-fit { min-width: fit-content !important; } .min-w-full { min-width: 100% !important; } .max-w-10 { max-width: 2.5rem !important; } .max-w-2xl { max-width: 42rem !important; } .max-w-3xl { max-width: 48rem !important; } .max-w-48 { max-width: 12rem !important; } .max-w-6xl { max-width: 72rem !important; } .max-w-96 { max-width: 24rem !important; } .max-w-\[100px\] { max-width: 100px !important; } .max-w-\[15\%\] { max-width: 15% !important; } .max-w-\[270px\] { max-width: 270px !important; } .max-w-\[300px\] { max-width: 300px !important; } .max-w-\[370px\] { max-width: 370px !important; } .max-w-\[500px\] { max-width: 500px !important; } .max-w-\[560px\] { max-width: 560px !important; } .max-w-\[5rem\] { max-width: 5rem !important; } .max-w-\[65px\] { max-width: 65px !important; } .max-w-\[75px\] { max-width: 75px !important; } .max-w-\[780px\] { max-width: 780px !important; } .max-w-\[800px\] { max-width: 800px !important; } .max-w-\[90vw\] { max-width: 90vw !important; } .max-w-\[calc\(100\%_-_60px\)\] { max-width: calc(100% - 60px) !important; } .max-w-full { max-width: 100% !important; } .max-w-md { max-width: 28rem !important; } .max-w-screen-2xl { max-width: 1536px !important; } .max-w-xl { max-width: 36rem !important; } .max-w-xs { max-width: 20rem !important; } .flex-1 { flex: 1 1 0% !important; } .flex-auto { flex: 1 1 auto !important; } .flex-none { flex: none !important; } .shrink { flex-shrink: 1 !important; } .shrink-0 { flex-shrink: 0 !important; } .grow { flex-grow: 1 !important; } .grow-\[10\] { flex-grow: 10 !important; } .grow-\[80\] { flex-grow: 80 !important; } .grow-\[90\] { flex-grow: 90 !important; } .basis-1\/12 { flex-basis: 8.333333% !important; } .basis-1\/2 { flex-basis: 50% !important; } .basis-1\/3 { flex-basis: 33.333333% !important; } .basis-1\/4 { flex-basis: 25% !important; } .basis-1\/5 { flex-basis: 20% !important; } .basis-1\/6 { flex-basis: 16.666667% !important; } .basis-10\/12 { flex-basis: 83.333333% !important; } .basis-11\/12 { flex-basis: 91.666667% !important; } .basis-2\/12 { flex-basis: 16.666667% !important; } .basis-2\/3 { flex-basis: 66.666667% !important; } .basis-2\/5 { flex-basis: 40% !important; } .basis-3\/12 { flex-basis: 25% !important; } .basis-3\/5 { flex-basis: 60% !important; } .basis-30pc { flex-basis: 30% !important; } .basis-4\/12 { flex-basis: 33.333333% !important; } .basis-4\/6 { flex-basis: 66.666667% !important; } .basis-5\/12 { flex-basis: 41.666667% !important; } .basis-6\/12 { flex-basis: 50% !important; } .basis-7\/12 { flex-basis: 58.333333% !important; } .basis-9\/12 { flex-basis: 75% !important; } .basis-\[250px\] { flex-basis: 250px !important; } .basis-auto { flex-basis: auto !important; } .basis-full { flex-basis: 100% !important; } .border-collapse { border-collapse: collapse !important; } .border-separate { border-collapse: separate !important; } .border-spacing-0 { --tw-border-spacing-x: 0px !important; --tw-border-spacing-y: 0px !important; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important; } .border-spacing-1 { --tw-border-spacing-x: 0.25rem !important; --tw-border-spacing-y: 0.25rem !important; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important; } .border-spacing-y-2 { --tw-border-spacing-y: 0.5rem !important; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important; } .origin-center { transform-origin: center !important; } .translate-x-\[-50\%\] { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .translate-y-\[-50\%\] { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .translate-y-\[7px\] { --tw-translate-y: 7px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .scale-\[0\.6\] { --tw-scale-x: 0.6 !important; --tw-scale-y: 0.6 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform-none { transform: none !important; } .cursor-crosshair { cursor: crosshair !important; } .cursor-default { cursor: default !important; } .cursor-grab { cursor: grab !important; } .cursor-move { cursor: move !important; } .cursor-not-allowed { cursor: not-allowed !important; } .cursor-pointer { cursor: pointer !important; } .select-all { -webkit-user-select: all !important; user-select: all !important; } .resize { resize: both !important; } .list-inside { list-style-position: inside !important; } .list-decimal { list-style-type: decimal !important; } .columns-1 { columns: 1 !important; } .auto-rows-\[300px\] { grid-auto-rows: 300px !important; } .auto-rows-fr { grid-auto-rows: minmax(0, 1fr) !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-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-\[1\.1fr_1fr\] { grid-template-columns: 1.1fr 1fr !important; } .grid-cols-\[1fr_30px\] { grid-template-columns: 1fr 30px !important; } .grid-cols-\[1fr_450px\] { grid-template-columns: 1fr 450px !important; } .grid-cols-\[350px_0fr\] { grid-template-columns: 350px 0fr !important; } .grid-cols-\[repeat\(1\,100\%\)\] { grid-template-columns: repeat(1, 100%) !important; } .grid-cols-\[repeat\(auto-fill\,_minmax\(300px\,_1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr !important; } .grid-rows-\[repeat\(1\,100\%\)\] { grid-template-rows: repeat(1, 100%) !important; } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-col { flex-direction: column !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-nowrap { flex-wrap: nowrap !important; } .place-content-center { place-content: center !important; } .place-content-end { place-content: end !important; } .place-items-center { place-items: center !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-baseline { align-items: baseline !important; } .items-stretch { align-items: stretch !important; } .justify-start { justify-content: flex-start !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .justify-around { justify-content: space-around !important; } .justify-evenly { justify-content: space-evenly !important; } .justify-stretch { justify-content: stretch !important; } .justify-items-center { justify-items: center !important; } .justify-items-stretch { justify-items: stretch !important; } .gap-0 { gap: 0px !important; } .gap-1 { gap: 0.25rem !important; } .gap-10 { gap: 2.5rem !important; } .gap-12 { gap: 3rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-4 { gap: 1rem !important; } .gap-5 { gap: 1.25rem !important; } .gap-6 { gap: 1.5rem !important; } .gap-8 { gap: 2rem !important; } .gap-\[10px\] { gap: 10px !important; } .gap-x-1 { column-gap: 0.25rem !important; } .gap-x-2 { column-gap: 0.5rem !important; } .gap-x-3 { column-gap: 0.75rem !important; } .gap-x-5 { column-gap: 1.25rem !important; } .gap-y-2 { row-gap: 0.5rem !important; } .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(2rem * var(--tw-space-x-reverse)) !important; margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important; } .place-self-end { place-self: end !important; } .place-self-center { place-self: center !important; } .self-start { align-self: flex-start !important; } .self-end { align-self: flex-end !important; } .self-center { align-self: center !important; } .self-stretch { align-self: stretch !important; } .justify-self-end { justify-self: end !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overscroll-contain { overscroll-behavior: contain !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; } .whitespace-pre-line { white-space: pre-line !important; } .whitespace-pre-wrap { white-space: pre-wrap !important; } .whitespace-break-spaces { white-space: break-spaces !important; } .text-wrap { text-wrap: wrap !important; } .text-nowrap { text-wrap: nowrap !important; } .break-normal { overflow-wrap: normal !important; word-break: normal !important; } .break-words { overflow-wrap: break-word !important; } .break-all { word-break: break-all !important; } .rounded { border-radius: 0.25rem !important; } .rounded-\[10px\] { border-radius: 10px !important; } .rounded-\[4px\] { border-radius: 4px !important; } .rounded-full { border-radius: 9999px !important; } .rounded-lg { border-radius: 0.5rem !important; } .rounded-md { border-radius: 0.375rem !important; } .rounded-sm { border-radius: 0.125rem !important; } .border { border-width: 1px !important; } .border-0 { border-width: 0px !important; } .border-2 { border-width: 2px !important; } .border-\[2px\] { border-width: 2px !important; } .border-x { border-left-width: 1px !important; border-right-width: 1px !important; } .border-b { border-bottom-width: 1px !important; } .border-b-0 { border-bottom-width: 0px !important; } .border-b-2 { border-bottom-width: 2px !important; } .border-b-\[1px\] { border-bottom-width: 1px !important; } .border-r { border-right-width: 1px !important; } .border-solid { border-style: solid !important; } .border-dashed { border-style: dashed !important; } .border-dotted { border-style: dotted !important; } .border-alert-500 { border-color: var(--palette-alert-500) !important; } .border-amber-500 { --tw-border-opacity: 1 !important; border-color: rgb(245 158 11 / 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-gray-500 { --tw-border-opacity: 1 !important; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)) !important; } .border-green-500 { --tw-border-opacity: 1 !important; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)) !important; } .border-primary-500 { border-color: var(--palette-primary-500) !important; } .border-red-600 { --tw-border-opacity: 1 !important; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)) !important; } .border-success-500 { border-color: var(--palette-success-500) !important; } .border-warn-500 { border-color: var(--palette-warn-500) !important; } .bg-accent-500 { background-color: var(--palette-accent-500) !important; } .bg-alert-500 { background-color: var(--palette-alert-500) !important; } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3) !important; } .bg-gray-500\/30 { background-color: rgb(107 114 128 / 0.3) !important; } .bg-neutral-300 { --tw-bg-opacity: 1 !important; background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1)) !important; } .bg-primary-500 { background-color: var(--palette-primary-500) !important; } .bg-success-500 { background-color: var(--palette-success-500) !important; } .bg-transparent { background-color: transparent !important; } .bg-warn-500 { background-color: var(--palette-warn-500) !important; } .bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .bg-opacity-10 { --tw-bg-opacity: 0.1 !important; } .fill-primary-500 { fill: var(--palette-primary-500) !important; } .object-contain { object-fit: contain !important; } .object-cover { object-fit: cover !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 0.25rem !important; } .p-12 { padding: 3rem !important; } .p-2 { padding: 0.5rem !important; } .p-2\.5 { padding: 0.625rem !important; } .p-3 { padding: 0.75rem !important; } .p-4 { padding: 1rem !important; } .p-5 { padding: 1.25rem !important; } .p-6 { padding: 1.5rem !important; } .p-8 { padding: 2rem !important; } .p-\[1px\] { padding: 1px !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-16 { padding-left: 4rem !important; padding-right: 4rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-\[10px\] { padding-left: 10px !important; padding-right: 10px !important; } .px-\[20px\] { padding-left: 20px !important; padding-right: 20px !important; } .px-\[40px\] { padding-left: 40px !important; padding-right: 40px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-\[1rem\] { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-\[2px\] { padding-top: 2px !important; padding-bottom: 2px !important; } .py-\[40px\] { padding-top: 40px !important; padding-bottom: 40px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-10 { padding-bottom: 2.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 0.75rem !important; } .pb-4 { padding-bottom: 1rem !important; } .pb-5 { padding-bottom: 1.25rem !important; } .pb-6 { padding-bottom: 1.5rem !important; } .pb-\[2px\] { padding-bottom: 2px !important; } .pl-1 { padding-left: 0.25rem !important; } .pl-11 { padding-left: 2.75rem !important; } .pl-2 { padding-left: 0.5rem !important; } .pl-4 { padding-left: 1rem !important; } .pl-5 { padding-left: 1.25rem !important; } .pl-7 { padding-left: 1.75rem !important; } .pl-\[20px\] { padding-left: 20px !important; } .pr-0 { padding-right: 0px !important; } .pr-0\.5 { padding-right: 0.125rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pr-3 { padding-right: 0.75rem !important; } .pr-4 { padding-right: 1rem !important; } .pr-6 { padding-right: 1.5rem !important; } .pr-8 { padding-right: 2rem !important; } .pr-9 { padding-right: 2.25rem !important; } .pr-\[1rem\] { padding-right: 1rem !important; } .pr-\[52px\] { padding-right: 52px !important; } .ps-\[1\.75rem\] { padding-inline-start: 1.75rem !important; } .pt-0 { padding-top: 0px !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 0.75rem !important; } .pt-4 { padding-top: 1rem !important; } .pt-5 { padding-top: 1.25rem !important; } .pt-\[1rem\] { padding-top: 1rem !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-end { text-align: end !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .\!text-xs { font-size: 0.75rem !important; line-height: 1rem !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-5xl { font-size: 3rem !important; line-height: 1 !important; } .text-\[10px\] { font-size: 10px !important; } .text-\[16px\] { font-size: 16px !important; } .text-\[18px\] { font-size: 18px !important; } .text-\[2\.5vh\] { font-size: 2.5vh !important; } .text-\[20px\] { font-size: 20px !important; } .text-\[28px\] { font-size: 28px !important; } .text-\[4px\] { font-size: 4px !important; } .text-\[8px\] { font-size: 8px !important; } .text-\[9px\] { font-size: 9px !important; } .text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .font-bold { font-weight: 700 !important; } .font-extrabold { font-weight: 800 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } .capitalize { text-transform: capitalize !important; } .normal-case { text-transform: none !important; } .italic { font-style: italic !important; } .ordinal { --tw-ordinal: ordinal !important; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important; } .leading-3 { line-height: .75rem !important; } .leading-5 { line-height: 1.25rem !important; } .leading-6 { line-height: 1.5rem !important; } .leading-9 { line-height: 2.25rem !important; } .leading-\[23px\] { line-height: 23px !important; } .leading-\[35px\] { line-height: 35px !important; } .leading-none { line-height: 1 !important; } .text-\[\#363636\] { --tw-text-opacity: 1 !important; color: rgb(54 54 54 / var(--tw-text-opacity, 1)) !important; } .text-\[\#e84f4f\] { --tw-text-opacity: 1 !important; color: rgb(232 79 79 / var(--tw-text-opacity, 1)) !important; } .text-accent-contrast-500 { color: var(--palette-accent-contrast-500) !important; } .text-alert-500 { color: var(--palette-alert-500) !important; } .text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .text-blue-500 { --tw-text-opacity: 1 !important; color: rgb(59 130 246 / 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-current { color: currentColor !important; } .text-green-500 { --tw-text-opacity: 1 !important; color: rgb(34 197 94 / var(--tw-text-opacity, 1)) !important; } .text-health-status-regulated { --tw-text-opacity: 1 !important; color: rgb(38 136 227 / var(--tw-text-opacity, 1)) !important; } .text-inherit { color: inherit !important; } .text-primary-400 { color: var(--palette-primary-400) !important; } .text-primary-500 { color: var(--palette-primary-500) !important; } .text-red-400 { --tw-text-opacity: 1 !important; color: rgb(248 113 113 / 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-success-500 { color: var(--palette-success-500) !important; } .text-warn-500 { color: var(--palette-warn-500) !important; } .text-warn-contrast-500 { color: var(--palette-warn-contrast-500) !important; } .text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .line-through { text-decoration-line: line-through !important; } .opacity-10 { opacity: 0.1 !important; } .opacity-100 { opacity: 1 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-70 { opacity: 0.7 !important; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .outline { outline-style: solid !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; } .saturate-\[0\.1\] { --tw-saturate: saturate(0.1) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .duration-200 { transition-duration: 200ms !important; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } @font-face { font-family: "Open Sans Light"; font-weight: 300; src: url("./media/open-sans-v16-latin-ext_latin-300.eot"); src: local("Open Sans Light"), local("OpenSans-Light"), url("./media/open-sans-v16-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("./media/open-sans-v16-latin-ext_latin-300.woff2") format("woff2"), url("./media/open-sans-v16-latin-ext_latin-300.woff") format("woff"), url("./media/open-sans-v16-latin-ext_latin-300.ttf") format("truetype"), url("./media/open-sans-v16-latin-ext_latin-300.svg#OpenSans") format("svg"); } @font-face { font-family: "Open Sans Regular"; font-style: normal; font-weight: 300; src: url("./media/open-sans-v16-latin-ext_latin-regular.eot"); src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./media/open-sans-v16-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("./media/open-sans-v16-latin-ext_latin-regular.woff2") format("woff2"), url("./media/open-sans-v16-latin-ext_latin-regular.woff") format("woff"), url("./media/open-sans-v16-latin-ext_latin-regular.ttf") format("truetype"), url("./media/open-sans-v16-latin-ext_latin-regular.svg#OpenSans") format("svg"); } @font-face { font-family: "Nunito Sans"; src: local("Nunito Sans"), url("./media/NunitoSans-Regular.ttf") format("truetype"); } @font-face { font-family: "alarm-clock"; src: url("./media/alarm_clock.ttf") format("truetype"); } html, body { height: 100%; margin: 0; } input[type=time] { position: relative; } input[type=time]::-webkit-calendar-picker-indicator { display: block; top: 0; right: 0; height: 100%; width: 100%; position: absolute; background: transparent; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { display: none; } .first-letter\:capitalize::first-letter { text-transform: capitalize !important; } .first\:pt-0:first-child { padding-top: 0px !important; } .last\:border-0:last-child { border-width: 0px !important; } .first-of-type\:my-0:first-of-type { margin-top: 0px !important; margin-bottom: 0px !important; } .hover\:cursor-pointer:hover { cursor: pointer !important; } .hover\:bg-gray-500\/30:hover { background-color: rgb(107 114 128 / 0.3) !important; } .hover\:bg-gray-500\/50:hover { background-color: rgb(107 114 128 / 0.5) !important; } .hover\:font-black:hover { font-weight: 900 !important; } .group:hover .group-hover\:visible { visibility: visible !important; } .group:hover .group-hover\:block { display: block !important; } @media (max-width: 1560px) { .max-\[1560px\]\:min-h-\[250px\] { min-height: 250px !important; } .max-\[1560px\]\:grid-cols-\[465px_1fr\] { grid-template-columns: 465px 1fr !important; } .max-\[1560px\]\:flex-col { flex-direction: column !important; } } @media (max-width: 1425px) { .max-\[1425px\]\:w-\[390px\] { width: 390px !important; } .max-\[1425px\]\:w-full { width: 100% !important; } .max-\[1425px\]\:max-w-\[100\%\] { max-width: 100% !important; } .max-\[1425px\]\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .max-\[1425px\]\:justify-start { justify-content: flex-start !important; } } @media (max-width: 1185px) { .max-\[1185px\]\:mt-\[2\.5rem\] { margin-top: 2.5rem !important; } .max-\[1185px\]\:w-\[50\%\] { width: 50% !important; } .max-\[1185px\]\:w-\[calc\(50\%_-0\.75rem\)\] { width: calc(50% - 0.75rem) !important; } .max-\[1185px\]\:w-full { width: 100% !important; } } @media (max-width: 1070px) { .max-\[1070px\]\:mt-0 { margin-top: 0px !important; } .max-\[1070px\]\:hidden { display: none !important; } .max-\[1070px\]\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .max-\[1070px\]\:px-7 { padding-left: 1.75rem !important; padding-right: 1.75rem !important; } } @media (max-width: 1025px) { .max-\[1025px\]\:my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .max-\[1025px\]\:h-\[calc\(100vh_-_\(1rem_\+_457px\)\)\] { height: calc(100vh - (1rem + 457px)) !important; } .max-\[1025px\]\:flex-col { flex-direction: column !important; } } @media (max-width: 1024px) { .max-\[1024px\]\:px-0 { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 1000px) { .max-\[1000px\]\:h-\[calc\(100\%_-_140px\)\] { height: calc(100% - 140px) !important; } .max-\[1000px\]\:w-full { width: 100% !important; } .max-\[1000px\]\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .max-\[1000px\]\:flex-col { flex-direction: column !important; } } @media (max-width: 910px) { .max-\[910px\]\:mb-4 { margin-bottom: 1rem !important; } .max-\[910px\]\:mt-4 { margin-top: 1rem !important; } .max-\[910px\]\:h-\[calc\(100\%_-_125px\)\] { height: calc(100% - 125px) !important; } .max-\[910px\]\:w-\[calc\(50\%_-0\.5rem\)\] { width: calc(50% - 0.5rem) !important; } .max-\[910px\]\:flex-col { flex-direction: column !important; } .max-\[910px\]\:justify-end { justify-content: flex-end !important; } } @media (max-width: 890px) { .max-\[890px\]\:grow { flex-grow: 1 !important; } } @media (max-width: 830px) { .max-\[830px\]\:w-44 { width: 11rem !important; } } @media (max-width: 690px) { .max-\[690px\]\:h-\[calc\(100vh_-_\(1rem_\+_501px\)\)\] { height: calc(100vh - (1rem + 501px)) !important; } .max-\[690px\]\:w-\[48\%\] { width: 48% !important; } .max-\[690px\]\:flex-col { flex-direction: column !important; } } @media (max-width: 645px) { .max-\[645px\]\:justify-end { justify-content: flex-end !important; } } @media (max-width: 600px) { .max-\[600px\]\:mb-2 { margin-bottom: 0.5rem !important; } .max-\[600px\]\:h-\[calc\(100\%_-_177px\)\] { height: calc(100% - 177px) !important; } .max-\[600px\]\:w-full { width: 100% !important; } } @media (max-width: 599px) { .max-\[599px\]\:h-\[calc\(100\%_-_175px\)\] { height: calc(100% - 175px) !important; } .max-\[599px\]\:w-full { width: 100% !important; } .max-\[599px\]\:flex-col { flex-direction: column !important; } } @media (max-width: 561px) { .max-\[561px\]\:mt-\[4\.5rem\] { margin-top: 4.5rem !important; } } @media (max-width: 470px) { .max-\[470px\]\:flex-col { flex-direction: column !important; } .max-\[470px\]\:items-start { align-items: flex-start !important; } .max-\[470px\]\:gap-2 { gap: 0.5rem !important; } } @media (max-width: 379px) { .max-\[379px\]\:w-full { width: 100% !important; } } @media (min-width: 640px) { .sm\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .sm\:mb-0 { margin-bottom: 0px !important; } .sm\:mb-2 { margin-bottom: 0.5rem !important; } .sm\:ml-2 { margin-left: 0.5rem !important; } .sm\:mt-1 { margin-top: 0.25rem !important; } .sm\:flex { display: flex !important; } .sm\:h-\[48px\] { height: 48px !important; } .sm\:h-\[68px\] { height: 68px !important; } .sm\:min-h-\[24px\] { min-height: 24px !important; } .sm\:w-48 { width: 12rem !important; } .sm\:w-auto { width: auto !important; } .sm\:max-w-\[100px\] { max-width: 100px !important; } .sm\:max-w-none { max-width: none !important; } .sm\:basis-1\/2 { flex-basis: 50% !important; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sm\:flex-row { flex-direction: row !important; } .sm\:flex-col { flex-direction: column !important; } .sm\:items-center { align-items: center !important; } .sm\:justify-between { justify-content: space-between !important; } .sm\:gap-x-16 { column-gap: 4rem !important; } .sm\:self-center { align-self: center !important; } .sm\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .sm\:px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .sm\:text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } } @media (min-width: 691px) { .min-\[691px\]\:items-center { align-items: center !important; } } @media (min-width: 768px) { .md\:absolute { position: absolute !important; } .md\:relative { position: relative !important; } .md\:right-4 { right: 1rem !important; } .md\:top-1 { top: 0.25rem !important; } .md\:mb-0 { margin-bottom: 0px !important; } .md\:flex { display: flex !important; } .md\:inline-flex { display: inline-flex !important; } .md\:hidden { display: none !important; } .md\:h-full { height: 100% !important; } .md\:w-1\/2 { width: 50% !important; } .md\:w-1\/3 { width: 33.333333% !important; } .md\:min-w-\[300px\] { min-width: 300px !important; } .md\:max-w-\[120px\] { max-width: 120px !important; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .md\:flex-row { flex-direction: row !important; } .md\:place-content-end { place-content: end !important; } .md\:items-start { align-items: flex-start !important; } .md\:gap-1 { gap: 0.25rem !important; } .md\:gap-3 { gap: 0.75rem !important; } .md\:gap-4 { gap: 1rem !important; } .md\:divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0 !important; border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important; border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important; } .md\:divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid !important; } .md\:overflow-y-auto { overflow-y: auto !important; } .md\:px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } } @media (min-width: 1024px) { .lg\:mt-\[60px\] { margin-top: 60px !important; } .lg\:w-1\/2 { width: 50% !important; } .lg\:w-\[300px\] { width: 300px !important; } .lg\:w-\[40\%\] { width: 40% !important; } .lg\:w-\[60\%\] { width: 60% !important; } .lg\:min-w-\[240px\] { min-width: 240px !important; } .lg\:min-w-\[300px\] { min-width: 300px !important; } .lg\:min-w-\[550px\] { min-width: 550px !important; } .lg\:max-w-\[400px\] { max-width: 400px !important; } .lg\:flex-none { flex: none !important; } .lg\:basis-\[550px\] { flex-basis: 550px !important; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .lg\:flex-row { flex-direction: row !important; } .lg\:flex-col { flex-direction: column !important; } .lg\:justify-start { justify-content: flex-start !important; } .lg\:justify-end { justify-content: flex-end !important; } .lg\:gap-0 { gap: 0px !important; } .lg\:gap-4 { gap: 1rem !important; } .lg\:self-end { align-self: flex-end !important; } .lg\:overflow-y-auto { overflow-y: auto !important; } .lg\:overflow-y-hidden { overflow-y: hidden !important; } .lg\:border-0 { border-width: 0px !important; } .lg\:border-r { border-right-width: 1px !important; } .lg\:pl-2 { padding-left: 0.5rem !important; } .lg\:pr-1 { padding-right: 0.25rem !important; } .lg\:pr-2 { padding-right: 0.5rem !important; } .lg\:pt-0 { padding-top: 0px !important; } } @media (min-width: 1026px) { .min-\[1026px\]\:w-40 { width: 10rem !important; } } @media (min-width: 1280px) { .xl\:max-w-xs { max-width: 20rem !important; } .xl\:basis-2\/5 { flex-basis: 40% !important; } .xl\:basis-3\/5 { flex-basis: 60% !important; } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .xl\:flex-row { flex-direction: row !important; } .xl\:flex-col { flex-direction: column !important; } .xl\:gap-4 { gap: 1rem !important; } .xl\:self-start { align-self: flex-start !important; } } @media (min-width: 1536px) { .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .\32xl\:flex-row { flex-direction: row !important; } } @media print { .print\:hidden { display: none !important; } } .\[\&\>\*\]\:inline > * { display: inline !important; } .\[\&_\.mat-mdc-floating-label\]\:\!max-w-none .mat-mdc-floating-label { max-width: none !important; } .\[\&_div_button\]\:h-full div button { height: 100% !important; } .\[\&_mat-card\]\:min-w-\[345px\] mat-card { min-width: 345px !important; } /* node_modules/leaflet/dist/leaflet.css */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-tile::selection { background: transparent; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url("./media/layers.png"); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url("./media/layers-2x.png"); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url("./media/marker-icon.png"); } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } .leaflet-div-icon { background: #fff; border: 1px solid #666; } .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } @media print { .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } /* node_modules/leaflet.markercluster/dist/MarkerCluster.css */ .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } /* node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css */ .marker-cluster-small { background-color: rgba(181, 226, 140, 0.6); } .marker-cluster-small div { background-color: rgba(110, 204, 57, 0.6); } .marker-cluster-medium { background-color: rgba(241, 211, 87, 0.6); } .marker-cluster-medium div { background-color: rgba(240, 194, 12, 0.6); } .marker-cluster-large { background-color: rgba(253, 156, 115, 0.6); } .marker-cluster-large div { background-color: rgba(241, 128, 23, 0.6); } .leaflet-oldie .marker-cluster-small { background-color: rgb(181, 226, 140); } .leaflet-oldie .marker-cluster-small div { background-color: rgb(110, 204, 57); } .leaflet-oldie .marker-cluster-medium { background-color: rgb(241, 211, 87); } .leaflet-oldie .marker-cluster-medium div { background-color: rgb(240, 194, 12); } .leaflet-oldie .marker-cluster-large { background-color: rgb(253, 156, 115); } .leaflet-oldie .marker-cluster-large div { background-color: rgb(241, 128, 23); } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } /* node_modules/highcharts/css/highcharts.css */ /** * @license Highcharts * * (c) 2009-2025 Torstein Honsi * * License: www.highcharts.com/license */ :root, .highcharts-light { --highcharts-color-0: #2caffe; --highcharts-color-1: #544fc5; --highcharts-color-2: #00e272; --highcharts-color-3: #fe6a35; --highcharts-color-4: #6b8abc; --highcharts-color-5: #d568fb; --highcharts-color-6: #2ee0ca; --highcharts-color-7: #fa4b42; --highcharts-color-8: #feb56a; --highcharts-color-9: #91e8e1; --highcharts-background-color: #ffffff; --highcharts-neutral-color-100: #000000; --highcharts-neutral-color-80: #333333; --highcharts-neutral-color-60: #666666; --highcharts-neutral-color-40: #999999; --highcharts-neutral-color-20: #cccccc; --highcharts-neutral-color-10: #e6e6e6; --highcharts-neutral-color-5: #f2f2f2; --highcharts-neutral-color-3: #f7f7f7; --highcharts-highlight-color-100: #0022ff; --highcharts-highlight-color-80: #334eff; --highcharts-highlight-color-60: #667aff; --highcharts-highlight-color-20: #ccd3ff; --highcharts-highlight-color-10: #e6e9ff; --highcharts-positive-color: #06b535; --highcharts-negative-color: #f21313; --highcharts-annotation-color-0: rgba(130, 170, 255, 0.4); --highcharts-annotation-color-1: rgba(139, 191, 216, 0.4); --highcharts-annotation-color-2: rgba(150, 216, 192, 0.4); --highcharts-annotation-color-3: rgba(156, 229, 161, 0.4); --highcharts-annotation-color-4: rgba(162, 241, 130, 0.4); --highcharts-annotation-color-5: rgba(169, 255, 101, 0.4); } @media (prefers-color-scheme: dark) { :root { --highcharts-color-1: #00e272; --highcharts-color-2: #efdf00; --highcharts-background-color: #141414; --highcharts-neutral-color-100: #ffffff; --highcharts-neutral-color-80: #d0d0d0; --highcharts-neutral-color-60: #a1a1a1; --highcharts-neutral-color-40: #727272; --highcharts-neutral-color-20: #434343; --highcharts-neutral-color-10: #2c2c2c; --highcharts-neutral-color-5: #202020; --highcharts-neutral-color-3: #1b1b1b; --highcharts-highlight-color-100: #2caffe; --highcharts-highlight-color-80: #2790cf; --highcharts-highlight-color-60: #2271a0; --highcharts-highlight-color-20: #193343; --highcharts-highlight-color-10: #16242b; } } .highcharts-dark { --highcharts-color-1: #00e272; --highcharts-color-2: #efdf00; --highcharts-background-color: #141414; --highcharts-neutral-color-100: #ffffff; --highcharts-neutral-color-80: #d0d0d0; --highcharts-neutral-color-60: #a1a1a1; --highcharts-neutral-color-40: #727272; --highcharts-neutral-color-20: #434343; --highcharts-neutral-color-10: #2c2c2c; --highcharts-neutral-color-5: #202020; --highcharts-neutral-color-3: #1b1b1b; --highcharts-highlight-color-100: #2caffe; --highcharts-highlight-color-80: #2790cf; --highcharts-highlight-color-60: #2271a0; --highcharts-highlight-color-20: #193343; --highcharts-highlight-color-10: #16242b; } .highcharts-container { position: relative; overflow: hidden; width: 100%; height: 100%; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 1rem; -webkit-user-select: none; user-select: none; touch-action: manipulation; outline: none; } .highcharts-no-touch-action { touch-action: none; } .highcharts-root { display: block; } .highcharts-root text { stroke-width: 0; } .highcharts-strong { font-weight: bold; } .highcharts-emphasized { font-style: italic; } .highcharts-anchor { cursor: pointer; } .highcharts-background { fill: var(--highcharts-background-color); } .highcharts-plot-border, .highcharts-plot-background { fill: none; } .highcharts-label-box { fill: none; } .highcharts-label text { fill: var(--highcharts-neutral-color-80); font-size: 0.8em; } .highcharts-button-box { fill: inherit; } .highcharts-tracker-line { stroke-linejoin: round; stroke: rgba(192, 192, 192, 0.0001); stroke-width: 22; fill: none; } .highcharts-tracker-area { fill: rgba(192, 192, 192, 0.0001); stroke-width: 0; } .highcharts-title { fill: var(--highcharts-neutral-color-80); font-size: 1.2em; font-weight: bold; } .highcharts-subtitle { fill: var(--highcharts-neutral-color-60); font-size: 0.8em; } .highcharts-axis-line { fill: none; stroke: var(--highcharts-neutral-color-80); } .highcharts-yaxis .highcharts-axis-line { stroke-width: 0; } .highcharts-axis-title { fill: var(--highcharts-neutral-color-60); font-size: 0.8em; } .highcharts-axis-labels { fill: var(--highcharts-neutral-color-80); cursor: default; font-size: 0.8em; } .highcharts-grid-line { fill: none; stroke: var(--highcharts-neutral-color-10); } .highcharts-xaxis-grid .highcharts-grid-line { stroke-width: 0; } .highcharts-tick { stroke: var(--highcharts-neutral-color-80); } .highcharts-yaxis .highcharts-tick { stroke-width: 0; } .highcharts-minor-grid-line { stroke: var(--highcharts-neutral-color-5); } .highcharts-crosshair-thin { stroke-width: 1px; stroke: var(--highcharts-neutral-color-20); } .highcharts-crosshair-category { stroke: var(--highcharts-highlight-color-20); stroke-opacity: 0.25; } .highcharts-credits { cursor: pointer; fill: var(--highcharts-neutral-color-40); font-size: 0.6em; transition: fill 250ms, font-size 250ms; } .highcharts-credits:hover { fill: var(--highcharts-neutral-color-100); font-size: 0.7em; } .highcharts-tooltip { cursor: default; pointer-events: none; white-space: nowrap; transition: stroke 150ms; } .highcharts-tooltip .highcharts-tracker { fill: none; stroke: none; } .highcharts-tooltip text, .highcharts-tooltip foreignObject span { fill: var(--highcharts-neutral-color-80); font-size: 0.8em; } .highcharts-tooltip .highcharts-header { font-size: 0.8em; } .highcharts-tooltip-box { stroke-width: 1px; fill: var(--highcharts-background-color); } .highcharts-tooltip-box { stroke-width: 0; fill: var(--highcharts-background-color); } .highcharts-tooltip-box .highcharts-label-box { fill: var(--highcharts-background-color); } div.highcharts-tooltip { filter: none; font-size: 0.8em; } .highcharts-selection-marker { fill: var(--highcharts-highlight-color-80); fill-opacity: 0.25; } .highcharts-graph { fill: none; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; } .highcharts-empty-series { stroke-width: 1px; fill: none; stroke: var(--highcharts-neutral-color-20); } .highcharts-state-hover .highcharts-graph { stroke-width: 3; } .highcharts-point-inactive { opacity: 0.2; transition: opacity 50ms; } .highcharts-series-inactive { opacity: 0.2; transition: opacity 50ms; } .highcharts-state-hover path { transition: stroke-width 50ms; } .highcharts-state-normal path { transition: stroke-width 250ms; } g.highcharts-series, .highcharts-point, .highcharts-markers, .highcharts-data-labels { transition: opacity 250ms; } .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover), .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover, .highcharts-point-select), .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover), .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) { opacity: 0.2; } .highcharts-color-0 { fill: var(--highcharts-color-0); stroke: var(--highcharts-color-0); } .highcharts-color-1 { fill: var(--highcharts-color-1); stroke: var(--highcharts-color-1); } .highcharts-color-2 { fill: var(--highcharts-color-2); stroke: var(--highcharts-color-2); } .highcharts-color-3 { fill: var(--highcharts-color-3); stroke: var(--highcharts-color-3); } .highcharts-color-4 { fill: var(--highcharts-color-4); stroke: var(--highcharts-color-4); } .highcharts-color-5 { fill: var(--highcharts-color-5); stroke: var(--highcharts-color-5); } .highcharts-color-6 { fill: var(--highcharts-color-6); stroke: var(--highcharts-color-6); } .highcharts-color-7 { fill: var(--highcharts-color-7); stroke: var(--highcharts-color-7); } .highcharts-color-8 { fill: var(--highcharts-color-8); stroke: var(--highcharts-color-8); } .highcharts-color-9 { fill: var(--highcharts-color-9); stroke: var(--highcharts-color-9); } .highcharts-area { fill-opacity: 0.75; stroke-width: 0; } .highcharts-markers { stroke-width: 1px; stroke: var(--highcharts-background-color); } .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover, .highcharts-a11y-marker-visible), .highcharts-a11y-marker-hidden { opacity: 0; } .highcharts-point { stroke-width: 1px; } .highcharts-dense-data .highcharts-point { stroke-width: 0; } .highcharts-data-label text, .highcharts-data-label span, text.highcharts-data-label { font-size: 0.7em; font-weight: bold; } .highcharts-data-label-box { fill: none; stroke-width: 0; } .highcharts-data-label text, text.highcharts-data-label { fill: var(--highcharts-neutral-color-80); } .highcharts-data-label-connector { fill: none; } .highcharts-data-label-hidden { pointer-events: none; } .highcharts-halo { fill-opacity: 0.25; stroke-width: 0; } .highcharts-series-label text { fill: inherit; font-weight: bold; } .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select, .highcharts-markers .highcharts-point-select { fill: var(--highcharts-neutral-color-20); stroke: var(--highcharts-neutral-color-100); } .highcharts-column-series path.highcharts-point, .highcharts-bar-series path.highcharts-point { stroke: var(--highcharts-background-color); } .highcharts-column-series .highcharts-point, .highcharts-bar-series .highcharts-point { transition: fill-opacity 250ms; } .highcharts-column-series .highcharts-point-hover, .highcharts-bar-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .highcharts-pie-series .highcharts-point { stroke-linejoin: round; stroke: var(--highcharts-background-color); } .highcharts-pie-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .highcharts-funnel-series .highcharts-point { stroke-linejoin: round; stroke: var(--highcharts-background-color); } .highcharts-funnel-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .highcharts-funnel-series .highcharts-point-select { fill: inherit; stroke: inherit; } .highcharts-pyramid-series .highcharts-point { stroke-linejoin: round; stroke: var(--highcharts-background-color); } .highcharts-pyramid-series .highcharts-point-hover { fill-opacity: 0.75; transition: fill-opacity 50ms; } .highcharts-pyramid-series .highcharts-point-select { fill: inherit; stroke: inherit; } .highcharts-solidgauge-series .highcharts-point { stroke-width: 0; } .highcharts-treemap-series .highcharts-point { stroke-width: 1px; stroke: var(--highcharts-neutral-color-10); transition: stroke 250ms, fill 250ms, fill-opacity 250ms; } .highcharts-treemap-series .highcharts-point-hover { stroke: var(--highcharts-neutral-color-40); transition: stroke 25ms, fill 25ms, fill-opacity 25ms; } .highcharts-treemap-series .highcharts-above-level { display: none; } .highcharts-treemap-series .highcharts-internal-node { fill: none; } .highcharts-treemap-series .highcharts-internal-node-interactive { fill-opacity: 0.15; cursor: pointer; } .highcharts-treemap-series .highcharts-internal-node-interactive:hover { fill-opacity: 0.75; } .highcharts-vector-series .highcharts-point { fill: none; stroke-width: 2px; } .highcharts-windbarb-series .highcharts-point { fill: none; stroke-width: 2px; } .highcharts-lollipop-stem { stroke: var(--highcharts-neutral-color-100); } .highcharts-focus-border { fill: none; stroke-width: 2px; } .highcharts-legend-item-hidden .highcharts-focus-border { fill: none !important; } .highcharts-legend-box { fill: none; stroke-width: 0; } .highcharts-legend-item > text, .highcharts-legend-item span { fill: var(--highcharts-neutral-color-80); font-size: 0.8em; cursor: pointer; stroke-width: 0; } .highcharts-legend-item:hover text { fill: var(--highcharts-neutral-color-100); } .highcharts-legend-item-hidden * { fill: var(--highcharts-neutral-color-60) !important; stroke: var(--highcharts-neutral-color-60) !important; transition: fill 250ms; text-decoration: line-through; } .highcharts-legend-nav-active { fill: var(--highcharts-highlight-color-100); cursor: pointer; } .highcharts-legend-nav-inactive { fill: var(--highcharts-neutral-color-20); } circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { fill: rgba(192, 192, 192, 0.0001); } .highcharts-legend-title-box { fill: none; stroke-width: 0; } .highcharts-bubble-legend-symbol { stroke-width: 2; fill-opacity: 0.5; } .highcharts-bubble-legend-connectors { stroke-width: 1; } .highcharts-bubble-legend-labels { fill: var(--highcharts-neutral-color-80); font-size: 0.7em; } .highcharts-loading { position: absolute; background-color: var(--highcharts-background-color); opacity: 0.5; text-align: center; z-index: 10; transition: opacity 250ms; } .highcharts-loading-hidden { height: 0 !important; opacity: 0; overflow: hidden; transition: opacity 250ms, height 250ms step-end; } .highcharts-loading-inner { font-weight: bold; position: relative; top: 45%; } .highcharts-plot-band, .highcharts-pane { fill: var(--highcharts-neutral-color-100); fill-opacity: 0.05; } .highcharts-plot-line { fill: none; stroke: var(--highcharts-neutral-color-40); stroke-width: 1px; } .highcharts-plot-line-label { font-size: 0.8em; } .highcharts-boxplot-box { fill: var(--highcharts-background-color); } .highcharts-boxplot-median { stroke-width: 2px; } .highcharts-bubble-series .highcharts-point { fill-opacity: 0.5; } .highcharts-errorbar-series .highcharts-point { stroke: var(--highcharts-neutral-color-100); } .highcharts-gauge-series .highcharts-data-label-box { stroke: var(--highcharts-neutral-color-20); stroke-width: 1px; } .highcharts-gauge-series .highcharts-dial { fill: var(--highcharts-neutral-color-100); stroke-width: 0; } .highcharts-polygon-series .highcharts-graph { fill: inherit; stroke-width: 0; } .highcharts-waterfall-series .highcharts-graph { stroke: var(--highcharts-neutral-color-80); stroke-dasharray: 1, 3; } .highcharts-sankey-series .highcharts-point { stroke-width: 0; } .highcharts-sankey-series .highcharts-link { transition: fill 250ms, fill-opacity 250ms; fill-opacity: 0.5; } .highcharts-sankey-series .highcharts-point-hover.highcharts-link { transition: fill 50ms, fill-opacity 50ms; fill-opacity: 1; } .highcharts-venn-series .highcharts-point { fill-opacity: 0.75; stroke: var(--highcharts-neutral-color-20); transition: stroke 250ms, fill-opacity 250ms; } .highcharts-venn-series .highcharts-point-hover { fill-opacity: 1; stroke: var(--highcharts-neutral-color-20); } .highcharts-timeline-series .highcharts-graph { stroke: var(--highcharts-neutral-color-20); } .highcharts-navigator-mask-outside { fill-opacity: 0; } .highcharts-navigator-mask-inside { fill: var(--highcharts-highlight-color-60); fill-opacity: 0.25; cursor: ew-resize; } .highcharts-navigator-outline { stroke: var(--highcharts-neutral-color-40); fill: none; } .highcharts-navigator-handle { stroke: var(--highcharts-neutral-color-40); fill: var(--highcharts-neutral-color-5); cursor: ew-resize; } .highcharts-navigator-series { fill: var(--highcharts-highlight-color-80); stroke: var(--highcharts-highlight-color-80); } .highcharts-navigator-series .highcharts-graph { stroke-width: 1px; } .highcharts-navigator-series .highcharts-area { fill-opacity: 0.05; } .highcharts-navigator-xaxis .highcharts-axis-line { stroke-width: 0; } .highcharts-navigator-xaxis .highcharts-grid-line { stroke-width: 1px; stroke: var(--highcharts-neutral-color-10); } .highcharts-navigator-xaxis.highcharts-axis-labels { fill: var(--highcharts-neutral-color-100); font-size: 0.7em; opacity: 0.6; } .highcharts-navigator-yaxis .highcharts-grid-line { stroke-width: 0; } .highcharts-scrollbar-thumb { fill: var(--highcharts-neutral-color-20); stroke: var(--highcharts-neutral-color-20); stroke-width: 0; } .highcharts-scrollbar-button { fill: var(--highcharts-neutral-color-10); stroke: var(--highcharts-neutral-color-20); stroke-width: 1px; } .highcharts-scrollbar-arrow { fill: var(--highcharts-neutral-color-60); } .highcharts-scrollbar-rifles { stroke: none; stroke-width: 1px; } .highcharts-scrollbar-track { fill: rgba(255, 255, 255, 0.001); stroke: var(--highcharts-neutral-color-20); stroke-width: 1px; } .highcharts-button { fill: var(--highcharts-neutral-color-3); stroke: var(--highcharts-neutral-color-20); cursor: default; stroke-width: 1px; transition: fill 250ms; } .highcharts-button text { fill: var(--highcharts-neutral-color-80); font-size: 0.8em; } .highcharts-button-hover { transition: fill 0ms; fill: var(--highcharts-neutral-color-10); stroke: var(--highcharts-neutral-color-20); } .highcharts-button-hover text { fill: var(--highcharts-neutral-color-80); } .highcharts-button-pressed { font-weight: bold; fill: var(--highcharts-highlight-color-10); stroke: var(--highcharts-neutral-color-20); } .highcharts-button-pressed text { fill: var(--highcharts-neutral-color-80); font-weight: bold; } .highcharts-button-disabled text { fill: var(--highcharts-neutral-color-80); } .highcharts-range-selector-buttons .highcharts-button { stroke-width: 0; } .highcharts-range-label rect { fill: none; } .highcharts-range-label text { fill: var(--highcharts-neutral-color-60); } .highcharts-range-input rect { fill: none; } .highcharts-range-input text { fill: var(--highcharts-neutral-color-80); font-size: 0.8em; } .highcharts-range-input { stroke-width: 1px; stroke: var(--highcharts-neutral-color-20); } input.highcharts-range-selector { position: absolute; border: 0; width: 1px; height: 1px; padding: 0; text-align: center; left: -9em; } .highcharts-crosshair-label text { fill: var(--highcharts-background-color); font-size: 1.7em; } .highcharts-crosshair-label .highcharts-label-box { fill: inherit; } .highcharts-candlestick-series .highcharts-point { stroke: var(--highcharts-neutral-color-100); stroke-width: 1px; } .highcharts-candlestick-series .highcharts-point-up { fill: var(--highcharts-background-color); } .highcharts-renko-series .highcharts-point-down, .highcharts-hollowcandlestick-series .highcharts-point-down { fill: var(--highcharts-negative-color); stroke: var(--highcharts-negative-color); } .highcharts-renko-series .highcharts-point-up, .highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up { fill: var(--highcharts-positive-color); stroke: var(--highcharts-positive-color); } .highcharts-hollowcandlestick-series .highcharts-point-up { fill: transparent; stroke: var(--highcharts-positive-color); } .highcharts-ohlc-series .highcharts-point-hover { stroke-width: 3px; } .highcharts-flags-series .highcharts-point .highcharts-label-box { stroke: var(--highcharts-neutral-color-40); fill: var(--highcharts-background-color); transition: fill 250ms; } .highcharts-flags-series .highcharts-point-hover .highcharts-label-box { stroke: var(--highcharts-neutral-color-100); fill: var(--highcharts-highlight-color-20); } .highcharts-flags-series .highcharts-point text { fill: var(--highcharts-neutral-color-100); font-size: 0.9em; font-weight: bold; } .highcharts-map-series .highcharts-point { transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms; stroke: var(--highcharts-neutral-color-20); stroke-width: inherit; } .highcharts-map-series .highcharts-point-hover { transition: fill 0ms, fill-opacity 0ms; fill-opacity: 0.5; } .highcharts-mapline-series .highcharts-point { fill: none; } .highcharts-heatmap-series .highcharts-point { stroke-width: 0; } .highcharts-map-navigation { font-size: 1.3em; font-weight: bold; text-align: center; } .highcharts-map-navigation.highcharts-button { fill: var(--highcharts-background-color); stroke: var(--highcharts-neutral-color-10); } .highcharts-map-navigation.highcharts-button:hover { fill: var(--highcharts-neutral-color-10); } .highcharts-map-navigation.highcharts-button .highcharts-button-symbol { stroke-width: 2px; } .highcharts-mapview-inset-border { stroke: var(--highcharts-neutral-color-20); stroke-width: 1px; fill: none; } .highcharts-coloraxis { stroke-width: 0; } .highcharts-coloraxis-marker { fill: var(--highcharts-neutral-color-40); } .highcharts-null-point { fill: var(--highcharts-neutral-color-3); } .highcharts-3d-frame { fill: transparent; } .highcharts-contextbutton { fill: var(--highcharts-background-color); stroke: none; stroke-linecap: round; } .highcharts-contextbutton:hover { fill: var(--highcharts-neutral-color-10); stroke: var(--highcharts-neutral-color-10); } .highcharts-button-symbol { stroke: var(--highcharts-neutral-color-60); stroke-width: 3px; } .highcharts-menu { border: none; background: var(--highcharts-background-color); border-radius: 3px; padding: 0.5em; box-shadow: 3px 3px 10px #888888; } .highcharts-menu-item { background: none; border-radius: 3px; color: var(--highcharts-neutral-color-80); cursor: pointer; font-size: 0.8em; list-style-type: none; padding: 0.5em; transition: background 250ms, color 250ms; } .highcharts-menu-item:hover { background: var(--highcharts-neutral-color-5); } .highcharts-breadcrumbs-button { fill: none; stroke-width: 0; cursor: pointer; } .highcharts-breadcrumbs-separator { fill: var(--highcharts-neutral-color-60); } .highcharts-drilldown-point { cursor: pointer; } .highcharts-drilldown-data-label text, text.highcharts-drilldown-data-label, .highcharts-drilldown-axis-label { cursor: pointer; fill: var(--highcharts-highlight-color-100); font-weight: bold; text-decoration: underline; } .highcharts-no-data text { font-weight: bold; font-size: 0.8em; fill: var(--highcharts-neutral-color-60); } .highcharts-axis-resizer { cursor: ns-resize; stroke: var(--highcharts-neutral-color-100); stroke-width: 2px; } .highcharts-bullet-target { stroke-width: 0; } .highcharts-lineargauge-target { stroke-width: 1px; stroke: var(--highcharts-neutral-color-80); } .highcharts-lineargauge-target-line { stroke-width: 1px; stroke: var(--highcharts-neutral-color-80); } .highcharts-fibonacci-background-0, .highcharts-pitchfork-inner-background, .highcharts-measure-background { fill: var(--highcharts-annotation-color-0); } .highcharts-fibonacci-background-1 { fill: var(--highcharts-annotation-color-1); } .highcharts-fibonacci-background-2 { fill: var(--highcharts-annotation-color-2); } .highcharts-fibonacci-background-3, .highcharts-pitchfork-outer-background { fill: var(--highcharts-annotation-color-3); } .highcharts-fibonacci-background-4 { fill: var(--highcharts-annotation-color-4); } .highcharts-fibonacci-background-5 { fill: var(--highcharts-annotation-color-5); } .highcharts-fibonacci-line { stroke: var(--highcharts-neutral-color-40); } .highcharts-crooked-lines, .highcharts-tunnel-lines, .highcharts-infinity-lines, .highcharts-timecycles-lines, .highcharts-fibonacci-timezones-lines, .highcharts-pitchfork-lines, .highcharts-vertical-line, .highcharts-measure-crosshair-x, .highcharts-measure-crosshair-y { stroke: var(--highcharts-neutral-color-100); stroke-opacity: 0.75; fill: none; } .highcharts-measure-crosshair-x, .highcharts-measure-crosshair-y { stroke-dasharray: 1, 3; } .highcharts-tunnel-background { fill: var(--highcharts-color-0); } .highcharts-annotation-shapes { cursor: move; } .highcharts-basic-shape { fill: var(--highcharts-neutral-color-100); stroke: var(--highcharts-neutral-color-100); opacity: 0.74; } .highcharts-annotation-label-box { stroke-width: 1px; stroke: var(--highcharts-neutral-color-100); fill: var(--highcharts-neutral-color-100); fill-opacity: 0.75; } .highcharts-annotation-label text { fill: var(--highcharts-neutral-color-10); font-size: 0.8em; } .highcharts-a11y-proxy-element { border-width: 0; background-color: transparent; cursor: pointer; outline: none; opacity: 0.001; z-index: 999; overflow: hidden; padding: 0; margin: 0; display: block; position: absolute; } .highcharts-a11y-proxy-group li { list-style: none; } .highcharts-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); margin-top: -3px; opacity: 0.01; } .highcharts-a11y-invisible { visibility: hidden; } .highcharts-a11y-proxy-container, .highcharts-a11y-proxy-container-before, .highcharts-a11y-proxy-container-after { position: absolute; white-space: nowrap; } g.highcharts-series, .highcharts-markers, .highcharts-point { outline: none; } .highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded { cursor: pointer; } .highcharts-point-connecting-path { fill: none; } .highcharts-grid-axis .highcharts-tick { stroke: var(--highcharts-neutral-color-20); stroke-width: 1px; } .highcharts-grid-axis .highcharts-axis-line { stroke: var(--highcharts-neutral-color-20); stroke-width: 1px; } .highcharts-gantt-series .highcharts-partfill-overlay { fill: hsla(0, 0%, 0%, 0.3); stroke: hsla(0, 0%, 0%, 0.3); } /* angular:styles/global:styles */ /*# sourceMappingURL=styles.css.map */