body { --ag-legacy-styles-loaded: "true"; } .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-sticky-bottom { border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .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; user-select: none; } .ag-selectable { -moz-user-select: text; -webkit-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, .ag-header-viewport, .ag-floating-top-viewport, .ag-floating-bottom-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { overflow-x: auto; -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar, .ag-header-viewport::-webkit-scrollbar, .ag-floating-top-viewport::-webkit-scrollbar, .ag-floating-bottom-viewport::-webkit-scrollbar, .ag-sticky-top-viewport::-webkit-scrollbar, .ag-sticky-bottom-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; overflow-x: hidden; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-sticky-top-container, .ag-sticky-bottom-container { min-height: 1px; } .ag-center-cols-viewport { min-height: 100%; width: 100%; } .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%; overflow: hidden; } .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; overflow: hidden; } .ag-header-cell-label { text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; overflow: visible; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .ag-header-group-cell .ag-header-cell-comp-wrapper { display: flex; } .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-header-cell-comp-wrapper-limited-height > div { overflow: hidden; } .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: -3px; } .ag-rtl .ag-header-cell-resize { left: -3px; } .ag-pinned-left-header .ag-header-cell-resize { right: -3px; } .ag-pinned-right-header .ag-header-cell-resize { left: -3px; } .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 { display: inline-flex; align-items: center; cursor: move; white-space: nowrap; } .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; 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%; overflow: hidden; height: 0px; } .ag-sticky-bottom { box-sizing: content-box !important; } .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; 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; 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; -moz-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::-moz-placeholder { opacity: 0.8; } .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; 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; 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 { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; } .ag-header-group-cell-label, .ag-cell-label-container { 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 { -moz-column-break-inside: avoid; 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; 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); 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 { 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-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-row:not(.ag-row-level-0) .ag-pivot-leaf-group { margin-left: 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-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: 0px; } .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-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; } .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-parent-hidden), .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-highlight-before::after, .ag-header-highlight-after::after { content: ""; position: absolute; height: 100%; width: 1px; } .ag-header-highlight-before::after { left: 0px; } .ag-header-highlight-after::after { right: 0px; } .ag-pinned-left-header .ag-header-highlight-after::after { right: 1px; } .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; -webkit-appearance: none; -moz-appearance: none; 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; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; } .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; 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; 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; 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; } .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-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus { box-shadow: none; } .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible { box-shadow: var(--ag-input-focus-box-shadow); } .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; 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; } .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; } @font-face { font-family: "agGridQuartz"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=); font-weight: normal; font-style: normal; } .ag-theme-quartz, .ag-theme-quartz-dark, .ag-theme-quartz-auto-dark { --ag-active-color: #2196f3; --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%); --ag-secondary-border-color: var(--ag-border-color); --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%); --ag-tooltip-background-color: var(--ag-header-background-color); --ag-control-panel-background-color: var(--ag-header-background-color); --ag-subheader-background-color: transparent; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%); --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-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%); --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%); --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%); --ag-input-focus-border-color: var(--ag-active-color); --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%); --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%); --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%); --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%); --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-active-color); --ag-range-selection-border-color: var(--ag-active-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-input-border-color: var(--ag-border-color); --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%); --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%); --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%); --ag-input-disabled-border-color: var(--ag-border-color); --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%); --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%); --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%); --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%); --ag-borders: solid 1px; --ag-border-radius: 4px; --ag-wrapper-border-radius: 8px; --ag-borders-side-button: none; --ag-side-button-selected-background-color: transparent; --ag-header-column-resize-handle-display: block; --ag-header-column-resize-handle-width: 2px; --ag-header-column-resize-handle-height: 30%; --ag-grid-size: 8px; --ag-icon-size: 16px; --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25); --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5); --ag-list-item-height: calc( var(--ag-icon-size) + var(--ag-widget-vertical-spacing) ); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-filter-tool-panel-group-indent: var(--ag-grid-size); --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-toggle-button-border-width: 2px; --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-icon-font-family: agGridQuartz; --ag-tab-min-width: 290px; --ag-chart-menu-panel-width: 260px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15); --ag-side-bar-panel-width: 250px; } .ag-theme-quartz-dark { --ag-background-color: color-mix(in srgb, #fff, #182230 97%); --ag-foreground-color: #fff; --ag-border-color: rgba(255, 255, 255, 0.16); --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%); --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-input-disabled-background-color: #68686e12; --ag-card-shadow: 0 1px 20px 1px black; --ag-input-border-color: var(--ag-border-color); --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07); --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-selected-row-background-color: var(--ag-row-hover-color); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-quartz-auto-dark { --ag-background-color: color-mix(in srgb, #fff, #182230 97%); --ag-foreground-color: #fff; --ag-border-color: rgba(255, 255, 255, 0.16); --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%); --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%); --ag-input-disabled-background-color: #68686e12; --ag-card-shadow: 0 1px 20px 1px black; --ag-input-border-color: var(--ag-border-color); --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07); --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%); --ag-selected-row-background-color: var(--ag-row-hover-color); --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%); --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3); --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz .ag-status-bar, .ag-theme-quartz .ag-header-row, .ag-theme-quartz .ag-panel-title-bar-title, .ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-dark .ag-header-row, .ag-theme-quartz-dark .ag-panel-title-bar-title, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-header-row, .ag-theme-quartz-auto-dark .ag-panel-title-bar-title, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar { font-weight: 500; color: var(--ag-header-foreground-color); } .ag-theme-quartz input[class^=ag-]:not([type]), .ag-theme-quartz input[class^=ag-][type=text], .ag-theme-quartz input[class^=ag-][type=number], .ag-theme-quartz input[class^=ag-][type=tel], .ag-theme-quartz input[class^=ag-][type=date], .ag-theme-quartz input[class^=ag-][type=datetime-local], .ag-theme-quartz textarea[class^=ag-], .ag-theme-quartz-dark input[class^=ag-]:not([type]), .ag-theme-quartz-dark input[class^=ag-][type=text], .ag-theme-quartz-dark input[class^=ag-][type=number], .ag-theme-quartz-dark input[class^=ag-][type=tel], .ag-theme-quartz-dark input[class^=ag-][type=date], .ag-theme-quartz-dark input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark textarea[class^=ag-], .ag-theme-quartz-auto-dark input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark input[class^=ag-][type=text], .ag-theme-quartz-auto-dark input[class^=ag-][type=number], .ag-theme-quartz-auto-dark input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark input[class^=ag-][type=date], .ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-quartz .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-picker-field-wrapper { min-height: calc(var(--ag-grid-size) * 4); } .ag-theme-quartz .ag-tab, .ag-theme-quartz-dark .ag-tab, .ag-theme-quartz-auto-dark .ag-tab { padding: var(--ag-grid-size); border-left: var(--ag-borders) transparent; border-right: var(--ag-borders) transparent; flex: 1 1 auto; } .ag-theme-quartz .ag-tab-selected, .ag-theme-quartz-dark .ag-tab-selected, .ag-theme-quartz-auto-dark .ag-tab-selected { background-color: var(--ag-background-color); } .ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) { border-left-color: var(--ag-border-color); } .ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) { border-right-color: var(--ag-border-color); } .ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) { border-right-color: var(--ag-border-color); } .ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) { border-left-color: var(--ag-border-color); } .ag-theme-quartz .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) { opacity: 0.7; } .ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover { opacity: 1; } .ag-theme-quartz .ag-menu, .ag-theme-quartz-dark .ag-menu, .ag-theme-quartz-auto-dark .ag-menu { color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%); } .ag-theme-quartz .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%); } .ag-theme-quartz .ag-menu-header, .ag-theme-quartz-dark .ag-menu-header, .ag-theme-quartz-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-menu-option, .ag-theme-quartz-dark .ag-menu-option, .ag-theme-quartz-auto-dark .ag-menu-option { font-weight: 500; cursor: pointer; } .ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon { text-align: right; } .ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon { text-align: left; } .ag-theme-quartz .ag-tabs-header, .ag-theme-quartz-dark .ag-tabs-header, .ag-theme-quartz-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); display: flex; background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%); } .ag-theme-quartz .ag-side-bar, .ag-theme-quartz-dark .ag-side-bar, .ag-theme-quartz-auto-dark .ag-side-bar { background-color: var(--ag-control-panel-background-color); min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-theme-quartz .ag-side-buttons, .ag-theme-quartz-dark .ag-side-buttons, .ag-theme-quartz-auto-dark .ag-side-buttons { padding: 0; align-self: stretch; width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); background: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-side-button, .ag-theme-quartz-dark .ag-side-button, .ag-theme-quartz-auto-dark .ag-side-button { border-top: var(--ag-borders) transparent; border-bottom: var(--ag-borders) transparent; } @media (-webkit-max-device-pixel-ratio: 1.5), (max-resolution: 1.5x) { .ag-theme-quartz .ag-side-button-label, .ag-theme-quartz-dark .ag-side-button-label, .ag-theme-quartz-auto-dark .ag-side-button-label { font-family: "Segoe UI", var(--ag-font-family); transform: rotate(0.05deg); } } .ag-theme-quartz .ag-side-button.ag-selected, .ag-theme-quartz-dark .ag-side-button.ag-selected, .ag-theme-quartz-auto-dark .ag-side-button.ag-selected { border-bottom-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) { border-top-color: var(--ag-border-color); } .ag-theme-quartz .ag-column-panel-column-select, .ag-theme-quartz-dark .ag-column-panel-column-select, .ag-theme-quartz-auto-dark .ag-column-panel-column-select { border-top: none; border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search { height: initial; margin-top: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-filter-toolpanel-search-input, .ag-theme-quartz-dark .ag-filter-toolpanel-search-input, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input { margin: 0; } .ag-theme-quartz .ag-filter-apply-panel, .ag-theme-quartz-dark .ag-filter-apply-panel, .ag-theme-quartz-auto-dark .ag-filter-apply-panel { border: none; padding-top: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-chart-tabbed-menu-body, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body { position: relative; } .ag-theme-quartz .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; height: 16px; background: linear-gradient(var(--ag-control-panel-background-color), transparent); } .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container { border-top: none; font-weight: 500; } .ag-theme-quartz .ag-chart-mini-thumbnail, .ag-theme-quartz-dark .ag-chart-mini-thumbnail, .ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); margin-top: 0; margin-bottom: 0; } .ag-theme-quartz .ag-chart-settings-nav-bar, .ag-theme-quartz-dark .ag-chart-settings-nav-bar, .ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar { background: none; font-weight: 500; } .ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar), .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) { color: var(--ag-chart-menu-label-color); } .ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label { margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5); margin-bottom: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label, .ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label { margin-bottom: 0; } .ag-theme-quartz .ag-chart-data-section label, .ag-theme-quartz .ag-chart-format-section label, .ag-theme-quartz-dark .ag-chart-data-section label, .ag-theme-quartz-dark .ag-chart-format-section label, .ag-theme-quartz-auto-dark .ag-chart-data-section label, .ag-theme-quartz-auto-dark .ag-chart-format-section label { display: inline-block; } .ag-theme-quartz .ag-chart-format-wrapper, .ag-theme-quartz .ag-chart-data-wrapper, .ag-theme-quartz .ag-charts-format-top-level-group, .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-charts-format-top-level-group-item, .ag-theme-quartz .ag-charts-format-sub-level-group, .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz .ag-charts-format-sub-level-group-container > *, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-data-group-container, .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-chart-format-wrapper, .ag-theme-quartz-dark .ag-chart-data-wrapper, .ag-theme-quartz-dark .ag-charts-format-top-level-group, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-chart-format-wrapper, .ag-theme-quartz-auto-dark .ag-chart-data-wrapper, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container { padding: 0; margin: 0; } .ag-theme-quartz .ag-charts-format-top-level-group, .ag-theme-quartz .ag-charts-data-group, .ag-theme-quartz-dark .ag-charts-format-top-level-group, .ag-theme-quartz-dark .ag-charts-data-group, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group, .ag-theme-quartz-auto-dark .ag-charts-data-group { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz .ag-charts-data-group-title-bar, .ag-theme-quartz .ag-charts-settings-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar { padding: var(--ag-widget-vertical-spacing) 0; } .ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container { padding-top: var(--ag-widget-vertical-spacing); padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-charts-format-top-level-group-container > *, .ag-theme-quartz .ag-charts-format-sub-level-group-container > *, .ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-theme-quartz .ag-charts-data-group-item, .ag-theme-quartz-dark .ag-charts-data-group-item, .ag-theme-quartz-auto-dark .ag-charts-data-group-item { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-chart-settings-mini-wrapper, .ag-theme-quartz-dark .ag-chart-settings-mini-wrapper, .ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper { padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-chart-advanced-settings-section, .ag-theme-quartz-dark .ag-chart-advanced-settings-section, .ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section { padding-top: var(--ag-widget-container-vertical-padding); padding-bottom: var(--ag-widget-container-vertical-padding); } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container { margin: 0; } .ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item { margin-top: calc(var(--ag-widget-vertical-spacing) * 2); margin-bottom: 0; } .ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-spectrum-color, .ag-theme-quartz .ag-spectrum-fill, .ag-theme-quartz-dark .ag-spectrum-color, .ag-theme-quartz-dark .ag-spectrum-fill, .ag-theme-quartz-auto-dark .ag-spectrum-color, .ag-theme-quartz-auto-dark .ag-spectrum-fill { border-radius: var(--ag-border-radius); } .ag-theme-quartz .ag-spectrum-dragger, .ag-theme-quartz-dark .ag-spectrum-dragger, .ag-theme-quartz-auto-dark .ag-spectrum-dragger { border-radius: 18px; height: 18px; width: 18px; border: 3px solid white; } .ag-theme-quartz .ag-spectrum-tools, .ag-theme-quartz-dark .ag-spectrum-tools, .ag-theme-quartz-auto-dark .ag-spectrum-tools { padding-left: 0; padding-right: 0; padding-bottom: 0; } .ag-theme-quartz .ag-spectrum-tool, .ag-theme-quartz-dark .ag-spectrum-tool, .ag-theme-quartz-auto-dark .ag-spectrum-tool { height: 12px; } .ag-theme-quartz .ag-spectrum-hue-background, .ag-theme-quartz .ag-spectrum-alpha-background, .ag-theme-quartz-dark .ag-spectrum-hue-background, .ag-theme-quartz-dark .ag-spectrum-alpha-background, .ag-theme-quartz-auto-dark .ag-spectrum-hue-background, .ag-theme-quartz-auto-dark .ag-spectrum-alpha-background { border-radius: 12px; } .ag-theme-quartz .ag-spectrum-slider, .ag-theme-quartz-dark .ag-spectrum-slider, .ag-theme-quartz-auto-dark .ag-spectrum-slider { margin-top: -15px; width: 18px; height: 18px; border-radius: 18px; border: 3px solid rgb(248, 248, 248); } .ag-theme-quartz .ag-recent-colors, .ag-theme-quartz-dark .ag-recent-colors, .ag-theme-quartz-auto-dark .ag-recent-colors { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); margin-bottom: 2px; } .ag-theme-quartz .ag-color-input-color, .ag-theme-quartz .ag-color-picker-color, .ag-theme-quartz .ag-recent-color, .ag-theme-quartz-dark .ag-color-input-color, .ag-theme-quartz-dark .ag-color-picker-color, .ag-theme-quartz-dark .ag-recent-color, .ag-theme-quartz-auto-dark .ag-color-input-color, .ag-theme-quartz-auto-dark .ag-color-picker-color, .ag-theme-quartz-auto-dark .ag-recent-color { border-radius: 4px; } .ag-theme-quartz .ag-recent-color, .ag-theme-quartz-dark .ag-recent-color, .ag-theme-quartz-auto-dark .ag-recent-color { border: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-quartz.ag-dnd-ghost, .ag-theme-quartz-dark.ag-dnd-ghost, .ag-theme-quartz-auto-dark.ag-dnd-ghost { font-weight: 500; } .ag-theme-quartz .ag-standard-button, .ag-theme-quartz-dark .ag-standard-button, .ag-theme-quartz-auto-dark .ag-standard-button { font-family: inherit; -moz-appearance: none; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: solid 1px var(--ag-input-border-color); background-color: var(--ag-background-color); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); cursor: pointer; } .ag-theme-quartz .ag-standard-button:hover, .ag-theme-quartz-dark .ag-standard-button:hover, .ag-theme-quartz-auto-dark .ag-standard-button:hover { background-color: var(--ag-row-hover-color); } .ag-theme-quartz .ag-standard-button:active, .ag-theme-quartz-dark .ag-standard-button:active, .ag-theme-quartz-auto-dark .ag-standard-button:active { border-color: var(--ag-active-color); } .ag-theme-quartz .ag-standard-button:disabled, .ag-theme-quartz-dark .ag-standard-button:disabled, .ag-theme-quartz-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-quartz .ag-column-drop-cell, .ag-theme-quartz-dark .ag-column-drop-cell, .ag-theme-quartz-auto-dark .ag-column-drop-cell { border-radius: calc(var(--ag-grid-size) * 3); height: calc(var(--ag-grid-size) * 3); padding: 0 var(--ag-grid-size); } .ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button { min-width: 0; margin: 0; } .ag-theme-quartz .ag-column-drop-cell-drag-handle, .ag-theme-quartz-dark .ag-column-drop-cell-drag-handle, .ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle { margin-left: 0; } .ag-theme-quartz .ag-column-drop-vertical, .ag-theme-quartz-dark .ag-column-drop-vertical, .ag-theme-quartz-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-quartz .ag-column-drop-vertical-title-bar, .ag-theme-quartz-dark .ag-column-drop-vertical-title-bar, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar { padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0; } .ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon { margin-left: 0; margin-right: var(--ag-widget-horizontal-spacing); } .ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon { margin-right: 0; margin-left: var(--ag-widget-horizontal-spacing); } .ag-theme-quartz .ag-column-drop-vertical-empty-message, .ag-theme-quartz-dark .ag-column-drop-vertical-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; justify-content: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-quartz .ag-column-drop-empty-message, .ag-theme-quartz-dark .ag-column-drop-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); } .ag-theme-quartz .ag-pill-select .ag-column-drop, .ag-theme-quartz-dark .ag-pill-select .ag-column-drop, .ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-quartz .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display { font-weight: 500; color: var(--ag-chart-menu-pill-select-button-color); } .ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon { color: var(--ag-chart-menu-pill-select-button-color); } .ag-theme-quartz .ag-status-bar, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-quartz .ag-status-name-value, .ag-theme-quartz-dark .ag-status-name-value, .ag-theme-quartz-auto-dark .ag-status-name-value { padding: var(--ag-widget-container-vertical-padding) 0; } .ag-theme-quartz .ag-status-name-value-value, .ag-theme-quartz .ag-paging-number, .ag-theme-quartz .ag-paging-row-summary-panel-number, .ag-theme-quartz-dark .ag-status-name-value-value, .ag-theme-quartz-dark .ag-paging-number, .ag-theme-quartz-dark .ag-paging-row-summary-panel-number, .ag-theme-quartz-auto-dark .ag-status-name-value-value, .ag-theme-quartz-auto-dark .ag-paging-number, .ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number { font-weight: 500; } .ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button { opacity: 0.75; } .ag-theme-quartz .ag-column-drop-cell-button:hover, .ag-theme-quartz-dark .ag-column-drop-cell-button:hover, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover { opacity: 1; } .ag-theme-quartz .ag-header-cell-menu-button, .ag-theme-quartz .ag-header-cell-filter-button, .ag-theme-quartz .ag-panel-title-bar-button, .ag-theme-quartz .ag-header-expand-icon, .ag-theme-quartz .ag-column-group-icons, .ag-theme-quartz .ag-set-filter-group-icons, .ag-theme-quartz .ag-group-expanded .ag-icon, .ag-theme-quartz .ag-group-contracted .ag-icon, .ag-theme-quartz .ag-chart-settings-prev, .ag-theme-quartz .ag-chart-settings-next, .ag-theme-quartz .ag-group-title-bar-icon, .ag-theme-quartz .ag-column-select-header-icon, .ag-theme-quartz .ag-floating-filter-button-button, .ag-theme-quartz .ag-filter-toolpanel-expand, .ag-theme-quartz .ag-panel-title-bar-button-icon, .ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-header-cell-menu-button, .ag-theme-quartz-dark .ag-header-cell-filter-button, .ag-theme-quartz-dark .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-header-expand-icon, .ag-theme-quartz-dark .ag-column-group-icons, .ag-theme-quartz-dark .ag-set-filter-group-icons, .ag-theme-quartz-dark .ag-group-expanded .ag-icon, .ag-theme-quartz-dark .ag-group-contracted .ag-icon, .ag-theme-quartz-dark .ag-chart-settings-prev, .ag-theme-quartz-dark .ag-chart-settings-next, .ag-theme-quartz-dark .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-column-select-header-icon, .ag-theme-quartz-dark .ag-floating-filter-button-button, .ag-theme-quartz-dark .ag-filter-toolpanel-expand, .ag-theme-quartz-dark .ag-panel-title-bar-button-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button, .ag-theme-quartz-auto-dark .ag-header-cell-filter-button, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-header-expand-icon, .ag-theme-quartz-auto-dark .ag-column-group-icons, .ag-theme-quartz-auto-dark .ag-set-filter-group-icons, .ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon, .ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon, .ag-theme-quartz-auto-dark .ag-chart-settings-prev, .ag-theme-quartz-auto-dark .ag-chart-settings-next, .ag-theme-quartz-auto-dark .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-column-select-header-icon, .ag-theme-quartz-auto-dark .ag-floating-filter-button-button, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon { --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%); } .ag-theme-quartz .ag-header-cell-menu-button:hover, .ag-theme-quartz .ag-header-cell-filter-button:hover, .ag-theme-quartz .ag-panel-title-bar-button:hover, .ag-theme-quartz .ag-header-expand-icon:hover, .ag-theme-quartz .ag-column-group-icons:hover, .ag-theme-quartz .ag-set-filter-group-icons:hover, .ag-theme-quartz .ag-group-expanded .ag-icon:hover, .ag-theme-quartz .ag-group-contracted .ag-icon:hover, .ag-theme-quartz .ag-chart-settings-prev:hover, .ag-theme-quartz .ag-chart-settings-next:hover, .ag-theme-quartz .ag-group-title-bar-icon:hover, .ag-theme-quartz .ag-column-select-header-icon:hover, .ag-theme-quartz .ag-floating-filter-button-button:hover, .ag-theme-quartz .ag-filter-toolpanel-expand:hover, .ag-theme-quartz .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz .ag-chart-menu-icon:hover, .ag-theme-quartz-dark .ag-header-cell-menu-button:hover, .ag-theme-quartz-dark .ag-header-cell-filter-button:hover, .ag-theme-quartz-dark .ag-panel-title-bar-button:hover, .ag-theme-quartz-dark .ag-header-expand-icon:hover, .ag-theme-quartz-dark .ag-column-group-icons:hover, .ag-theme-quartz-dark .ag-set-filter-group-icons:hover, .ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover, .ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover, .ag-theme-quartz-dark .ag-chart-settings-prev:hover, .ag-theme-quartz-dark .ag-chart-settings-next:hover, .ag-theme-quartz-dark .ag-group-title-bar-icon:hover, .ag-theme-quartz-dark .ag-column-select-header-icon:hover, .ag-theme-quartz-dark .ag-floating-filter-button-button:hover, .ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover, .ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz-dark .ag-chart-menu-icon:hover, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-quartz-auto-dark .ag-header-expand-icon:hover, .ag-theme-quartz-auto-dark .ag-column-group-icons:hover, .ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-next:hover, .ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover, .ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover, .ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover { border-radius: 1px; background-color: var(--ag-quartz-icon-hover-color); box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color); } .ag-theme-quartz .ag-filter-active, .ag-theme-quartz-dark .ag-filter-active, .ag-theme-quartz-auto-dark .ag-filter-active { --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%); --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%); position: relative; border-radius: 1px; background-color: var(--ag-quartz-icon-active-color); box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color); } .ag-theme-quartz .ag-filter-active::after, .ag-theme-quartz-dark .ag-filter-active::after, .ag-theme-quartz-auto-dark .ag-filter-active::after { content: ""; position: absolute; width: 6px; height: 6px; top: -1px; right: -1px; border-radius: 50%; background-color: var(--ag-active-color); } .ag-theme-quartz .ag-filter-active .ag-icon-filter, .ag-theme-quartz-dark .ag-filter-active .ag-icon-filter, .ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter { clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z"); } .ag-theme-quartz .ag-chart-menu, .ag-theme-quartz-dark .ag-chart-menu, .ag-theme-quartz-auto-dark .ag-chart-menu { --ag-icon-size: 20px; background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%); padding: 4px 2px; } .ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon { opacity: 0.8; } .ag-theme-quartz .ag-drag-handle, .ag-theme-quartz-dark .ag-drag-handle, .ag-theme-quartz-auto-dark .ag-drag-handle { color: var(--ag-icon-font-color); } .ag-theme-quartz .ag-menu-option-icon, .ag-theme-quartz .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-menu-option-icon, .ag-theme-quartz-dark .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-compact-menu-option-icon { width: var(--ag-icon-size); cursor: pointer; } .ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button { margin-left: calc(var(--ag-grid-size) * 2); margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button { margin-right: calc(var(--ag-grid-size) * 2); margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size); } .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body { padding-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body { padding-right: var(--ag-grid-size); } .ag-theme-quartz .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-quartz .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 { border-top: none; } .ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header { height: initial; padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-theme-quartz .ag-filter-toolpanel-group-item, .ag-theme-quartz-dark .ag-filter-toolpanel-group-item, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item { margin: 0; } .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-quartz .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-active-color); } .ag-theme-quartz .ag-advanced-filter-builder-button, .ag-theme-quartz-dark .ag-advanced-filter-builder-button, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz .ag-disabled .ag-icon, .ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz [disabled] .ag-icon, .ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz-dark .ag-disabled .ag-icon, .ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz-dark [disabled] .ag-icon, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-quartz-auto-dark .ag-disabled .ag-icon, .ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-quartz-auto-dark [disabled] .ag-icon { opacity: 0.6; } .ag-theme-quartz .ag-icon-grip, .ag-theme-quartz-dark .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-icon-grip { opacity: 0.7; } .ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before { position: absolute; display: block; width: 12px; height: 12px; background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg=="); background-position: 50% 50%; background-size: contain; opacity: 40%; content: ""; filter: var(--ag-icon-filter); } .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before { margin-left: var(--ag-grid-size); } .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before { margin-right: var(--ag-grid-size); } .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input { padding-left: 26px; } .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input { padding-right: 26px; } .ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5); } .ag-theme-quartz .ag-text-field-input[disabled], .ag-theme-quartz .ag-menu-option-disabled, .ag-theme-quartz-dark .ag-text-field-input[disabled], .ag-theme-quartz-dark .ag-menu-option-disabled, .ag-theme-quartz-auto-dark .ag-text-field-input[disabled], .ag-theme-quartz-auto-dark .ag-menu-option-disabled { cursor: not-allowed; } .ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled { --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color); } .ag-theme-quartz .ag-checkbox-input, .ag-theme-quartz .ag-toggle-button-input, .ag-theme-quartz .ag-radio-button-input, .ag-theme-quartz input[class^=ag-][type=range], .ag-theme-quartz-dark .ag-checkbox-input, .ag-theme-quartz-dark .ag-toggle-button-input, .ag-theme-quartz-dark .ag-radio-button-input, .ag-theme-quartz-dark input[class^=ag-][type=range], .ag-theme-quartz-auto-dark .ag-checkbox-input, .ag-theme-quartz-auto-dark .ag-toggle-button-input, .ag-theme-quartz-auto-dark .ag-radio-button-input, .ag-theme-quartz-auto-dark input[class^=ag-][type=range] { cursor: pointer; } .ag-theme-quartz .ag-details-row, .ag-theme-quartz-dark .ag-details-row, .ag-theme-quartz-auto-dark .ag-details-row { padding: calc(var(--ag-grid-size) * 3.75); } .ag-theme-quartz .ag-list-item-hovered::after, .ag-theme-quartz-dark .ag-list-item-hovered::after, .ag-theme-quartz-auto-dark .ag-list-item-hovered::after { background-color: var(--ag-active-color); } .ag-theme-quartz .ag-pill .ag-pill-button:hover, .ag-theme-quartz-dark .ag-pill .ag-pill-button:hover, .ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover { color: var(--ag-active-color); } .ag-theme-quartz .ag-header-highlight-before::after, .ag-theme-quartz .ag-header-highlight-after::after, .ag-theme-quartz-dark .ag-header-highlight-before::after, .ag-theme-quartz-dark .ag-header-highlight-after::after, .ag-theme-quartz-auto-dark .ag-header-highlight-before::after, .ag-theme-quartz-auto-dark .ag-header-highlight-after::after { background-color: var(--ag-active-color); } .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before { opacity: 66%; filter: invert(100%); } .ag-theme-quartz-dark .ag-chart-menu { background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%); } .ag-theme-quartz-dark .ag-text-field-input::-moz-placeholder { color: var(--ag-data-color); opacity: 0.8; } .ag-theme-quartz-dark .ag-text-field-input::placeholder { color: var(--ag-data-color); opacity: 0.8; } /* montserrat-cyrillic-ext-100-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 100; src: url(/assets/montserrat-cyrillic-ext-100-normal-CnGvQby4.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-100-normal-6MQzsCWF.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-100-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 100; src: url(/assets/montserrat-cyrillic-100-normal-CR4JkuAu.woff2) format('woff2'), url(/assets/montserrat-cyrillic-100-normal-_Kh65RQo.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-100-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 100; src: url(/assets/montserrat-vietnamese-100-normal-Br-JvhO5.woff2) format('woff2'), url(/assets/montserrat-vietnamese-100-normal-CvOvMdnU.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-100-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 100; src: url(/assets/montserrat-latin-ext-100-normal-Y2iqJoVe.woff2) format('woff2'), url(/assets/montserrat-latin-ext-100-normal-CfXNgePj.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-100-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 100; src: url(/assets/montserrat-latin-100-normal-DmCriHno.woff2) format('woff2'), url(/assets/montserrat-latin-100-normal-D4FxLqud.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* montserrat-cyrillic-ext-200-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 200; src: url(/assets/montserrat-cyrillic-ext-200-normal-B-BKkJMz.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-200-normal-BpE4bVVN.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-200-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 200; src: url(/assets/montserrat-cyrillic-200-normal-Ddh9LBqW.woff2) format('woff2'), url(/assets/montserrat-cyrillic-200-normal-KeqpoJga.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-200-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 200; src: url(/assets/montserrat-vietnamese-200-normal-IUHGS1Nj.woff2) format('woff2'), url(/assets/montserrat-vietnamese-200-normal-D50KGRRb.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-200-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 200; src: url(/assets/montserrat-latin-ext-200-normal-GLq-Run4.woff2) format('woff2'), url(/assets/montserrat-latin-ext-200-normal-Zqysh-fV.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-200-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 200; src: url(/assets/montserrat-latin-200-normal-C98N1POV.woff2) format('woff2'), url(/assets/montserrat-latin-200-normal-BUQLK6IQ.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* montserrat-cyrillic-ext-300-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(/assets/montserrat-cyrillic-ext-300-normal-AjyHH-nA.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-300-normal-Ctr4ZZfs.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-300-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(/assets/montserrat-cyrillic-300-normal-DyQnI4ta.woff2) format('woff2'), url(/assets/montserrat-cyrillic-300-normal-BVP0yxL_.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-300-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(/assets/montserrat-vietnamese-300-normal-BIrGnxdC.woff2) format('woff2'), url(/assets/montserrat-vietnamese-300-normal-F69v1y7v.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-300-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(/assets/montserrat-latin-ext-300-normal-DiDe5dVi.woff2) format('woff2'), url(/assets/montserrat-latin-ext-300-normal-BCbSOsYO.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-300-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 300; src: url(/assets/montserrat-latin-300-normal-BgP24wlQ.woff2) format('woff2'), url(/assets/montserrat-latin-300-normal-sTRdVzlf.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* montserrat-cyrillic-ext-400-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/montserrat-cyrillic-ext-400-normal-Xqov12YL.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-400-normal-DRPPeomZ.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-400-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/montserrat-cyrillic-400-normal-BPq32Q8K.woff2) format('woff2'), url(/assets/montserrat-cyrillic-400-normal-jEs4Tk-Z.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-400-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/montserrat-vietnamese-400-normal-D4oHqQTd.woff2) format('woff2'), url(/assets/montserrat-vietnamese-400-normal-BeEscFYY.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-400-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/montserrat-latin-ext-400-normal-B8bwfy6Y.woff2) format('woff2'), url(/assets/montserrat-latin-ext-400-normal-BffdBkAA.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-400-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2) format('woff2'), url(/assets/montserrat-latin-400-normal-xItZbAXg.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* montserrat-cyrillic-ext-500-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/montserrat-cyrillic-ext-500-normal-11xBT7e1.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-500-normal-DOzfAZ45.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-500-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/montserrat-cyrillic-500-normal-T0SG181k.woff2) format('woff2'), url(/assets/montserrat-cyrillic-500-normal-CyGtXmN9.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-500-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/montserrat-vietnamese-500-normal-NT-t8RG1.woff2) format('woff2'), url(/assets/montserrat-vietnamese-500-normal-DpeZlV_K.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-500-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/montserrat-latin-ext-500-normal-BKtbrd6n.woff2) format('woff2'), url(/assets/montserrat-latin-ext-500-normal-DWPqqZgs.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-500-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2) format('woff2'), url(/assets/montserrat-latin-500-normal-Dok2oTci.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* montserrat-cyrillic-ext-600-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/montserrat-cyrillic-ext-600-normal-BtBW-rpm.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-600-normal-wReYPmz2.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-600-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/montserrat-cyrillic-600-normal-CQEPC0hM.woff2) format('woff2'), url(/assets/montserrat-cyrillic-600-normal-DUglwBrH.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-600-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/montserrat-vietnamese-600-normal-DKe6qT_E.woff2) format('woff2'), url(/assets/montserrat-vietnamese-600-normal-SJ-HTWuM.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-600-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/montserrat-latin-ext-600-normal-DSkTqI9L.woff2) format('woff2'), url(/assets/montserrat-latin-ext-600-normal-CSDhkhgS.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-600-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2) format('woff2'), url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* montserrat-cyrillic-ext-700-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/montserrat-cyrillic-ext-700-normal-MyDreaeu.woff2) format('woff2'), url(/assets/montserrat-cyrillic-ext-700-normal-D-Mk2xRJ.woff) format('woff'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* montserrat-cyrillic-700-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/montserrat-cyrillic-700-normal-D-Pqjtdp.woff2) format('woff2'), url(/assets/montserrat-cyrillic-700-normal-BvLYcGP1.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* montserrat-vietnamese-700-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/montserrat-vietnamese-700-normal-C0x1De3p.woff2) format('woff2'), url(/assets/montserrat-vietnamese-700-normal-DnwGT2D9.woff) format('woff'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* montserrat-latin-ext-700-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/montserrat-latin-ext-700-normal-BOP2Nhf0.woff2) format('woff2'), url(/assets/montserrat-latin-ext-700-normal-DdDFr05Z.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* montserrat-latin-700-normal */ @font-face { font-family: 'Montserrat'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2) format('woff2'), url(/assets/montserrat-latin-700-normal-BWkrl476.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* @import 'material-symbols'; */ /* In order to preload the symbols font, we need to add it manually */ @font-face { font-family: 'Material Symbols Rounded'; src: url('/material-symbols-rounded.woff2') format('woff2'); font-display: block; } /* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ 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; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } :root { font-family: 'Montserrat'; --background-app: rgb(242 242 242); --background-disabled: rgb(229 231 235); --background-error: rgb(239 68 68); --background-interact: rgb(241 107 0); --background-overlay: rgb(0 0 0 / 0.1); --background-overlay-dark: rgb(0 0 0 / 0.7); --background-primary: rgb(249 250 251); --background-primary-faded: rgb(249 250 251 / 0.3); --background-primary-clear: rgb(255 255 255); --background-secondary: rgb(209 213 219); --background-secondary-clear: rgb(232 234 237); --background-success: rgb(21 128 61); --border-disabled: rgb(156 163 175); --border-error: rgb(239 68 68); --border-interact: rgb(241 107 0); --border-primary: rgb(55 65 81); --border-secondary: rgb(156 163 175); --border-success: rgb(21 128 61); --border-tertiary: rgb(209 213 219); --color-codings-black: rgb(17 24 39); --color-codings-blue: rgb(7 117 197); --color-codings-green: rgb(22 163 74); --color-codings-grey: rgb(107 114 128); --color-codings-light-blue: rgb(93 152 177); --color-codings-light-green: rgb(152 214 174); --color-codings-light-red: rgb(254 202 202); --color-codings-orange: rgb(255 160 51); --color-codings-purple: rgb(168 105 230); --color-codings-red: rgb(239 68 68); --color-codings-yellow: rgb(254 217 51); --hover-error: rgb(248 113 113); --hover-interact: rgb(202 85 0); --hover-primary: rgb(229 231 235); --hover-success: rgb(22 163 74); --pressed-error: rgb(220 38 38); --pressed-interact: rgb(184 78 0); --pressed-primary: rgb(209 213 219); --pressed-success: rgb(34 197 94); --selected-primary: rgb(209 213 219); --specific-app: rgb(242 242 242); --specific-highlight: rgb(209 213 219); --specific-menu: rgb(249 250 251); --specific-panel: rgb(255 255 255); --specific-swap-light-red: rgb(254 202 202); --specific-swap-red: rgb(239 68 68); --text-icon-black-always: rgb(17 24 39); --text-icon-careful: rgb(185 28 28); --text-icon-disabled: rgb(107 114 128); --text-icon-error: rgb(239 68 68); --text-icon-interact: rgb(220 92 0); --text-icon-primary: rgb(17 24 39); --text-icon-secondary: rgb(75 85 99); --text-icon-success: rgb(22 163 74); --text-icon-tertiary: rgb(156 163 175); --text-icon-white-clear: rgb(255 255 255); --placeholder: #ff10f0; } *, ::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: ; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0px; } .inset-2 { inset: 0.5rem; } .inset-x-0 { left: 0px; right: 0px; } .-bottom-\[1px\] { bottom: -1px; } .-right-1 { right: -0.25rem; } .-right-1\.5 { right: -0.375rem; } .-top-1 { top: -0.25rem; } .-top-1\.5 { top: -0.375rem; } .-top-\[9px\] { top: -9px; } .bottom-0 { bottom: 0px; } .bottom-12 { bottom: 3rem; } .bottom-16 { bottom: 4rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-8 { bottom: 2rem; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-2 { left: 0.5rem; } .left-2\.5 { left: 0.625rem; } .left-3 { left: 0.75rem; } .left-\[50\%\] { left: 50%; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-1 { right: 0.25rem; } .right-10 { right: 2.5rem; } .right-2 { right: 0.5rem; } .right-2\.5 { right: 0.625rem; } .right-3 { right: 0.75rem; } .right-3\.5 { right: 0.875rem; } .right-5 { right: 1.25rem; } .right-8 { right: 2rem; } .right-\[8px\] { right: 8px; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1 { top: 0.25rem; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-2\.5 { top: 0.625rem; } .top-3 { top: 0.75rem; } .top-\[-48px\] { top: -48px; } .top-\[21px\] { top: 21px; } .top-\[50\%\] { top: 50%; } .top-\[8px\] { top: 8px; } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[9999\] { z-index: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-full { grid-column: 1 / -1; } .col-start-7 { grid-column-start: 7; } .m-0 { margin: 0px; } .m-4 { margin: 1rem; } .m-\[1px\] { margin: 1px; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .\!mt-0 { margin-top: 0px !important; } .-mb-10 { margin-bottom: -2.5rem; } .-mb-px { margin-bottom: -1px; } .-ml-3 { margin-left: -0.75rem; } .-ml-px { margin-left: -1px; } .-mt-0 { margin-top: -0px; } .-mt-0\.5 { margin-top: -0.125rem; } .-mt-1 { margin-top: -0.25rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .me-3 { margin-inline-end: 0.75rem; } .ml-0 { margin-left: 0px; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-6 { margin-left: 1.5rem; } .ml-8 { margin-left: 2rem; } .ml-\[160px\] { margin-left: 160px; } .ml-\[1px\] { margin-left: 1px; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-\[1px\] { margin-top: 1px; } .mt-auto { margin-top: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .list-item { display: list-item; } .hidden { display: none; } .aspect-\[195\/125\] { aspect-ratio: 195/125; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-12 { width: 3rem; height: 3rem; } .size-14 { width: 3.5rem; height: 3.5rem; } .size-16 { width: 4rem; height: 4rem; } .size-24 { width: 6rem; height: 6rem; } .size-6 { width: 1.5rem; height: 1.5rem; } .size-8 { width: 2rem; height: 2rem; } .size-\[14px\] { width: 14px; height: 14px; } .size-\[212px\] { width: 212px; height: 212px; } .size-\[30px\] { width: 30px; height: 30px; } .size-full { width: 100%; height: 100%; } .\!h-\[18px\] { height: 18px !important; } .h-0 { height: 0px; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-1\/3 { height: 33.333333%; } .h-10 { height: 2.5rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-28 { height: 7rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-32 { height: 8rem; } .h-36 { height: 9rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-72 { height: 18rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-96 { height: 24rem; } .h-\[100px\] { height: 100px; } .h-\[10px\] { height: 10px; } .h-\[112px\] { height: 112px; } .h-\[124px\] { height: 124px; } .h-\[133px\] { height: 133px; } .h-\[134px\] { height: 134px; } .h-\[136px\] { height: 136px; } .h-\[165px\] { height: 165px; } .h-\[170px\] { height: 170px; } .h-\[1em\] { height: 1em; } .h-\[1px\] { height: 1px; } .h-\[200px\] { height: 200px; } .h-\[240px\] { height: 240px; } .h-\[264px\] { height: 264px; } .h-\[28px\] { height: 28px; } .h-\[301px\] { height: 301px; } .h-\[32px\] { height: 32px; } .h-\[36px\] { height: 36px; } .h-\[48px\] { height: 48px; } .h-\[52px\] { height: 52px; } .h-\[55vh\] { height: 55vh; } .h-\[59px\] { height: 59px; } .h-\[60px\] { height: 60px; } .h-\[72px\] { height: 72px; } .h-\[80px\] { height: 80px; } .h-\[88vh\] { height: 88vh; } .h-\[90vh\] { height: 90vh; } .h-\[96vh\] { height: 96vh; } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-11 { max-height: 2.75rem; } .max-h-32 { max-height: 8rem; } .max-h-48 { max-height: 12rem; } .max-h-5 { max-height: 1.25rem; } .max-h-6 { max-height: 1.5rem; } .max-h-60 { max-height: 15rem; } .max-h-7 { max-height: 1.75rem; } .max-h-96 { max-height: 24rem; } .max-h-\[0px\] { max-height: 0px; } .max-h-\[1000px\] { max-height: 1000px; } .max-h-\[112px\] { max-height: 112px; } .max-h-\[148px\] { max-height: 148px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[210px\] { max-height: 210px; } .max-h-\[236px\] { max-height: 236px; } .max-h-\[255px\] { max-height: 255px; } .max-h-\[30vh\] { max-height: 30vh; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[40px\] { max-height: 40px; } .max-h-\[468px\] { max-height: 468px; } .max-h-\[54px\] { max-height: 54px; } .max-h-\[55vh\] { max-height: 55vh; } .max-h-\[56px\] { max-height: 56px; } .max-h-\[800px\] { max-height: 800px; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90dvh\] { max-height: 90dvh; } .max-h-\[calc\(2\.5rem\*2\)\] { max-height: calc(2.5rem * 2); } .max-h-\[calc\(60vh-32px\)\] { max-height: calc(60vh - 32px); } .max-h-\[calc\(75vh-240px\)\] { max-height: calc(75vh - 240px); } .max-h-\[calc\(85vh-111px\)\] { max-height: calc(85vh - 111px); } .max-h-\[calc\(85vh-400px\)\] { max-height: calc(85vh - 400px); } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-10 { min-height: 2.5rem; } .min-h-11 { min-height: 2.75rem; } .min-h-12 { min-height: 3rem; } .min-h-16 { min-height: 4rem; } .min-h-20 { min-height: 5rem; } .min-h-32 { min-height: 8rem; } .min-h-36 { min-height: 9rem; } .min-h-5 { min-height: 1.25rem; } .min-h-6 { min-height: 1.5rem; } .min-h-64 { min-height: 16rem; } .min-h-8 { min-height: 2rem; } .min-h-9 { min-height: 2.25rem; } .min-h-\[0px\] { min-height: 0px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[104px\] { min-height: 104px; } .min-h-\[108px\] { min-height: 108px; } .min-h-\[112px\] { min-height: 112px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[133px\] { min-height: 133px; } .min-h-\[148px\] { min-height: 148px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[170px\] { min-height: 170px; } .min-h-\[178px\] { min-height: 178px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[256px\] { min-height: 256px; } .min-h-\[28px\] { min-height: 28px; } .min-h-\[30vh\] { min-height: 30vh; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[36px\] { min-height: 36px; } .min-h-\[460px\] { min-height: 460px; } .min-h-\[46px\] { min-height: 46px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[53px\] { min-height: 53px; } .min-h-\[54px\] { min-height: 54px; } .min-h-\[55vh\] { min-height: 55vh; } .min-h-\[59px\] { min-height: 59px; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[75vh\] { min-height: 75vh; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[84px\] { min-height: 84px; } .min-h-\[86px\] { min-height: 86px; } .min-h-\[88px\] { min-height: 88px; } .min-h-\[91px\] { min-height: 91px; } .min-h-\[92px\] { min-height: 92px; } .min-h-\[calc\(75vh-111px\)\] { min-height: calc(75vh - 111px); } .min-h-\[calc\(75vh-240px\)\] { min-height: calc(75vh - 240px); } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .\!w-\[18px\] { width: 18px !important; } .\!w-px { width: 1px !important; } .w-1\/2 { width: 50%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-5 { width: 1.25rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[100\%\] { width: 100%; } .w-\[108px\] { width: 108px; } .w-\[10px\] { width: 10px; } .w-\[128px\] { width: 128px; } .w-\[180px\] { width: 180px; } .w-\[1em\] { width: 1em; } .w-\[1px\] { width: 1px; } .w-\[20\%\] { width: 20%; } .w-\[220px\] { width: 220px; } .w-\[24px\] { width: 24px; } .w-\[25\%\] { width: 25%; } .w-\[250px\] { width: 250px; } .w-\[279px\] { width: 279px; } .w-\[30\%\] { width: 30%; } .w-\[300px\] { width: 300px; } .w-\[32px\] { width: 32px; } .w-\[392px\] { width: 392px; } .w-\[48px\] { width: 48px; } .w-\[5\%\] { width: 5%; } .w-\[50\%\] { width: 50%; } .w-\[600px\] { width: 600px; } .w-\[80\%\] { width: 80%; } .w-\[80px\] { width: 80px; } .w-\[96vw\] { width: 96vw; } .w-\[calc\(100\%\+16px\)\] { width: calc(100% + 16px); } .w-\[calc\(90vw-48px\)\] { width: calc(90vw - 48px); } .w-\[var\(--radix-dropdown-menu-trigger-width\)\] { width: var(--radix-dropdown-menu-trigger-width); } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-1 { min-width: 0.25rem; } .min-w-10 { min-width: 2.5rem; } .min-w-12 { min-width: 3rem; } .min-w-16 { min-width: 4rem; } .min-w-20 { min-width: 5rem; } .min-w-32 { min-width: 8rem; } .min-w-4 { min-width: 1rem; } .min-w-5 { min-width: 1.25rem; } .min-w-6 { min-width: 1.5rem; } .min-w-72 { min-width: 18rem; } .min-w-8 { min-width: 2rem; } .min-w-90 { min-width: 22.5rem; } .min-w-96 { min-width: 24rem; } .min-w-\[0px\] { min-width: 0px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[103px\] { min-width: 103px; } .min-w-\[108px\] { min-width: 108px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[128px\] { min-width: 128px; } .min-w-\[135px\] { min-width: 135px; } .min-w-\[144px\] { min-width: 144px; } .min-w-\[14ch\] { min-width: 14ch; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[166px\] { min-width: 166px; } .min-w-\[168px\] { min-width: 168px; } .min-w-\[212px\] { min-width: 212px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[336px\] { min-width: 336px; } .min-w-\[360px\] { min-width: 360px; } .min-w-\[460px\] { min-width: 460px; } .min-w-\[54px\] { min-width: 54px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[90px\] { min-width: 90px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .max-w-20 { max-width: 5rem; } .max-w-24 { max-width: 6rem; } .max-w-3xl { max-width: 48rem; } .max-w-40 { max-width: 10rem; } .max-w-4xl { max-width: 56rem; } .max-w-5 { max-width: 1.25rem; } .max-w-6 { max-width: 1.5rem; } .max-w-70 { max-width: 16.3rem; } .max-w-90 { max-width: 22.5rem; } .max-w-\[100\%\] { max-width: 100%; } .max-w-\[1164px\] { max-width: 1164px; } .max-w-\[1232px\] { max-width: 1232px; } .max-w-\[1320px\] { max-width: 1320px; } .max-w-\[1416px\] { max-width: 1416px; } .max-w-\[144px\] { max-width: 144px; } .max-w-\[148px\] { max-width: 148px; } .max-w-\[1800px\] { max-width: 1800px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[182px\] { max-width: 182px; } .max-w-\[1920px\] { max-width: 1920px; } .max-w-\[196px\] { max-width: 196px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[212px\] { max-width: 212px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[267px\] { max-width: 267px; } .max-w-\[268px\] { max-width: 268px; } .max-w-\[279px\] { max-width: 279px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[342px\] { max-width: 342px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[432px\] { max-width: 432px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[475px\] { max-width: 475px; } .max-w-\[481px\] { max-width: 481px; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[54px\] { max-width: 54px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[583px\] { max-width: 583px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[604px\] { max-width: 604px; } .max-w-\[61px\] { max-width: 61px; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[80vw\] { max-width: 80vw; } .max-w-\[90px\] { max-width: 90px; } .max-w-\[96vw\] { max-width: 96vw; } .max-w-\[992px\] { max-width: 992px; } .max-w-\[calc\(100vw-224px-24px\)\] { max-width: calc(100vw - 224px - 24px); } .max-w-\[calc\(100vw-224px-24px-180px\)\] { max-width: calc(100vw - 224px - 24px - 180px); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .flex-1 { flex: 1 1 0%; } .flex-\[3\] { flex: 3; } .flex-\[5\] { flex: 5; } .flex-auto { flex: 1 1 auto; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .basis-2\/4 { flex-basis: 50%; } .basis-\[24\%\] { flex-basis: 24%; } .basis-\[30\%\] { flex-basis: 30%; } .basis-\[35\%\] { flex-basis: 35%; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .-translate-y-1\/2 { --tw-translate-y: -50%; 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)); } .-translate-y-3 { --tw-translate-y: -0.75rem; 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)); } .-translate-y-5 { --tw-translate-y: -1.25rem; 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)); } .-translate-y-\[1px\] { --tw-translate-y: -1px; 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)); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; 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)); } .translate-x-\[2px\] { --tw-translate-x: 2px; 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)); } .translate-y-4 { --tw-translate-y: 1rem; 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)); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; 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)); } .translate-y-\[1px\] { --tw-translate-y: 1px; 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)); } .translate-y-\[6px\] { --tw-translate-y: 6px; 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)); } .rotate-180 { --tw-rotate: 180deg; 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)); } .scale-x-0 { --tw-scale-x: 0; 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)); } .scale-x-100 { --tw-scale-x: 1; 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)); } .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)); } @keyframes slideIn { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .animate-\[slideIn_0\.3s_ease-out_forwards\] { animation: slideIn 0.3s ease-out forwards; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } @keyframes stripes { from { background-position: 0 0; } to { background-position: 16px 0; } } .animate-stripes { animation: stripes 1s linear infinite; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; } .resize { resize: both; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_392px\] { grid-template-columns: 1fr 392px; } .grid-cols-\[repeat\(auto-fit\2c minmax\(132px\2c 1fr\)\)\] { grid-template-columns: repeat(auto-fit,minmax(132px,1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-items-start { justify-items: start; } .\!gap-0 { gap: 0px !important; } .\!gap-3 { gap: 0.75rem !important; } .\!gap-4 { gap: 1rem !important; } .\!gap-8 { gap: 2rem !important; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-11 { gap: 2.75rem; } .gap-12 { gap: 3rem; } .gap-16 { gap: 4rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[20px\] { gap: 20px; } .gap-\[5px\] { gap: 5px; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-y-0 { row-gap: 0px; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-6 { row-gap: 1.5rem; } .gap-y-8 { row-gap: 2rem; } .\!space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0px * var(--tw-space-x-reverse)) !important; margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-border-tertiary > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-tertiary); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-clip { overflow: clip; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-scroll { overflow-y: scroll; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-ellipsis { text-overflow: ellipsis; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-break-spaces { white-space: break-spaces; } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .break-keep { word-break: keep-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-\[10px\] { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .rounded-tl-lg { border-top-left-radius: 0.5rem; } .rounded-tr-lg { border-top-right-radius: 0.5rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-\[8px\] { border-bottom-width: 8px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .\!border-background-primary-clear { border-color: var(--background-primary-clear) !important; } .\!border-black\/10 { border-color: rgb(0 0 0 / 0.1) !important; } .\!border-border-interact { border-color: var(--border-interact) !important; } .\!border-border-primary { border-color: var(--border-primary) !important; } .\!border-border-tertiary { border-color: var(--border-tertiary) !important; } .\!border-text-icon-primary { border-color: var(--text-icon-primary) !important; } .border-background-app { border-color: var(--background-app); } .border-background-primary-clear { border-color: var(--background-primary-clear); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-black\/10 { border-color: rgb(0 0 0 / 0.1); } .border-border-error { border-color: var(--border-error); } .border-border-interact { border-color: var(--border-interact); } .border-border-primary { border-color: var(--border-primary); } .border-border-secondary { border-color: var(--border-secondary); } .border-border-success { border-color: var(--border-success); } .border-border-tertiary { border-color: var(--border-tertiary); } .border-color-codings-green { border-color: var(--color-codings-green); } .border-color-codings-red { border-color: var(--color-codings-red); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } .border-red-600 { --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity)); } .border-text-icon-error { border-color: var(--text-icon-error); } .border-text-icon-white-clear { border-color: var(--text-icon-white-clear); } .border-transparent { border-color: transparent; } .border-b-background-interact { border-bottom-color: var(--background-interact); } .border-b-border-tertiary { border-bottom-color: var(--border-tertiary); } .border-l-border-tertiary { border-left-color: var(--border-tertiary); } .border-l-text-icon-interact { border-left-color: var(--text-icon-interact); } .border-l-transparent { border-left-color: transparent; } .border-r-border-tertiary { border-right-color: var(--border-tertiary); } .border-t-border-tertiary { border-top-color: var(--border-tertiary); } .border-t-text-icon-interact { border-top-color: var(--text-icon-interact); } .border-t-transparent { border-top-color: transparent; } .\!bg-\[\#1E1212\] { --tw-bg-opacity: 1 !important; background-color: rgb(30 18 18 / var(--tw-bg-opacity)) !important; } .\!bg-background-interact { background-color: var(--background-interact) !important; } .\!bg-text-icon-tertiary { background-color: var(--text-icon-tertiary) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[\#00000088\] { background-color: #00000088; } .bg-\[\#0D0A19\] { --tw-bg-opacity: 1; background-color: rgb(13 10 25 / var(--tw-bg-opacity)); } .bg-\[\#170D17\]\/40 { background-color: rgb(23 13 23 / 0.4); } .bg-\[\#170D17\]\/70 { background-color: rgb(23 13 23 / 0.7); } .bg-\[\#170D17\]\/80 { background-color: rgb(23 13 23 / 0.8); } .bg-\[\#272128\] { --tw-bg-opacity: 1; background-color: rgb(39 33 40 / var(--tw-bg-opacity)); } .bg-\[\#2F2424\] { --tw-bg-opacity: 1; background-color: rgb(47 36 36 / var(--tw-bg-opacity)); } .bg-\[\#332D38\] { --tw-bg-opacity: 1; background-color: rgb(51 45 56 / var(--tw-bg-opacity)); } .bg-\[\#433838\] { --tw-bg-opacity: 1; background-color: rgb(67 56 56 / var(--tw-bg-opacity)); } .bg-\[\#E5E5E5\] { --tw-bg-opacity: 1; background-color: rgb(229 229 229 / var(--tw-bg-opacity)); } .bg-\[\#F5F6F7\] { --tw-bg-opacity: 1; background-color: rgb(245 246 247 / var(--tw-bg-opacity)); } .bg-\[\#FFCDA5\] { --tw-bg-opacity: 1; background-color: rgb(255 205 165 / var(--tw-bg-opacity)); } .bg-\[\#f9e5c4\] { --tw-bg-opacity: 1; background-color: rgb(249 229 196 / var(--tw-bg-opacity)); } .bg-background-app { background-color: var(--background-app); } .bg-background-disabled { background-color: var(--background-disabled); } .bg-background-error { background-color: var(--background-error); } .bg-background-interact { background-color: var(--background-interact); } .bg-background-overlay { background-color: var(--background-overlay); } .bg-background-overlay-dark { background-color: var(--background-overlay-dark); } .bg-background-primary { background-color: var(--background-primary); } .bg-background-primary-clear { background-color: var(--background-primary-clear); } .bg-background-primary-faded { background-color: var(--background-primary-faded); } .bg-background-secondary { background-color: var(--background-secondary); } .bg-background-success { background-color: var(--background-success); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); } .bg-border-tertiary { background-color: var(--border-tertiary); } .bg-color-codings-black { background-color: var(--color-codings-black); } .bg-color-codings-blue { background-color: var(--color-codings-blue); } .bg-color-codings-green { background-color: var(--color-codings-green); } .bg-color-codings-light-blue { background-color: var(--color-codings-light-blue); } .bg-color-codings-light-green { background-color: var(--color-codings-light-green); } .bg-color-codings-light-red { background-color: var(--color-codings-light-red); } .bg-color-codings-orange { background-color: var(--color-codings-orange); } .bg-color-codings-red { background-color: var(--color-codings-red); } .bg-green-400\/10 { background-color: rgb(74 222 128 / 0.1); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)); } .bg-hover-error { background-color: var(--hover-error); } .bg-hover-primary { background-color: var(--hover-primary); } .bg-inherit { background-color: inherit; } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)); } .bg-red-400\/10 { background-color: rgb(248 113 113 / 0.1); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } .bg-selected-primary { background-color: var(--selected-primary); } .bg-specific-highlight { background-color: var(--specific-highlight); } .bg-specific-menu { background-color: var(--specific-menu); } .bg-specific-panel { background-color: var(--specific-panel); } .bg-text-icon-error { background-color: var(--text-icon-error); } .bg-text-icon-primary { background-color: var(--text-icon-primary); } .bg-text-icon-success { background-color: var(--text-icon-success); } .bg-text-icon-tertiary { background-color: var(--text-icon-tertiary); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-\[linear-gradient\(135deg\2c rgba\(255\2c 255\2c 255\2c 0\.3\)_25\%\2c transparent_25\%\2c transparent_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.3\)_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.3\)_75\%\2c transparent_75\%\2c transparent\)\] { background-image: linear-gradient(135deg,rgba(255,255,255,0.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.3) 75%,transparent 75%,transparent); } .bg-\[radial-gradient\(ellipse_40\.61\%_77\.78\%_at_50\.00\%_59\.39\%\2c _rgba\(0\2c _0\2c _0\2c _0\.35\)_0\%\2c _rgba\(0\2c _0\2c _0\2c _0\.01\)_100\%\)\] { background-image: radial-gradient(ellipse 40.61% 77.78% at 50.00% 59.39%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.01) 100%); } .bg-\[url\(\"\/app-bg-dark-new\.jpg\"\)\] { background-image: url("/app-bg-dark-new.jpg"); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .bg-none { background-image: none; } .from-background-app { --tw-gradient-from: var(--background-app) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-background-interact { --tw-gradient-from: var(--background-interact) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-background-primary { --tw-gradient-from: var(--background-primary) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-300\/40 { --tw-gradient-from: rgb(147 197 253 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-color-codings-orange { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--color-codings-orange) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-300\/40 { --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(216 180 254 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-pink-300\/40 { --tw-gradient-to: rgb(249 168 212 / 0.4) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .bg-\[length\:16px_16px\] { background-size: 16px 16px; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .fill-\[\#170D17\]\/70 { fill: rgb(23 13 23 / 0.7); } .fill-background-interact { fill: var(--background-interact); } .fill-background-primary-clear { fill: var(--background-primary-clear); } .fill-current { fill: currentColor; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .\!p-0 { padding: 0px !important; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-10 { padding: 2.5rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-3\.5 { padding: 0.875rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[1px\] { padding: 1px; } .\!py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[20px\] { padding-left: 20px; padding-right: 20px; } .px-\[25px\] { padding-left: 25px; padding-right: 25px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-40 { padding-top: 10rem; padding-bottom: 10rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-\[14px\] { padding-top: 14px; padding-bottom: 14px; } .py-\[8px\] { padding-top: 8px; padding-bottom: 8px; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-12 { padding-bottom: 3rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-24 { padding-bottom: 6rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-3\.5 { padding-bottom: 0.875rem; } .pb-32 { padding-bottom: 8rem; } .pb-36 { padding-bottom: 9rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-7 { padding-bottom: 1.75rem; } .pb-8 { padding-bottom: 2rem; } .pl-0 { padding-left: 0px; } .pl-0\.5 { padding-left: 0.125rem; } .pl-1 { padding-left: 0.25rem; } .pl-14 { padding-left: 3.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-7 { padding-left: 1.75rem; } .pl-8 { padding-left: 2rem; } .pl-\[2px\] { padding-left: 2px; } .pl-\[60px\] { padding-left: 60px; } .pl-\[90px\] { padding-left: 90px; } .pr-0 { padding-right: 0px; } .pr-0\.5 { padding-right: 0.125rem; } .pr-1 { padding-right: 0.25rem; } .pr-1\.5 { padding-right: 0.375rem; } .pr-10 { padding-right: 2.5rem; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pr-6 { padding-right: 1.5rem; } .pr-8 { padding-right: 2rem; } .pr-\[26px\] { padding-right: 26px; } .pr-\[3px\] { padding-right: 3px; } .pt-0 { padding-top: 0px; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-10 { padding-top: 2.5rem; } .pt-11 { padding-top: 2.75rem; } .pt-2 { padding-top: 0.5rem; } .pt-20 { padding-top: 5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[1px\] { padding-top: 1px; } .pt-\[72px\] { padding-top: 72px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .font-montserrat { font-family: "Montserrat", sans-serif; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[10px\] { font-size: 10px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[34px\] { font-size: 34px; } .text-\[40px\] { font-size: 40px; } .text-\[48px\] { font-size: 48px; } .text-\[64px\] { font-size: 64px; } .text-\[80px\] { font-size: 80px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-black { font-weight: 900; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .font-thin { font-weight: 100; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-\[20px\] { line-height: 20px; } .leading-\[24px\] { line-height: 24px; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-widest { letter-spacing: 0.1em; } .\!text-text-icon-primary { color: var(--text-icon-primary) !important; } .\!text-text-icon-white-clear { color: var(--text-icon-white-clear) !important; } .text-\[\#048D09\] { --tw-text-opacity: 1; color: rgb(4 141 9 / var(--tw-text-opacity)); } .text-\[\#0EAF80\] { --tw-text-opacity: 1; color: rgb(14 175 128 / var(--tw-text-opacity)); } .text-\[\#197DBE\] { --tw-text-opacity: 1; color: rgb(25 125 190 / var(--tw-text-opacity)); } .text-\[\#1C1E21\] { --tw-text-opacity: 1; color: rgb(28 30 33 / var(--tw-text-opacity)); } .text-\[\#262626\] { --tw-text-opacity: 1; color: rgb(38 38 38 / var(--tw-text-opacity)); } .text-\[\#3A7FFF\] { --tw-text-opacity: 1; color: rgb(58 127 255 / var(--tw-text-opacity)); } .text-\[\#6B01D4\] { --tw-text-opacity: 1; color: rgb(107 1 212 / var(--tw-text-opacity)); } .text-\[\#DF360C\] { --tw-text-opacity: 1; color: rgb(223 54 12 / var(--tw-text-opacity)); } .text-\[\#FF8D4B\] { --tw-text-opacity: 1; color: rgb(255 141 75 / var(--tw-text-opacity)); } .text-\[\#FFC233\] { --tw-text-opacity: 1; color: rgb(255 194 51 / var(--tw-text-opacity)); } .text-background-error { color: var(--background-error); } .text-background-interact { color: var(--background-interact); } .text-background-success { color: var(--background-success); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-border-error { color: var(--border-error); } .text-border-secondary { color: var(--border-secondary); } .text-border-success { color: var(--border-success); } .text-color-codings-black { color: var(--color-codings-black); } .text-color-codings-blue { color: var(--color-codings-blue); } .text-color-codings-green { color: var(--color-codings-green); } .text-color-codings-grey { color: var(--color-codings-grey); } .text-color-codings-light-blue { color: var(--color-codings-light-blue); } .text-color-codings-orange { color: var(--color-codings-orange); } .text-color-codings-red { color: var(--color-codings-red); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); } .text-inherit { color: inherit; } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-text-icon-black-always { color: var(--text-icon-black-always); } .text-text-icon-careful { color: var(--text-icon-careful); } .text-text-icon-error { color: var(--text-icon-error); } .text-text-icon-interact { color: var(--text-icon-interact); } .text-text-icon-primary { color: var(--text-icon-primary); } .text-text-icon-secondary { color: var(--text-icon-secondary); } .text-text-icon-success { color: var(--text-icon-success); } .text-text-icon-tertiary { color: var(--text-icon-tertiary); } .text-text-icon-white-clear { color: var(--text-icon-white-clear); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .placeholder-text-icon-secondary::-moz-placeholder { color: var(--text-icon-secondary); } .placeholder-text-icon-secondary::placeholder { color: var(--text-icon-secondary); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-90 { opacity: 0.9; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] { --tw-shadow: 0 4px 10px 0 rgba(0,0,0,0.25); --tw-shadow-colored: 0 4px 10px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-black\/\[0\.04\] { --tw-shadow-color: rgb(0 0 0 / 0.04); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .outline-0 { outline-width: 0px; } .outline-1 { outline-width: 1px; } .outline-2 { outline-width: 2px; } .outline-offset-\[-1px\] { outline-offset: -1px; } .outline-offset-\[-2px\] { outline-offset: -2px; } .outline-border-interact { outline-color: var(--border-interact); } .outline-border-tertiary { outline-color: var(--border-tertiary); } .ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-\[3px\] { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-red-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); } .blur { --tw-blur: blur(8px); 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); } .invert { --tw-invert: invert(100%); 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); } .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); } .backdrop-blur-\[10px\] { --tw-backdrop-blur: blur(10px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[8px\] { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-lg { --tw-backdrop-blur: blur(16px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-xl { --tw-backdrop-blur: blur(24px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition-\[margin\] { transition-property: margin; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none { transition-property: none; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-0 { transition-duration: 0s; } .duration-100 { transition-duration: 100ms; } .duration-1000 { transition-duration: 1000ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-700 { transition-duration: 700ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\@container { container-type: inline-size; } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .fade-in { --tw-enter-opacity: 0; } .fade-in-0 { --tw-enter-opacity: 0; } .zoom-in { --tw-enter-scale: 0; } .zoom-in-95 { --tw-enter-scale: .95; } .zoom-out { --tw-exit-scale: 0; } .slide-in-from-bottom { --tw-enter-translate-y: 100%; } .slide-in-from-bottom-5 { --tw-enter-translate-y: 1.25rem; } .slide-in-from-left-10 { --tw-enter-translate-x: -2.5rem; } .duration-0 { animation-duration: 0s; } .duration-100 { animation-duration: 100ms; } .duration-1000 { animation-duration: 1000ms; } .duration-200 { animation-duration: 200ms; } .duration-300 { animation-duration: 300ms; } .duration-500 { animation-duration: 500ms; } .duration-700 { animation-duration: 700ms; } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .running { animation-play-state: running; } .\[clip-path\:inset\(0_-10px_-10px_-10px\)\] { clip-path: inset(0 -10px -10px -10px); } .\[filter\:drop-shadow\(0_0_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\)\] { filter: drop-shadow(0 0 0 rgba(0,0,0,0.25)); } .\[filter\:drop-shadow\(0_0_3px_rgba\(0\2c 0\2c 0\2c 0\.25\)\)\] { filter: drop-shadow(0 0 3px rgba(0,0,0,0.25)); } .\[overflow-anchor\:none\] { overflow-anchor: none; } .dark-mode { --background-app: rgb(29 31 35); --background-disabled: rgb(90 79 92); --background-error: rgb(248 113 113); --background-interact: rgb(241 107 0); --background-overlay: rgb(0 0 0 / 0.5); --background-overlay-dark: rgb(0 0 0 / 0.5); --background-primary: rgb(255 255 255 / 0.08); --background-primary-faded: rgb(255 255 255 / 0.08); --background-primary-clear: rgb(255 255 255 / 0.1); --background-secondary: rgb(209 213 219); --background-secondary-clear: rgb(255 255 255 / 0.2); --background-success: rgb(21 128 61); --border-disabled: rgb(107 114 128); --border-error: rgb(248 113 113); --border-interact: rgb(241 107 0); --border-primary: rgb(107 114 128); --border-secondary: rgb(75 85 99); --border-success: rgb(34 197 94); --border-tertiary: rgb(55 65 81); --color-codings-black: rgb(17 24 39); --color-codings-blue: rgb(7 117 197); --color-codings-green: rgb(22 163 74); --color-codings-grey: rgb(107 114 128); --color-codings-light-blue: rgb(93 152 177); --color-codings-light-green: rgb(152 214 174); --color-codings-light-red: rgb(254 202 202); --color-codings-orange: rgb(241 107 0); --color-codings-purple: rgb(168 105 230); --color-codings-red: rgb(239 68 68); --color-codings-yellow: rgb(254 217 51); --hover-error: rgb(239 68 68); --hover-interact: rgb(220 92 0); --hover-primary: rgb(62 54 63); --hover-success: rgb(34 197 94); --pressed-error: rgb(185 28 28); --pressed-interact: rgb(202 85 0); --pressed-primary: rgb(46 36 44); --pressed-success: rgb(110 213 148); --selected-primary: rgb(90 79 92); --specific-app: rgb(23 12 20); --specific-highlight: rgb(90 79 92); --specific-menu: rgb(40 32 42); --specific-panel: rgb(46 36 44); --specific-swap-light-red: rgb(239 68 68); --specific-swap-red: rgb(254 202 202); --text-icon-black-always: rgb(17 24 39); --text-icon-careful: rgb(185 28 28); --text-icon-disabled: rgb(156 163 175); --text-icon-error: rgb(248 113 113); --text-icon-interact: rgb(241 107 0); --text-icon-primary: rgb(249 250 251); --text-icon-secondary: rgb(209 213 219); --text-icon-success: rgb(110 213 148); --text-icon-tertiary: rgb(156 163 175); --text-icon-white-clear: rgb(255 255 255); } html { width: 100vw; } body { overflow-x: hidden; } body.dark-mode { background-image: url('/app-bg-dark-new.jpg'); background-size: cover; background-position: center; background-color: #1e1e1e; background-repeat: no-repeat; background-attachment: fixed; min-height: 100vh; scrollbar-color: #aaaa transparent; } /* Main scrollbar styling */ html { scrollbar-width: thin; scrollbar-color: #ccc transparent; } /* Works on Chrome, Edge, and Safari */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background-color: #999; } .fade-top { position: relative; } .scroll-transparent { scrollbar-color: transparent transparent; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .fade-top:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; /* Dont fade over the scrollbar h*/ width: calc(100%); pointer-events: none; background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%); height: 12em; } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; } .material-symbols-rounded { font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; } .material-symbols-sharp { font-family: 'Material Symbols Sharp'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; } .glass { background: rgba(255, 255, 255, 0.8); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(7px) grayscale(20%); -webkit-backdrop-filter: blur(7px); border: 1px solid #171717; } .glass-error { background: rgba(220, 38, 38, 0.7); /*border-radius: 16px;*/ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid #7f1d1d; } .remote-content-studio * { all: revert-layer; /* Revert to browser defaults, ignoring host's base layer */ } .file\:border-0::file-selector-button { border-width: 0px; } .file\:bg-transparent::file-selector-button { background-color: transparent; } .file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button { font-weight: 500; } .placeholder\:font-medium::-moz-placeholder { font-weight: 500; } .placeholder\:font-medium::placeholder { font-weight: 500; } .placeholder\:text-text-icon-disabled::-moz-placeholder { color: var(--text-icon-disabled); } .placeholder\:text-text-icon-disabled::placeholder { color: var(--text-icon-disabled); } .placeholder\:text-text-icon-primary::-moz-placeholder { color: var(--text-icon-primary); } .placeholder\:text-text-icon-primary::placeholder { color: var(--text-icon-primary); } .placeholder\:text-text-icon-secondary::-moz-placeholder { color: var(--text-icon-secondary); } .placeholder\:text-text-icon-secondary::placeholder { color: var(--text-icon-secondary); } .placeholder\:text-text-icon-tertiary::-moz-placeholder { color: var(--text-icon-tertiary); } .placeholder\:text-text-icon-tertiary::placeholder { color: var(--text-icon-tertiary); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:right-0::before { content: var(--tw-content); right: 0px; } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:z-\[-1\]::before { content: var(--tw-content); z-index: -1; } .before\:h-full::before { content: var(--tw-content); height: 100%; } .before\:w-1\/2::before { content: var(--tw-content); width: 50%; } .before\:rounded-none::before { content: var(--tw-content); border-radius: 0px; } .before\:bg-background-primary-clear::before { content: var(--tw-content); background-color: var(--background-primary-clear); } .before\:bg-background-secondary::before { content: var(--tw-content); background-color: var(--background-secondary); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; } .after\:bottom-1::after { content: var(--tw-content); bottom: 0.25rem; } .after\:bottom-3::after { content: var(--tw-content); bottom: 0.75rem; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:right-0::after { content: var(--tw-content); right: 0px; } .after\:top-1::after { content: var(--tw-content); top: 0.25rem; } .after\:top-3::after { content: var(--tw-content); top: 0.75rem; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:w-px::after { content: var(--tw-content); width: 1px; } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; 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)); } .after\:bg-background-primary-clear::after { content: var(--tw-content); background-color: var(--background-primary-clear); } .after\:bg-border-tertiary::after { content: var(--tw-content); background-color: var(--border-tertiary); } .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .first\:mt-0:first-child { margin-top: 0px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:border-none:last-child { border-style: none; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .focus-within\:border:focus-within { border-width: 1px; } .focus-within\:border-2:focus-within { border-width: 2px; } .focus-within\:border-border-error:focus-within { border-color: var(--border-error); } .focus-within\:border-border-interact:focus-within { border-color: var(--border-interact); } .focus-within\:border-hover-interact:focus-within { border-color: var(--hover-interact); } .focus-within\:text-text-icon-interact:focus-within { color: var(--text-icon-interact); } .focus-within\:outline-none:focus-within { outline: 2px solid transparent; outline-offset: 2px; } .focus-within\:outline:focus-within { outline-style: solid; } .focus-within\:outline-1:focus-within { outline-width: 1px; } .focus-within\:ring-1:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-border-error:focus-within { --tw-ring-color: var(--border-error); } .focus-within\:ring-hover-interact:focus-within { --tw-ring-color: var(--hover-interact); } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:border-\[\#0EAF80\]:hover { --tw-border-opacity: 1; border-color: rgb(14 175 128 / var(--tw-border-opacity)); } .hover\:border-\[\#3A7FFF\]:hover { --tw-border-opacity: 1; border-color: rgb(58 127 255 / var(--tw-border-opacity)); } .hover\:border-\[\#6B01D4\]:hover { --tw-border-opacity: 1; border-color: rgb(107 1 212 / var(--tw-border-opacity)); } .hover\:border-\[\#DF360C\]:hover { --tw-border-opacity: 1; border-color: rgb(223 54 12 / var(--tw-border-opacity)); } .hover\:border-\[\#FF8D4B\]:hover { --tw-border-opacity: 1; border-color: rgb(255 141 75 / var(--tw-border-opacity)); } .hover\:border-\[\#FFC233\]:hover { --tw-border-opacity: 1; border-color: rgb(255 194 51 / var(--tw-border-opacity)); } .hover\:border-border-error:hover { border-color: var(--border-error); } .hover\:border-border-interact:hover { border-color: var(--border-interact); } .hover\:border-hover-interact:hover { border-color: var(--hover-interact); } .hover\:\!bg-background-app:hover { background-color: var(--background-app) !important; } .hover\:bg-background-app:hover { background-color: var(--background-app); } .hover\:bg-background-primary:hover { background-color: var(--background-primary); } .hover\:bg-background-primary-clear:hover { background-color: var(--background-primary-clear); } .hover\:bg-background-secondary:hover { background-color: var(--background-secondary); } .hover\:bg-color-codings-green:hover { background-color: var(--color-codings-green); } .hover\:bg-color-codings-light-green:hover { background-color: var(--color-codings-light-green); } .hover\:bg-color-codings-light-red:hover { background-color: var(--color-codings-light-red); } .hover\:bg-color-codings-red:hover { background-color: var(--color-codings-red); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .hover\:bg-hover-interact:hover { background-color: var(--hover-interact); } .hover\:bg-hover-primary:hover { background-color: var(--hover-primary); } .hover\:bg-orange-400\/15:hover { background-color: rgb(251 146 60 / 0.15); } .hover\:bg-red-400\/15:hover { background-color: rgb(248 113 113 / 0.15); } .hover\:bg-red-400\/25:hover { background-color: rgb(248 113 113 / 0.25); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } .hover\:bg-red-500\/10:hover { background-color: rgb(239 68 68 / 0.1); } .hover\:bg-red-500\/20:hover { background-color: rgb(239 68 68 / 0.2); } .hover\:bg-selected-primary:hover { background-color: var(--selected-primary); } .hover\:bg-specific-app:hover { background-color: var(--specific-app); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/30:hover { background-color: rgb(255 255 255 / 0.3); } .hover\:\!text-color-codings-red:hover { color: var(--color-codings-red) !important; } .hover\:text-color-codings-red:hover { color: var(--color-codings-red); } .hover\:text-hover-interact:hover { color: var(--hover-interact); } .hover\:text-text-icon-error:hover { color: var(--text-icon-error); } .hover\:text-text-icon-interact:hover { color: var(--text-icon-interact); } .hover\:text-text-icon-primary:hover { color: var(--text-icon-primary); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:outline-2:hover { outline-width: 2px; } .hover\:outline-offset-\[-2px\]:hover { outline-offset: -2px; } .hover\:outline-border-interact:hover { outline-color: var(--border-interact); } .hover\:drop-shadow-none:hover { --tw-drop-shadow: drop-shadow(0 0 #0000); 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); } .focus\:mb-0:focus { margin-bottom: 0px; } .focus\:h-auto:focus { height: auto; } .focus\:translate-y-0:focus { --tw-translate-y: 0px; 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)); } .focus\:border-0:focus { border-width: 0px; } .focus\:border-none:focus { border-style: none; } .focus\:border-transparent:focus { border-color: transparent; } .focus\:bg-background-primary-clear:focus { background-color: var(--background-primary-clear); } .focus\:bg-hover-primary:focus { background-color: var(--hover-primary); } .focus\:bg-selected-primary:focus { background-color: var(--selected-primary); } .focus\:text-text-icon-primary:focus { color: var(--text-icon-primary); } .focus\:opacity-100:focus { opacity: 1; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-0:focus { outline-width: 0px; } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-text-icon-interact:focus { --tw-ring-color: var(--text-icon-interact); } .focus\:ring-transparent:focus { --tw-ring-color: transparent; } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:bg-selected-primary:focus-visible { background-color: var(--selected-primary); } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:outline-2:focus-visible { outline-width: 2px; } .focus-visible\:outline-offset-\[-2px\]:focus-visible { outline-offset: -2px; } .focus-visible\:outline-border-interact:focus-visible { outline-color: var(--border-interact); } .focus-visible\:ring-0:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-transparent:focus-visible { --tw-ring-color: transparent; } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .active\:scale-\[0\.98\]:active { --tw-scale-x: 0.98; --tw-scale-y: 0.98; 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)); } .active\:border-transparent:active { border-color: transparent; } .active\:bg-background-primary-clear:active { background-color: var(--background-primary-clear); } .active\:bg-color-codings-green:active { background-color: var(--color-codings-green); } .active\:bg-color-codings-light-green:active { background-color: var(--color-codings-light-green); } .active\:bg-color-codings-light-red:active { background-color: var(--color-codings-light-red); } .active\:bg-color-codings-red:active { background-color: var(--color-codings-red); } .active\:bg-orange-400\/30:active { background-color: rgb(251 146 60 / 0.3); } .active\:bg-pressed-interact:active { background-color: var(--pressed-interact); } .active\:bg-pressed-primary:active { background-color: var(--pressed-primary); } .active\:bg-red-400\/30:active { background-color: rgb(248 113 113 / 0.3); } .active\:bg-red-400\/50:active { background-color: rgb(248 113 113 / 0.5); } .active\:bg-transparent:active { background-color: transparent; } .active\:bg-white\/10:active { background-color: rgb(255 255 255 / 0.1); } .active\:bg-white\/50:active { background-color: rgb(255 255 255 / 0.5); } .active\:\!text-color-codings-red:active { color: var(--color-codings-red) !important; } .active\:outline-none:active { outline: 2px solid transparent; outline-offset: 2px; } .active\:ring-0:active { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .active\:ring-transparent:active { --tw-ring-color: transparent; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-auto:disabled { cursor: auto; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-border-disabled:disabled { border-color: var(--border-disabled); } .disabled\:bg-background-disabled:disabled { background-color: var(--background-disabled); } .disabled\:bg-color-codings-green:disabled { background-color: var(--color-codings-green); } .disabled\:bg-color-codings-light-green:disabled { background-color: var(--color-codings-light-green); } .disabled\:bg-color-codings-light-red:disabled { background-color: var(--color-codings-light-red); } .disabled\:bg-color-codings-red:disabled { background-color: var(--color-codings-red); } .disabled\:bg-text-icon-disabled:disabled { background-color: var(--text-icon-disabled); } .disabled\:bg-transparent:disabled { background-color: transparent; } .disabled\:text-text-icon-disabled:disabled { color: var(--text-icon-disabled); } .disabled\:text-white:disabled { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-20:disabled { opacity: 0.2; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:hover\:border-border-tertiary:hover:disabled { border-color: var(--border-tertiary); } .disabled\:hover\:bg-background-secondary:hover:disabled { background-color: var(--background-secondary); } .disabled\:hover\:bg-transparent:hover:disabled { background-color: transparent; } .group:focus-within .group-focus-within\:border-border-interact { border-color: var(--border-interact); } .group:hover .group-hover\:right-10 { right: 2.5rem; } .group:hover .group-hover\:scale-x-75 { --tw-scale-x: .75; 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)); } .group:hover .group-hover\:text-text-icon-interact { color: var(--text-icon-interact); } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-50 { opacity: 0.5; } .group:focus .group-focus\:opacity-100 { opacity: 1; } .group.destructive .group-\[\.destructive\]\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity)); } .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } .group:has([data-state=open]) .group-has-\[\[data-state\=open\]\]\:text-text-icon-interact { color: var(--text-icon-interact); } .aria-selected\:bg-background-primary-clear[aria-selected="true"] { background-color: var(--background-primary-clear); } .aria-selected\:bg-background-secondary[aria-selected="true"] { background-color: var(--background-secondary); } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .aria-selected\:opacity-30[aria-selected="true"] { opacity: 0.3; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] { height: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] { width: 100%; } .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] { --tw-translate-y: 0.25rem; 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)); } .data-\[side\=left\]\:-translate-x-1[data-side=left] { --tw-translate-x: -0.25rem; 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)); } .data-\[side\=right\]\:translate-x-1[data-side=right] { --tw-translate-x: 0.25rem; 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)); } .data-\[side\=top\]\:-translate-y-1[data-side=top] { --tw-translate-y: -0.25rem; 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)); } .data-\[state\=checked\]\:translate-x-\[22px\][data-state=checked] { --tw-translate-x: 22px; 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)); } .data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked] { --tw-translate-x: 0.25rem; 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)); } .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] { --tw-translate-x: 0px; 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)); } .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] { --tw-translate-x: var(--radix-toast-swipe-end-x); 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)); } .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] { --tw-translate-x: var(--radix-toast-swipe-move-x); 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)); } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] { animation: accordion-up 0.2s ease-out; } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } .data-\[state\=open\]\:animate-accordion-down[data-state=open] { animation: accordion-down 0.2s ease-out; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] { flex-direction: column; } .data-\[state\=checked\]\:bg-text-icon-interact[data-state=checked] { background-color: var(--text-icon-interact); } .data-\[state\=checked\]\:bg-transparent[data-state=checked] { background-color: transparent; } .data-\[state\=open\]\:bg-background-primary[data-state=open] { background-color: var(--background-primary); } .data-\[state\=checked\]\:text-text-icon-primary[data-state=checked] { color: var(--text-icon-primary); } .data-\[state\=open\]\:text-text-icon-primary[data-state=open] { color: var(--text-icon-primary); } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[swipe\=move\]\:transition-none[data-swipe=move] { transition-property: none; } .data-\[state\=open\]\:animate-in[data-state=open] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state=closed] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[swipe\=end\]\:animate-out[data-swipe=end] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:fade-out-0[data-state=closed] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-80[data-state=closed] { --tw-exit-opacity: 0.8; } .data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state=closed] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-95[data-state=open] { --tw-enter-scale: .95; } .data-\[side\=bottom\]\:slide-in-from-bottom-2[data-side=bottom] { --tw-enter-translate-y: 0.5rem; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { --tw-enter-translate-y: -0.5rem; } .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { --tw-enter-translate-x: 0.5rem; } .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { --tw-enter-translate-x: -0.5rem; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { --tw-enter-translate-y: 0.5rem; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] { --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right-full[data-state=open] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] { --tw-enter-translate-y: -48%; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]::after { content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]::after { content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]::after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]::after { content: var(--tw-content); --tw-translate-y: -50%; 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)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]::after { content: var(--tw-content); --tw-translate-x: 0px; 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)); } .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; 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)); } @container (min-width: 32rem) { .\@lg\:flex-row { flex-direction: row; } } @container (min-width: 36rem) { .\@xl\:block { display: block; } .\@xl\:hidden { display: none; } .\@xl\:w-\[80\%\] { width: 80%; } .\@xl\:w-\[90\%\] { width: 90%; } .\@xl\:w-auto { width: auto; } .\@xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\@xl\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .\@xl\:text-\[64px\] { font-size: 64px; } } @container (min-width: 42rem) { .\@2xl\:w-\[70\%\] { width: 70%; } .\@2xl\:w-\[80\%\] { width: 80%; } } @container (min-width: 64rem) { .\@5xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 460px) { .\@\[460px\]\:grid-cols-\[repeat\(auto-fit\2c minmax\(170px\2c 1fr\)\)\] { grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); } } @container (min-width: 490px) { .\@\[490px\]\:grid-cols-\[repeat\(auto-fit\2c minmax\(220px\2c 1fr\)\)\] { grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); } } @container (min-width: 492px) { .\@\[492px\]\:flex { display: flex; } } .dark\:bg-black\/0:is(.dark *) { background-color: rgb(0 0 0 / 0); } @media (min-width: 640px) { .sm\:right-2 { right: 0.5rem; } .sm\:top-16 { top: 4rem; } .sm\:max-w-\[425px\] { max-width: 425px; } .sm\:max-w-\[468px\] { max-width: 468px; } .sm\:max-w-\[600px\] { max-width: 600px; } .sm\:max-w-\[640px\] { max-width: 640px; } .sm\:max-w-\[905px\] { max-width: 905px; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-3 { gap: 0.75rem; } .sm\:gap-4 { gap: 1rem; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:rounded-lg { border-radius: 0.5rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .sm\:text-left { text-align: left; } .sm\:text-5xl { font-size: 3rem; line-height: 1; } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .data-\[state\=open\]\:sm\:slide-in-from-right-full[data-state=open] { --tw-enter-translate-x: 100%; } } @media (min-width: 768px) { .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:max-w-\[420px\] { max-width: 420px; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-0 { gap: 0px; } .md\:divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .md\:divide-border-tertiary > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-tertiary); } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1024px) { .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:mx-12 { margin-left: 3rem; margin-right: 3rem; } .lg\:flex { display: flex; } .lg\:h-full { height: 100%; } .lg\:min-h-\[234px\] { min-height: 234px; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:gap-3 { gap: 0.75rem; } .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:text-center { text-align: center; } .lg\:text-5xl { font-size: 3rem; line-height: 1; } .lg\:text-6xl { font-size: 3.75rem; line-height: 1; } } @media (min-width: 1280px) { .xl\:absolute { position: absolute; } .xl\:inline { display: inline; } .xl\:hidden { display: none; } .xl\:w-\[73\%\] { width: 73%; } .xl\:max-w-\[150px\] { max-width: 150px; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:flex-nowrap { flex-wrap: nowrap; } .xl\:self-stretch { align-self: stretch; } .xl\:border-l { border-left-width: 1px; } .xl\:border-t-0 { border-top-width: 0px; } } @media (min-width: 1536px) { .\32xl\:max-w-\[872px\] { max-width: 872px; } .\32xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb { height: 1rem; } .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb { width: 1rem; } .\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb { -moz-appearance: none; appearance: none; } .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb { border-radius: 9999px; } .\[\&\:\:-moz-range-thumb\]\:bg-background-primary-clear::-moz-range-thumb { background-color: var(--background-primary-clear); } .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb { height: 1rem; } .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb { width: 1rem; } .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb { border-radius: 9999px; } .\[\&\:\:-webkit-slider-thumb\]\:border::-webkit-slider-thumb { border-width: 1px; } .\[\&\:\:-webkit-slider-thumb\]\:border-border-tertiary::-webkit-slider-thumb { border-color: var(--border-tertiary); } .\[\&\:\:-webkit-slider-thumb\]\:bg-text-icon-secondary::-webkit-slider-thumb { background-color: var(--text-icon-secondary); } .\[\&\:has\(\>_p\:first-child\)\]\:-ml-8:has(> p:first-child) { margin-left: -2rem; } .\[\&\:has\(\>_p\:first-child\)\]\:list-none:has(> p:first-child) { list-style-type: none; } .\[\&\:has\(\>_p\:first-child\)\]\:pl-0:has(> p:first-child) { padding-left: 0px; } .\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:border-l-2:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:border-l-2:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:border-l-2:has(>br:nth-child(2)) { border-left-width: 2px; } .\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:border-text-icon-interact:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:border-text-icon-interact:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:border-text-icon-interact:has(>br:nth-child(2)) { border-color: var(--text-icon-interact); } .\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:pl-4:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:pl-4:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\&\:has\(\>br\:nth-child\(2\)\)\]\:pl-4:has(>br:nth-child(2)) { padding-left: 1rem; } .\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\]\:ml-1:has(>strong:first-child).\[\&\:has\(\>strong\:first-child\)\&\:has\(\>strong\:first-child\)\]\:ml-1:has(>strong:first-child) { margin-left: 0.25rem; } .\[\&\:has\(\[data-state\=open\]\)\]\:border-border-interact:has([data-state=open]) { border-color: var(--border-interact); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; } .\[\&\>span\]\:line-clamp-1>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\[\&\>tr\]\:last\:border-b-0:last-child>tr { border-bottom-width: 0px; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { --tw-rotate: 90deg; 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)); } .\[\&\[data-state\=open\]_\.arrow-icon\]\:rotate-180[data-state=open] .arrow-icon { --tw-rotate: 180deg; 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)); } .\[\&_\.ag-cell\]\:border-0 .ag-cell { border-width: 0px; } .\[\&_\.ag-header-cell\]\:border-0 .ag-header-cell { border-width: 0px; } .\[\&_\.ag-header-container\]\:border-0 .ag-header-container { border-width: 0px; } .\[\&_\.ag-header-container\]\:bg-background-primary-clear .ag-header-container { background-color: var(--background-primary-clear); } .\[\&_\.ag-header-row\]\:border-0 .ag-header-row { border-width: 0px; } .\[\&_\.ag-header\]\:border-b-0 .ag-header { border-bottom-width: 0px; } .\[\&_\.ag-root-wrapper\]\:border-0 .ag-root-wrapper { border-width: 0px; } .\[\&_\.ag-row\]\:border-0 .ag-row { border-width: 0px; } .\[\&_\>_p\]\:font-medium > p { font-weight: 500; } .\[\&_ol\]\:ml-6 ol { margin-left: 1.5rem; } .\[\&_ol\]\:mt-2 ol { margin-top: 0.5rem; } .\[\&_ol\]\:space-y-1 ol > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } .\[\&_tr\]\:border-b tr { border-bottom-width: 1px; } .\[\&_ul\]\:ml-6 ul { margin-left: 1.5rem; } .\[\&_ul\]\:mt-2 ul { margin-top: 0.5rem; } .\[\&_ul\]\:space-y-1 ul > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .\[\&_ul\]\:border-none ul { border-style: none; } .\[\&_ul\]\:bg-transparent ul { background-color: transparent; } .\[\&_ul\]\:p-0 ul { padding: 0px; }