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: "agGridAlpine"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA); font-weight: normal; font-style: normal; } .ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark { --ag-alpine-active-color: #2196f3; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-row-hover-color: rgba(33, 150, 243, 0.1); --ag-column-hover-color: rgba(33, 150, 243, 0.1); --ag-input-focus-border-color: rgba(33, 150, 243, 0.4); --ag-range-selection-background-color: rgba(33, 150, 243, 0.2); --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36); --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49); --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59); --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: #babfc7; --ag-secondary-border-color: #dde2eb; --ag-header-background-color: #f8f8f8; --ag-tooltip-background-color: #f8f8f8; --ag-odd-row-background-color: #fcfcfc; --ag-control-panel-background-color: #f8f8f8; --ag-subheader-background-color: #fff; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: #999; --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-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-alpine-active-color); --ag-range-selection-border-color: var(--ag-alpine-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-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color); --ag-panel-background-color: var(--ag-header-background-color); --ag-menu-background-color: var(--ag-header-background-color); --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5); --ag-chip-background-color: rgba(24, 29, 31, 0.07); --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3); --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15); --ag-borders: solid 1px; --ag-border-radius: 3px; --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: 6px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-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) * 3); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridAlpine; --ag-selected-tab-underline-color: var(--ag-alpine-active-color); --ag-selected-tab-underline-width: 2px; --ag-selected-tab-underline-transition-speed: 0.3s; --ag-tab-min-width: 240px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: var(--ag-card-shadow); --ag-side-bar-panel-width: 250px; } .ag-theme-alpine-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --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-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-alpine-auto-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --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-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-panel-title-bar-title, .ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header, .ag-theme-alpine-dark .ag-filter-toolpanel-search, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-dark .ag-header-row, .ag-theme-alpine-dark .ag-panel-title-bar-title, .ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-search, .ag-theme-alpine-auto-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-header-row, .ag-theme-alpine-auto-dark .ag-panel-title-bar-title, .ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar { font-weight: 700; color: var(--ag-header-foreground-color); } .ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row { font-size: calc(var(--ag-font-size) + 1px); } .ag-theme-alpine input[class^=ag-]:not([type]), .ag-theme-alpine input[class^=ag-][type=text], .ag-theme-alpine input[class^=ag-][type=number], .ag-theme-alpine input[class^=ag-][type=tel], .ag-theme-alpine input[class^=ag-][type=date], .ag-theme-alpine input[class^=ag-][type=datetime-local], .ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]), .ag-theme-alpine-dark input[class^=ag-][type=text], .ag-theme-alpine-dark input[class^=ag-][type=number], .ag-theme-alpine-dark input[class^=ag-][type=tel], .ag-theme-alpine-dark input[class^=ag-][type=date], .ag-theme-alpine-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark textarea[class^=ag-], .ag-theme-alpine-auto-dark input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark input[class^=ag-][type=text], .ag-theme-alpine-auto-dark input[class^=ag-][type=number], .ag-theme-alpine-auto-dark input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark input[class^=ag-][type=date], .ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab { padding: calc(var(--ag-grid-size) * 1.5); transition: color 0.4s; flex: 1 1 auto; } .ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); padding-top: 1px; } .ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar { padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px); } .ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); } .ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar { margin-top: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar { padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar { padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group { border-left: dashed 1px; border-left-color: var(--ag-border-color); padding-left: var(--ag-grid-size); margin-bottom: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar { padding-top: 0; padding-bottom: 0; background: none; font-weight: 700; } .ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container { padding-bottom: 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child { margin-bottom: 0; } .ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 700; } .ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons { width: calc(var(--ag-grid-size) * 5); } .ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button { font-family: inherit; -moz-appearance: none; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: 1px solid; border-color: var(--ag-alpine-active-color); color: var(--ag-alpine-active-color); background-color: var(--ag-background-color); font-weight: 600; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover { border-color: var(--ag-alpine-active-color); background-color: var(--ag-row-hover-color); } .ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active { border-color: var(--ag-alpine-active-color); background-color: var(--ag-alpine-active-color); color: var(--ag-background-color); } .ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-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-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar { padding: calc(var(--ag-grid-size) * 2); padding-bottom: 0px; } .ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); opacity: 0.75; } .ag-theme-alpine .ag-pill-select .ag-column-drop, .ag-theme-alpine-dark .ag-pill-select .ag-column-drop, .ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value { font-weight: 700; } .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number { font-weight: 700; } .ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover { opacity: 0.75; } .ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine .ag-side-button-button:hover .ag-icon, .ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon { color: inherit; } .ag-theme-alpine .ag-filter-active .ag-icon-filter, .ag-theme-alpine-dark .ag-filter-active .ag-icon-filter, .ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-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-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-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-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { border-left: dashed 1px; border-left-color: var(--ag-border-color); margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { border-right: dashed 1px; border-right-color: var(--ag-border-color); margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list { padding-top: calc(var(--ag-grid-size) * 0.5); padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .ag-theme-alpine .ag-list-item-hovered::after, .ag-theme-alpine-dark .ag-list-item-hovered::after, .ag-theme-alpine-auto-dark .ag-list-item-hovered::after { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-pill .ag-pill-button:hover, .ag-theme-alpine-dark .ag-pill .ag-pill-button:hover, .ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-highlight-before::after, .ag-theme-alpine .ag-header-highlight-after::after, .ag-theme-alpine-dark .ag-header-highlight-before::after, .ag-theme-alpine-dark .ag-header-highlight-after::after, .ag-theme-alpine-auto-dark .ag-header-highlight-before::after, .ag-theme-alpine-auto-dark .ag-header-highlight-after::after { background-color: var(--ag-alpine-active-color); } /* Star pulse animation */ @keyframes starPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } } .star-pulse { animation: starPulse 2s ease-in-out infinite; } .star-pulse:nth-child(2) { animation-delay: 0.2s; } .star-pulse:nth-child(3) { animation-delay: 0.4s; } .star-pulse:nth-child(4) { animation-delay: 0.6s; } .star-pulse:nth-child(5) { animation-delay: 0.8s; } /* Badge pulse animation */ @keyframes badgePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .badge-pulse { animation: badgePulse 1.5s ease-in-out infinite; } /* Image enhancement */ .food-image-enhanced { filter: brightness(1.1) contrast(1.05); transition: filter 0.3s ease; } .food-image-enhanced:hover { filter: brightness(1.15) contrast(1.1); } /* Button glow effect */ .cta-button-glow { box-shadow: 0 0 20px rgba(168, 85, 247, 0.3); transition: all 0.3s ease; } .cta-button-glow:hover { box-shadow: 0 0 30px rgba(168, 85, 247, 0.5); }*, ::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: ; }/* ! tailwindcss v3.4.17 | 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]:where(:not([hidden="until-found"])) { display: none; } :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } * { border-color: hsl(var(--border)); } body { background-color: hsl(var(--background)); font-family: 'Poppins', sans-serif; color: hsl(var(--foreground)); } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 1400px) { .container { max-width: 1400px; } } input[type="range"].slider::-webkit-slider-thumb { height: 1rem; width: 1rem; cursor: pointer; -webkit-appearance: none; appearance: none; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); --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); -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 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; } input[type="range"].slider::-webkit-slider-thumb:hover { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1)); } input[type="range"].slider::-moz-range-thumb { height: 1rem; width: 1rem; cursor: pointer; border-radius: 9999px; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); --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); -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 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; } input[type="range"].slider::-moz-range-thumb:hover { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1)); } .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; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-4 { inset: 1rem; } .-inset-x-full { left: -100%; right: -100%; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-1 { bottom: -0.25rem; } .-bottom-12 { bottom: -3rem; } .-bottom-2 { bottom: -0.5rem; } .-bottom-20 { bottom: -5rem; } .-bottom-4 { bottom: -1rem; } .-left-12 { left: -3rem; } .-left-2 { left: -0.5rem; } .-left-4 { left: -1rem; } .-right-1 { right: -0.25rem; } .-right-12 { right: -3rem; } .-right-2 { right: -0.5rem; } .-right-20 { right: -5rem; } .-right-3 { right: -0.75rem; } .-right-4 { right: -1rem; } .-top-1 { top: -0.25rem; } .-top-12 { top: -3rem; } .-top-2 { top: -0.5rem; } .-top-3 { top: -0.75rem; } .-top-4 { top: -1rem; } .-top-8 { top: -2rem; } .bottom-0 { bottom: 0px; } .bottom-1\/4 { bottom: 25%; } .bottom-10 { bottom: 2.5rem; } .bottom-12 { bottom: 3rem; } .bottom-16 { bottom: 4rem; } .bottom-2 { bottom: 0.5rem; } .bottom-20 { bottom: 5rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-6 { bottom: 1.5rem; } .bottom-8 { bottom: 2rem; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-1\/4 { left: 25%; } .left-10 { left: 2.5rem; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .left-6 { left: 1.5rem; } .left-7 { left: 1.75rem; } .left-8 { left: 2rem; } .left-\[50\%\] { left: 50%; } .left-full { left: 100%; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-1 { right: 0.25rem; } .right-1\/4 { right: 25%; } .right-10 { right: 2.5rem; } .right-2 { right: 0.5rem; } .right-20 { right: 5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-6 { right: 1.5rem; } .right-full { right: 100%; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1 { top: 0.25rem; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-1\/4 { top: 25%; } .top-10 { top: 2.5rem; } .top-14 { top: 3.5rem; } .top-2 { top: 0.5rem; } .top-20 { top: 5rem; } .top-24 { top: 6rem; } .top-3 { top: 0.75rem; } .top-3\.5 { top: 0.875rem; } .top-4 { top: 1rem; } .top-6 { top: 1.5rem; } .top-8 { top: 2rem; } .top-\[1px\] { top: 1px; } .top-\[50\%\] { top: 50%; } .top-\[60\%\] { top: 60%; } .top-\[89px\] { top: 89px; } .top-full { top: 100%; } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[1\] { z-index: 1; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .m-0 { margin: 0px; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .-ml-1 { margin-left: -0.25rem; } .-ml-28 { margin-left: -7rem; } .-ml-72 { margin-left: -18rem; } .-mt-2 { margin-top: -0.5rem; } .-mt-4 { margin-top: -1rem; } .-mt-8 { margin-top: -2rem; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-16 { margin-bottom: 4rem; } .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; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-11 { margin-left: 2.75rem; } .ml-2 { margin-left: 0.5rem; } .ml-28 { margin-left: 7rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-6 { margin-left: 1.5rem; } .ml-72 { margin-left: 18rem; } .ml-8 { margin-left: 2rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-20 { margin-top: 5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-\[73px\] { margin-top: 73px; } .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; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .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; } .contents { display: contents; } .hidden { display: none; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-4 { width: 1rem; height: 1rem; } .h-0 { height: 0px; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .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-56 { height: 14rem; } .h-6 { height: 1.5rem; } .h-60 { height: 15rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-72 { height: 18rem; } .h-8 { height: 2rem; } .h-80 { height: 20rem; } .h-9 { height: 2.25rem; } .h-96 { height: 24rem; } .h-\[150px\] { height: 150px; } .h-\[180px\] { height: 180px; } .h-\[18px\] { height: 18px; } .h-\[1px\] { height: 1px; } .h-\[250px\] { height: 250px; } .h-\[280px\] { height: 280px; } .h-\[300px\] { height: 300px; } .h-\[310px\] { height: 310px; } .h-\[320px\] { height: 320px; } .h-\[600px\] { height: 600px; } .h-\[800px\] { height: 800px; } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-svh { height: 100svh; } .max-h-40 { max-height: 10rem; } .max-h-80 { max-height: 20rem; } .max-h-96 { max-height: 24rem; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(90vh-180px\)\] { max-height: calc(90vh - 180px); } .max-h-\[calc\(90vh-240px\)\] { max-height: calc(90vh - 240px); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-24 { min-height: 6rem; } .min-h-\[1\.5rem\] { min-height: 1.5rem; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[1rem\] { min-height: 1rem; } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[310px\] { min-height: 310px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[3rem\] { min-height: 3rem; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[90vh\] { min-height: 90vh; } .min-h-\[calc\(100vh-4rem\)\] { min-height: calc(100vh - 4rem); } .min-h-\[calc\(100vh-73px\)\] { min-height: calc(100vh - 73px); } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .w-0 { width: 0px; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/4 { width: 25%; } .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-2\/5 { width: 40%; } .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-3\/5 { width: 60%; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-4\/5 { width: 80%; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-5\/6 { width: 83.333333%; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-60 { width: 15rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[--sidebar-width\] { width: var(--sidebar-width); } .w-\[100px\] { width: 100px; } .w-\[150px\] { width: 150px; } .w-\[180px\] { width: 180px; } .w-\[1px\] { width: 1px; } .w-\[250px\] { width: 250px; } .w-\[280px\] { width: 280px; } .w-\[600px\] { width: 600px; } .w-\[800px\] { width: 800px; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .min-w-0 { min-width: 0px; } .min-w-5 { min-width: 1.25rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[--skeleton-width\] { max-width: var(--skeleton-width); } .max-w-\[100px\] { max-width: 100px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[60px\] { max-width: 60px; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --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-16 { --tw-translate-x: -4rem; 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-px { --tw-translate-x: -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-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-16 { --tw-translate-y: -4rem; 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-0\.5 { --tw-translate-x: 0.125rem; 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-1 { --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)); } .translate-x-24 { --tw-translate-x: 6rem; 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-5 { --tw-translate-x: 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-x-6 { --tw-translate-x: 1.5rem; 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-px { --tw-translate-x: 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-24 { --tw-translate-y: 6rem; 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)); } .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)); } .rotate-45 { --tw-rotate: 45deg; 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-90 { --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)); } .rotate-\[-90deg\] { --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)); } .skew-x-12 { --tw-skew-x: 12deg; 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-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; 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-75 { --tw-scale-x: .75; --tw-scale-y: .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)); } .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 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 ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) 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; } .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; } .list-inside { list-style-position: inside; } .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-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .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; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-items-center { justify-items: center; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-12 { gap: 3rem; } .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-y-2 { row-gap: 0.5rem; } .-space-y-px > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(-1px * var(--tw-space-y-reverse)); } .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-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))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * 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-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * 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-12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(3rem * var(--tw-space-y-reverse)); } .space-y-16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * 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-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * 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-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * 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)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-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-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .divide-white\/10 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(255 255 255 / 0.1); } .self-start { align-self: flex-start; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: 0.75rem; } .rounded-b-md { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-l-lg { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-lg { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .rounded-t-md { border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px); } .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .rounded-tl-lg { border-top-left-radius: var(--radius); } .rounded-tl-none { border-top-left-radius: 0px; } .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); } .rounded-tr-lg { border-top-right-radius: var(--radius); } .rounded-tr-none { border-top-right-radius: 0px; } .rounded-tr-sm { border-top-right-radius: calc(var(--radius) - 4px); } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-\[1\.5px\] { border-width: 1.5px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-r-4 { border-right-width: 4px; } .border-t { border-top-width: 1px; } .border-t-4 { border-top-width: 4px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-\[\#1f4ed1\] { --tw-border-opacity: 1; border-color: rgb(31 78 209 / var(--tw-border-opacity, 1)); } .border-\[\#43acff\] { --tw-border-opacity: 1; border-color: rgb(67 172 255 / var(--tw-border-opacity, 1)); } .border-\[\#43acff\]\/50 { border-color: rgb(67 172 255 / 0.5); } .border-\[\#FDB913\] { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .border-\[\#FDB913\]\/30 { border-color: rgb(253 185 19 / 0.3); } .border-\[--color-border\] { border-color: var(--color-border); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-black\/30 { border-color: rgb(0 0 0 / 0.3); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .border-blue-400\/20 { border-color: rgb(96 165 250 / 0.2); } .border-blue-400\/30 { border-color: rgb(96 165 250 / 0.3); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-500\/20 { border-color: rgb(59 130 246 / 0.2); } .border-blue-500\/30 { border-color: rgb(59 130 246 / 0.3); } .border-blue-600 { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-blue-700 { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity, 1)); } .border-border\/50 { border-color: hsl(var(--border) / 0.5); } .border-current { border-color: currentColor; } .border-destructive { border-color: hsl(var(--destructive)); } .border-destructive\/50 { border-color: hsl(var(--destructive) / 0.5); } .border-dineai-yellow { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .border-dineai-yellow\/20 { border-color: rgb(253 185 19 / 0.2); } .border-dineai-yellow\/30 { border-color: rgb(253 185 19 / 0.3); } .border-dineai-yellow\/40 { border-color: rgb(253 185 19 / 0.4); } .border-dineai-yellow\/50 { border-color: rgb(253 185 19 / 0.5); } .border-emerald-400\/20 { border-color: rgb(52 211 153 / 0.2); } .border-emerald-500\/20 { border-color: rgb(16 185 129 / 0.2); } .border-emerald-500\/30 { border-color: rgb(16 185 129 / 0.3); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400\/30 { border-color: rgb(156 163 175 / 0.3); } .border-gray-500\/30 { border-color: rgb(107 114 128 / 0.3); } .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .border-gray-700\/50 { border-color: rgb(55 65 81 / 0.5); } .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .border-green-200 { --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-300 { --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .border-green-400\/30 { border-color: rgb(74 222 128 / 0.3); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-green-500\/20 { border-color: rgb(34 197 94 / 0.2); } .border-green-500\/30 { border-color: rgb(34 197 94 / 0.3); } .border-green-600 { --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); } .border-indigo-400\/30 { border-color: rgb(129 140 248 / 0.3); } .border-input { border-color: hsl(var(--input)); } .border-orange-200 { --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .border-orange-300 { --tw-border-opacity: 1; border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)); } .border-orange-400\/20 { border-color: rgb(251 146 60 / 0.2); } .border-orange-400\/30 { border-color: rgb(251 146 60 / 0.3); } .border-orange-500\/30 { border-color: rgb(249 115 22 / 0.3); } .border-pink-400\/30 { border-color: rgb(244 114 182 / 0.3); } .border-primary { border-color: hsl(var(--primary)); } .border-purple-200 { --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .border-purple-300 { --tw-border-opacity: 1; border-color: rgb(216 180 254 / var(--tw-border-opacity, 1)); } .border-purple-400\/20 { border-color: rgb(192 132 252 / 0.2); } .border-purple-400\/30 { border-color: rgb(192 132 252 / 0.3); } .border-purple-500 { --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-purple-500\/20 { border-color: rgb(168 85 247 / 0.2); } .border-purple-500\/30 { border-color: rgb(168 85 247 / 0.3); } .border-purple-600 { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity, 1)); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-300 { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .border-red-400 { --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .border-red-400\/30 { border-color: rgb(248 113 113 / 0.3); } .border-red-500\/30 { border-color: rgb(239 68 68 / 0.3); } .border-red-600 { --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .border-sidebar-border { border-color: hsl(var(--sidebar-border)); } .border-teal-400\/30 { border-color: rgb(45 212 191 / 0.3); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-white\/30 { border-color: rgb(255 255 255 / 0.3); } .border-white\/40 { border-color: rgb(255 255 255 / 0.4); } .border-white\/50 { border-color: rgb(255 255 255 / 0.5); } .border-yellow-200 { --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); } .border-yellow-400 { --tw-border-opacity: 1; border-color: rgb(250 204 21 / var(--tw-border-opacity, 1)); } .border-yellow-400\/20 { border-color: rgb(250 204 21 / 0.2); } .border-yellow-400\/30 { border-color: rgb(250 204 21 / 0.3); } .border-yellow-400\/40 { border-color: rgb(250 204 21 / 0.4); } .border-yellow-400\/50 { border-color: rgb(250 204 21 / 0.5); } .border-yellow-500\/20 { border-color: rgb(234 179 8 / 0.2); } .border-yellow-500\/30 { border-color: rgb(234 179 8 / 0.3); } .border-l-blue-500 { --tw-border-opacity: 1; border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-l-green-500 { --tw-border-opacity: 1; border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-l-orange-500 { --tw-border-opacity: 1; border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-l-purple-500 { --tw-border-opacity: 1; border-left-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-l-transparent { border-left-color: transparent; } .border-r-transparent { border-right-color: transparent; } .border-t-black { --tw-border-opacity: 1; border-top-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-t-gray-900 { --tw-border-opacity: 1; border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .border-t-transparent { border-top-color: transparent; } .border-t-white { --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .bg-\[\#1a3ba8\] { --tw-bg-opacity: 1; background-color: rgb(26 59 168 / var(--tw-bg-opacity, 1)); } .bg-\[\#1e3a5f\] { --tw-bg-opacity: 1; background-color: rgb(30 58 95 / var(--tw-bg-opacity, 1)); } .bg-\[\#1f4ed1\] { --tw-bg-opacity: 1; background-color: rgb(31 78 209 / var(--tw-bg-opacity, 1)); } .bg-\[\#1f4ed1\]\/90 { background-color: rgb(31 78 209 / 0.9); } .bg-\[\#2256e5\] { --tw-bg-opacity: 1; background-color: rgb(34 86 229 / var(--tw-bg-opacity, 1)); } .bg-\[\#2256e5\]\/30 { background-color: rgb(34 86 229 / 0.3); } .bg-\[\#2563EB\] { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-\[\#2a4ed8\] { --tw-bg-opacity: 1; background-color: rgb(42 78 216 / var(--tw-bg-opacity, 1)); } .bg-\[\#3860f4\] { --tw-bg-opacity: 1; background-color: rgb(56 96 244 / var(--tw-bg-opacity, 1)); } .bg-\[\#43acff\]\/20 { background-color: rgb(67 172 255 / 0.2); } .bg-\[\#FDB913\] { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .bg-\[\#FDB913\]\/10 { background-color: rgb(253 185 19 / 0.1); } .bg-\[\#FDB913\]\/20 { background-color: rgb(253 185 19 / 0.2); } .bg-\[--color-bg\] { background-color: var(--color-bg); } .bg-accent { background-color: hsl(var(--accent)); } .bg-background { background-color: hsl(var(--background)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } .bg-black\/80 { background-color: rgb(0 0 0 / 0.8); } .bg-black\/90 { background-color: rgb(0 0 0 / 0.9); } .bg-black\/95 { background-color: rgb(0 0 0 / 0.95); } .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1)); } .bg-blue-400\/10 { background-color: rgb(96 165 250 / 0.1); } .bg-blue-400\/20 { background-color: rgb(96 165 250 / 0.2); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/10 { background-color: rgb(59 130 246 / 0.1); } .bg-blue-500\/20 { background-color: rgb(59 130 246 / 0.2); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-border { background-color: hsl(var(--border)); } .bg-card { background-color: hsl(var(--card)); } .bg-cyan-500\/20 { background-color: rgb(6 182 212 / 0.2); } .bg-destructive { background-color: hsl(var(--destructive)); } .bg-dineai-blue { --tw-bg-opacity: 1; background-color: rgb(31 78 209 / var(--tw-bg-opacity, 1)); } .bg-dineai-blue\/95 { background-color: rgb(31 78 209 / 0.95); } .bg-dineai-yellow { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .bg-dineai-yellow\/10 { background-color: rgb(253 185 19 / 0.1); } .bg-dineai-yellow\/20 { background-color: rgb(253 185 19 / 0.2); } .bg-dineai-yellow\/30 { background-color: rgb(253 185 19 / 0.3); } .bg-dineai-yellow\/5 { background-color: rgb(253 185 19 / 0.05); } .bg-dineai-yellow\/70 { background-color: rgb(253 185 19 / 0.7); } .bg-dineai-yellow\/90 { background-color: rgb(253 185 19 / 0.9); } .bg-emerald-400 { --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); } .bg-emerald-400\/10 { background-color: rgb(52 211 153 / 0.1); } .bg-emerald-400\/60 { background-color: rgb(52 211 153 / 0.6); } .bg-emerald-400\/70 { background-color: rgb(52 211 153 / 0.7); } .bg-emerald-400\/80 { background-color: rgb(52 211 153 / 0.8); } .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/10 { background-color: rgb(16 185 129 / 0.1); } .bg-emerald-500\/20 { background-color: rgb(16 185 129 / 0.2); } .bg-foreground { background-color: hsl(var(--foreground)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-400\/20 { background-color: rgb(156 163 175 / 0.2); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-500\/20 { background-color: rgb(107 114 128 / 0.2); } .bg-gray-500\/50 { background-color: rgb(107 114 128 / 0.5); } .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .bg-gray-700\/50 { background-color: rgb(55 65 81 / 0.5); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-gray-900\/90 { background-color: rgb(17 24 39 / 0.9); } .bg-gray-900\/95 { background-color: rgb(17 24 39 / 0.95); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)); } .bg-green-300 { --tw-bg-opacity: 1; background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1)); } .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .bg-green-400\/10 { background-color: rgb(74 222 128 / 0.1); } .bg-green-400\/20 { background-color: rgb(74 222 128 / 0.2); } .bg-green-400\/30 { background-color: rgb(74 222 128 / 0.3); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-green-500\/20 { background-color: rgb(34 197 94 / 0.2); } .bg-green-500\/80 { background-color: rgb(34 197 94 / 0.8); } .bg-green-500\/90 { background-color: rgb(34 197 94 / 0.9); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .bg-indigo-400\/20 { background-color: rgb(129 140 248 / 0.2); } .bg-muted { background-color: hsl(var(--muted)); } .bg-muted\/50 { background-color: hsl(var(--muted) / 0.5); } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-400 { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .bg-orange-400\/10 { background-color: rgb(251 146 60 / 0.1); } .bg-orange-400\/20 { background-color: rgb(251 146 60 / 0.2); } .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .bg-orange-500\/10 { background-color: rgb(249 115 22 / 0.1); } .bg-orange-500\/20 { background-color: rgb(249 115 22 / 0.2); } .bg-orange-600 { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .bg-pink-400\/20 { background-color: rgb(244 114 182 / 0.2); } .bg-pink-50 { --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)); } .bg-popover { background-color: hsl(var(--popover)); } .bg-primary { background-color: hsl(var(--primary)); } .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1)); } .bg-purple-400\/10 { background-color: rgb(192 132 252 / 0.1); } .bg-purple-400\/20 { background-color: rgb(192 132 252 / 0.2); } .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .bg-purple-500\/10 { background-color: rgb(168 85 247 / 0.1); } .bg-purple-500\/20 { background-color: rgb(168 85 247 / 0.2); } .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); } .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-400\/20 { background-color: rgb(248 113 113 / 0.2); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-500\/10 { background-color: rgb(239 68 68 / 0.1); } .bg-red-500\/20 { background-color: rgb(239 68 68 / 0.2); } .bg-red-500\/80 { background-color: rgb(239 68 68 / 0.8); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-secondary { background-color: hsl(var(--secondary)); } .bg-sidebar { background-color: hsl(var(--sidebar-background)); } .bg-sidebar-border { background-color: hsl(var(--sidebar-border)); } .bg-teal-400\/20 { background-color: rgb(45 212 191 / 0.2); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-white\/15 { background-color: rgb(255 255 255 / 0.15); } .bg-white\/20 { background-color: rgb(255 255 255 / 0.2); } .bg-white\/30 { background-color: rgb(255 255 255 / 0.3); } .bg-white\/40 { background-color: rgb(255 255 255 / 0.4); } .bg-white\/5 { background-color: rgb(255 255 255 / 0.05); } .bg-white\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-white\/60 { background-color: rgb(255 255 255 / 0.6); } .bg-white\/80 { background-color: rgb(255 255 255 / 0.8); } .bg-white\/90 { background-color: rgb(255 255 255 / 0.9); } .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); } .bg-yellow-400\/10 { background-color: rgb(250 204 21 / 0.1); } .bg-yellow-400\/20 { background-color: rgb(250 204 21 / 0.2); } .bg-yellow-400\/30 { background-color: rgb(250 204 21 / 0.3); } .bg-yellow-400\/5 { background-color: rgb(250 204 21 / 0.05); } .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-500\/10 { background-color: rgb(234 179 8 / 0.1); } .bg-yellow-500\/20 { background-color: rgb(234 179 8 / 0.2); } .bg-opacity-10 { --tw-bg-opacity: 0.1; } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1555396273-367ea4eb4db5\?ixlib\=rb-1\.2\.1\&auto\=format\&fit\=crop\&w\=1000\&q\=80\'\)\] { background-image: url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80'); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .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-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-\[\#1a1f4e\] { --tw-gradient-from: #1a1f4e var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 31 78 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#1f4ed1\] { --tw-gradient-from: #1f4ed1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 78 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#1f4ed1\]\/95 { --tw-gradient-from: rgb(31 78 209 / 0.95) var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 78 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#2256e5\] { --tw-gradient-from: #2256e5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 86 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#2256e5\]\/90 { --tw-gradient-from: rgb(34 86 229 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 86 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#3256dc\] { --tw-gradient-from: #3256dc var(--tw-gradient-from-position); --tw-gradient-to: rgb(50 86 220 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#FDB913\] { --tw-gradient-from: #FDB913 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#FDB913\]\/10 { --tw-gradient-from: rgb(253 185 19 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#FDB913\]\/20 { --tw-gradient-from: rgb(253 185 19 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-amber-400 { --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/10 { --tw-gradient-from: rgb(0 0 0 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/20 { --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/40 { --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/80 { --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/90 { --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-400 { --tw-gradient-from: #60a5fa var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-400\/20 { --tw-gradient-from: rgb(96 165 250 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-50 { --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500 { --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/10 { --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/20 { --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-600 { --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-600\/20 { --tw-gradient-from: rgb(37 99 235 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-600\/40 { --tw-gradient-from: rgb(37 99 235 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-blue { --tw-gradient-from: #1f4ed1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 78 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-blue\/95 { --tw-gradient-from: rgb(31 78 209 / 0.95) var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 78 209 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-yellow { --tw-gradient-from: #FDB913 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-yellow\/0 { --tw-gradient-from: rgb(253 185 19 / 0) var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-yellow\/10 { --tw-gradient-from: rgb(253 185 19 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-yellow\/20 { --tw-gradient-from: rgb(253 185 19 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-dineai-yellow\/30 { --tw-gradient-from: rgb(253 185 19 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-400 { --tw-gradient-from: #34d399 var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/10 { --tw-gradient-from: rgb(16 185 129 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500\/20 { --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-100 { --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-200 { --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-300 { --tw-gradient-from: #d1d5db var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-400 { --tw-gradient-from: #9ca3af var(--tw-gradient-from-position); --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-50 { --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-gray-800\/50 { --tw-gradient-from: rgb(31 41 55 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-400 { --tw-gradient-from: #4ade80 var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-50 { --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-500 { --tw-gradient-from: #22c55e var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-green-500\/20 { --tw-gradient-from: rgb(34 197 94 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-400 { --tw-gradient-from: #818cf8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-400 { --tw-gradient-from: #fb923c var(--tw-gradient-from-position); --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500 { --tw-gradient-from: #f97316 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500\/10 { --tw-gradient-from: rgb(249 115 22 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500\/20 { --tw-gradient-from: rgb(249 115 22 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-600 { --tw-gradient-from: #ea580c var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-400 { --tw-gradient-from: #f472b6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-pink-500 { --tw-gradient-from: #ec4899 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-400 { --tw-gradient-from: #c084fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-50 { --tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500 { --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/10 { --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500\/20 { --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-600 { --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-600\/20 { --tw-gradient-from: rgb(147 51 234 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-400 { --tw-gradient-from: #f87171 var(--tw-gradient-from-position); --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-teal-400 { --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position); --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white { --tw-gradient-from: #fff 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-white\/10 { --tw-gradient-from: rgb(255 255 255 / 0.1) 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-white\/15 { --tw-gradient-from: rgb(255 255 255 / 0.15) 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-white\/20 { --tw-gradient-from: rgb(255 255 255 / 0.2) 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-white\/5 { --tw-gradient-from: rgb(255 255 255 / 0.05) 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-white\/\[0\.06\] { --tw-gradient-from: rgb(255 255 255 / 0.06) 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-white\/\[0\.08\] { --tw-gradient-from: rgb(255 255 255 / 0.08) 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-yellow-100 { --tw-gradient-from: #fef9c3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-400 { --tw-gradient-from: #facc15 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-400\/10 { --tw-gradient-from: rgb(250 204 21 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-400\/20 { --tw-gradient-from: rgb(250 204 21 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-400\/40 { --tw-gradient-from: rgb(250 204 21 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-50 { --tw-gradient-from: #fefce8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-yellow-500\/10 { --tw-gradient-from: rgb(234 179 8 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-\[\#2256e5\] { --tw-gradient-to: rgb(34 86 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2256e5 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#2256e5\]\/50 { --tw-gradient-to: rgb(34 86 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(34 86 229 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#2256e5\]\/85 { --tw-gradient-to: rgb(34 86 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(34 86 229 / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#2a5de0\] { --tw-gradient-to: rgb(42 93 224 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2a5de0 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-amber-500\/15 { --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-black\/40 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-black\/50 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-blue-600\/20 { --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-dineai-yellow { --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #FDB913 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-dineai-yellow\/20 { --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(253 185 19 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-dineai-yellow\/30 { --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(253 185 19 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-dineai-yellow\/5 { --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(253 185 19 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-green-500\/15 { --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(34 197 94 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-indigo-500\/15 { --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-orange-400\/10 { --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(251 146 60 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-pink-500\/15 { --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 72 153 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-400 { --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-purple-400\/10 { --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(192 132 252 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-red-500\/5 { --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-transparent { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white\/20 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-yellow-300 { --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-yellow-400\/5 { --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(250 204 21 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-yellow-400\/50 { --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(250 204 21 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-\[\#0f1235\] { --tw-gradient-to: #0f1235 var(--tw-gradient-to-position); } .to-\[\#1a3ba8\] { --tw-gradient-to: #1a3ba8 var(--tw-gradient-to-position); } .to-\[\#1f4ed1\] { --tw-gradient-to: #1f4ed1 var(--tw-gradient-to-position); } .to-\[\#2256e5\] { --tw-gradient-to: #2256e5 var(--tw-gradient-to-position); } .to-\[\#2a5de0\] { --tw-gradient-to: #2a5de0 var(--tw-gradient-to-position); } .to-\[\#FDB913\] { --tw-gradient-to: #FDB913 var(--tw-gradient-to-position); } .to-\[\#FDB913\]\/5 { --tw-gradient-to: rgb(253 185 19 / 0.05) var(--tw-gradient-to-position); } .to-\[\#FFE563\] { --tw-gradient-to: #FFE563 var(--tw-gradient-to-position); } .to-amber-500 { --tw-gradient-to: #f59e0b var(--tw-gradient-to-position); } .to-amber-500\/10 { --tw-gradient-to: rgb(245 158 11 / 0.1) var(--tw-gradient-to-position); } .to-black\/20 { --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position); } .to-blue-100 { --tw-gradient-to: #dbeafe var(--tw-gradient-to-position); } .to-blue-500\/10 { --tw-gradient-to: rgb(59 130 246 / 0.1) var(--tw-gradient-to-position); } .to-blue-500\/20 { --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position); } .to-blue-600 { --tw-gradient-to: #2563eb var(--tw-gradient-to-position); } .to-blue-800 { --tw-gradient-to: #1e40af var(--tw-gradient-to-position); } .to-cyan-500\/10 { --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position); } .to-cyan-500\/20 { --tw-gradient-to: rgb(6 182 212 / 0.2) var(--tw-gradient-to-position); } .to-cyan-600 { --tw-gradient-to: #0891b2 var(--tw-gradient-to-position); } .to-dineai-blue { --tw-gradient-to: #1f4ed1 var(--tw-gradient-to-position); } .to-dineai-blue\/95 { --tw-gradient-to: rgb(31 78 209 / 0.95) var(--tw-gradient-to-position); } .to-dineai-yellow { --tw-gradient-to: #FDB913 var(--tw-gradient-to-position); } .to-dineai-yellow\/0 { --tw-gradient-to: rgb(253 185 19 / 0) var(--tw-gradient-to-position); } .to-dineai-yellow\/10 { --tw-gradient-to: rgb(253 185 19 / 0.1) var(--tw-gradient-to-position); } .to-dineai-yellow\/20 { --tw-gradient-to: rgb(253 185 19 / 0.2) var(--tw-gradient-to-position); } .to-emerald-500\/20 { --tw-gradient-to: rgb(16 185 129 / 0.2) var(--tw-gradient-to-position); } .to-emerald-600 { --tw-gradient-to: #059669 var(--tw-gradient-to-position); } .to-emerald-600\/20 { --tw-gradient-to: rgb(5 150 105 / 0.2) var(--tw-gradient-to-position); } .to-gray-100 { --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position); } .to-gray-200 { --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position); } .to-gray-300 { --tw-gradient-to: #d1d5db var(--tw-gradient-to-position); } .to-gray-400 { --tw-gradient-to: #9ca3af var(--tw-gradient-to-position); } .to-gray-600 { --tw-gradient-to: #4b5563 var(--tw-gradient-to-position); } .to-gray-900\/50 { --tw-gradient-to: rgb(17 24 39 / 0.5) var(--tw-gradient-to-position); } .to-green-400 { --tw-gradient-to: #4ade80 var(--tw-gradient-to-position); } .to-green-500\/10 { --tw-gradient-to: rgb(34 197 94 / 0.1) var(--tw-gradient-to-position); } .to-green-500\/20 { --tw-gradient-to: rgb(34 197 94 / 0.2) var(--tw-gradient-to-position); } .to-green-600 { --tw-gradient-to: #16a34a var(--tw-gradient-to-position); } .to-indigo-500\/20 { --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position); } .to-indigo-600 { --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position); } .to-orange-100 { --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position); } .to-orange-400 { --tw-gradient-to: #fb923c var(--tw-gradient-to-position); } .to-orange-400\/10 { --tw-gradient-to: rgb(251 146 60 / 0.1) var(--tw-gradient-to-position); } .to-orange-400\/20 { --tw-gradient-to: rgb(251 146 60 / 0.2) var(--tw-gradient-to-position); } .to-orange-50 { --tw-gradient-to: #fff7ed var(--tw-gradient-to-position); } .to-orange-500 { --tw-gradient-to: #f97316 var(--tw-gradient-to-position); } .to-orange-500\/10 { --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position); } .to-orange-700 { --tw-gradient-to: #c2410c var(--tw-gradient-to-position); } .to-pink-400 { --tw-gradient-to: #f472b6 var(--tw-gradient-to-position); } .to-pink-400\/10 { --tw-gradient-to: rgb(244 114 182 / 0.1) var(--tw-gradient-to-position); } .to-pink-50 { --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position); } .to-pink-500 { --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); } .to-pink-500\/10 { --tw-gradient-to: rgb(236 72 153 / 0.1) var(--tw-gradient-to-position); } .to-pink-500\/20 { --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position); } .to-pink-600 { --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } .to-purple-400 { --tw-gradient-to: #c084fc var(--tw-gradient-to-position); } .to-purple-50 { --tw-gradient-to: #faf5ff var(--tw-gradient-to-position); } .to-purple-500 { --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); } .to-purple-500\/20 { --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position); } .to-purple-600 { --tw-gradient-to: #9333ea var(--tw-gradient-to-position); } .to-purple-600\/40 { --tw-gradient-to: rgb(147 51 234 / 0.4) var(--tw-gradient-to-position); } .to-red-400 { --tw-gradient-to: #f87171 var(--tw-gradient-to-position); } .to-red-400\/10 { --tw-gradient-to: rgb(248 113 113 / 0.1) var(--tw-gradient-to-position); } .to-red-500 { --tw-gradient-to: #ef4444 var(--tw-gradient-to-position); } .to-red-500\/20 { --tw-gradient-to: rgb(239 68 68 / 0.2) var(--tw-gradient-to-position); } .to-red-600 { --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .to-rose-500\/20 { --tw-gradient-to: rgb(244 63 94 / 0.2) var(--tw-gradient-to-position); } .to-teal-500\/20 { --tw-gradient-to: rgb(20 184 166 / 0.2) var(--tw-gradient-to-position); } .to-teal-600 { --tw-gradient-to: #0d9488 var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-white { --tw-gradient-to: #fff var(--tw-gradient-to-position); } .to-white\/10 { --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position); } .to-white\/5 { --tw-gradient-to: rgb(255 255 255 / 0.05) var(--tw-gradient-to-position); } .to-white\/\[0\.02\] { --tw-gradient-to: rgb(255 255 255 / 0.02) var(--tw-gradient-to-position); } .to-white\/\[0\.04\] { --tw-gradient-to: rgb(255 255 255 / 0.04) var(--tw-gradient-to-position); } .to-yellow-200 { --tw-gradient-to: #fef08a var(--tw-gradient-to-position); } .to-yellow-300 { --tw-gradient-to: #fde047 var(--tw-gradient-to-position); } .to-yellow-400 { --tw-gradient-to: #facc15 var(--tw-gradient-to-position); } .to-yellow-400\/10 { --tw-gradient-to: rgb(250 204 21 / 0.1) var(--tw-gradient-to-position); } .to-yellow-400\/20 { --tw-gradient-to: rgb(250 204 21 / 0.2) var(--tw-gradient-to-position); } .to-yellow-400\/40 { --tw-gradient-to: rgb(250 204 21 / 0.4) var(--tw-gradient-to-position); } .to-yellow-400\/60 { --tw-gradient-to: rgb(250 204 21 / 0.6) var(--tw-gradient-to-position); } .to-yellow-500 { --tw-gradient-to: #eab308 var(--tw-gradient-to-position); } .to-yellow-500\/10 { --tw-gradient-to: rgb(234 179 8 / 0.1) var(--tw-gradient-to-position); } .to-yellow-500\/20 { --tw-gradient-to: rgb(234 179 8 / 0.2) var(--tw-gradient-to-position); } .to-yellow-600 { --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position); } .bg-cover { background-size: cover; } .bg-fixed { background-attachment: fixed; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .fill-\[\#FDB913\] { fill: #FDB913; } .fill-current { fill: currentColor; } .fill-dineai-yellow { fill: #FDB913; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-bottom { -o-object-position: bottom; object-position: bottom; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-10 { padding: 2.5rem; } .p-12 { padding: 3rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[1px\] { padding: 1px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .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; } .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-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-32 { padding-top: 8rem; padding-bottom: 8rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .pb-0 { padding-bottom: 0px; } .pb-12 { padding-bottom: 3rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-24 { padding-bottom: 6rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-32 { padding-bottom: 8rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pl-0 { padding-left: 0px; } .pl-10 { padding-left: 2.5rem; } .pl-12 { padding-left: 3rem; } .pl-16 { padding-left: 4rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-28 { padding-left: 7rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pl-72 { padding-left: 18rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-16 { padding-right: 4rem; } .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-8 { padding-right: 2rem; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 0.25rem; } .pt-12 { padding-top: 3rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-20 { padding-top: 5rem; } .pt-24 { padding-top: 6rem; } .pt-3 { padding-top: 0.75rem; } .pt-32 { padding-top: 8rem; } .pt-4 { padding-top: 1rem; } .pt-40 { padding-top: 10rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .align-middle { vertical-align: middle; } .align-\[-0\.125em\] { vertical-align: -0.125em; } .font-\[\'Poppins\'\2c _sans-serif\] { font-family: 'Poppins', sans-serif; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .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-6xl { font-size: 3.75rem; line-height: 1; } .text-8xl { font-size: 6rem; line-height: 1; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .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-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-tight { line-height: 1.25; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-\[\#1f4ed1\] { --tw-text-opacity: 1; color: rgb(31 78 209 / var(--tw-text-opacity, 1)); } .text-\[\#43acff\] { --tw-text-opacity: 1; color: rgb(67 172 255 / var(--tw-text-opacity, 1)); } .text-\[\#43acff\]\/80 { color: rgb(67 172 255 / 0.8); } .text-\[\#4ade80\] { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-\[\#FDB913\] { --tw-text-opacity: 1; color: rgb(253 185 19 / var(--tw-text-opacity, 1)); } .text-\[\#FDB913\]\/60 { color: rgb(253 185 19 / 0.6); } .text-\[\#b8860b\] { --tw-text-opacity: 1; color: rgb(184 134 11 / var(--tw-text-opacity, 1)); } .text-accent-foreground { color: hsl(var(--accent-foreground)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-black\/60 { color: rgb(0 0 0 / 0.6); } .text-black\/70 { color: rgb(0 0 0 / 0.7); } .text-blue-100 { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); } .text-blue-300 { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-400\/50 { color: rgb(96 165 250 / 0.5); } .text-blue-400\/60 { color: rgb(96 165 250 / 0.6); } .text-blue-50 { --tw-text-opacity: 1; color: rgb(239 246 255 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); } .text-card-foreground { color: hsl(var(--card-foreground)); } .text-current { color: currentColor; } .text-cyan-400 { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity, 1)); } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .text-dineai-blue { --tw-text-opacity: 1; color: rgb(31 78 209 / var(--tw-text-opacity, 1)); } .text-dineai-yellow { --tw-text-opacity: 1; color: rgb(253 185 19 / var(--tw-text-opacity, 1)); } .text-dineai-yellow\/20 { color: rgb(253 185 19 / 0.2); } .text-dineai-yellow\/30 { color: rgb(253 185 19 / 0.3); } .text-dineai-yellow\/40 { color: rgb(253 185 19 / 0.4); } .text-dineai-yellow\/50 { color: rgb(253 185 19 / 0.5); } .text-dineai-yellow\/60 { color: rgb(253 185 19 / 0.6); } .text-dineai-yellow\/80 { color: rgb(253 185 19 / 0.8); } .text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-foreground { color: hsl(var(--foreground)); } .text-foreground\/50 { color: hsl(var(--foreground) / 0.5); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-400\/60 { color: rgb(156 163 175 / 0.6); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-300 { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .text-green-300\/70 { color: rgb(134 239 172 / 0.7); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-green-400\/60 { color: rgb(74 222 128 / 0.6); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-600\/80 { color: rgb(22 163 74 / 0.8); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-green-900 { --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity, 1)); } .text-indigo-300 { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .text-orange-300 { --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity, 1)); } .text-orange-400 { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .text-orange-400\/60 { color: rgb(251 146 60 / 0.6); } .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-orange-700 { --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); } .text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } .text-orange-900 { --tw-text-opacity: 1; color: rgb(124 45 18 / var(--tw-text-opacity, 1)); } .text-pink-300 { --tw-text-opacity: 1; color: rgb(249 168 212 / var(--tw-text-opacity, 1)); } .text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity, 1)); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .text-purple-400\/60 { color: rgb(192 132 252 / 0.6); } .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .text-red-300\/80 { color: rgb(252 165 165 / 0.8); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-400\/60 { color: rgb(248 113 113 / 0.6); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-red-900 { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .text-sidebar-foreground { color: hsl(var(--sidebar-foreground)); } .text-sidebar-foreground\/70 { color: hsl(var(--sidebar-foreground) / 0.7); } .text-teal-300 { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); } .text-transparent { color: transparent; } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/20 { color: rgb(255 255 255 / 0.2); } .text-white\/30 { color: rgb(255 255 255 / 0.3); } .text-white\/40 { color: rgb(255 255 255 / 0.4); } .text-white\/5 { color: rgb(255 255 255 / 0.05); } .text-white\/50 { color: rgb(255 255 255 / 0.5); } .text-white\/60 { color: rgb(255 255 255 / 0.6); } .text-white\/70 { color: rgb(255 255 255 / 0.7); } .text-white\/75 { color: rgb(255 255 255 / 0.75); } .text-white\/80 { color: rgb(255 255 255 / 0.8); } .text-white\/90 { color: rgb(255 255 255 / 0.9); } .text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .text-yellow-300\/70 { color: rgb(253 224 71 / 0.7); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .text-yellow-400\/50 { color: rgb(250 204 21 / 0.5); } .text-yellow-400\/60 { color: rgb(250 204 21 / 0.6); } .text-yellow-400\/70 { color: rgb(250 204 21 / 0.7); } .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700 { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .text-yellow-800 { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); } .text-yellow-900 { --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .underline-offset-4 { text-underline-offset: 4px; } .placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-500::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-500::placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-white\/40::-moz-placeholder { color: rgb(255 255 255 / 0.4); } .placeholder-white\/40::placeholder { color: rgb(255 255 255 / 0.4); } .placeholder-white\/50::-moz-placeholder { color: rgb(255 255 255 / 0.5); } .placeholder-white\/50::placeholder { color: rgb(255 255 255 / 0.5); } .placeholder-white\/60::-moz-placeholder { color: rgb(255 255 255 / 0.6); } .placeholder-white\/60::placeholder { color: rgb(255 255 255 / 0.6); } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-40 { opacity: 0.4; } .opacity-5 { opacity: 0.05; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-95 { opacity: 0.95; } .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-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 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-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 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-\[\#FDB913\]\/20 { --tw-shadow-color: rgb(253 185 19 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/50 { --tw-shadow-color: rgb(0 0 0 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-500\/20 { --tw-shadow-color: rgb(59 130 246 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-dineai-yellow\/20 { --tw-shadow-color: rgb(253 185 19 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-emerald-500\/20 { --tw-shadow-color: rgb(16 185 129 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-orange-500\/20 { --tw-shadow-color: rgb(249 115 22 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-red-500\/20 { --tw-shadow-color: rgb(239 68 68 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-yellow-200 { --tw-shadow-color: #fef08a; --tw-shadow: var(--tw-shadow-colored); } .shadow-yellow-400\/20 { --tw-shadow-color: rgb(250 204 21 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-yellow-400\/50 { --tw-shadow-color: rgb(250 204 21 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-yellow-500\/20 { --tw-shadow-color: rgb(234 179 8 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .ring { --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-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-blue-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); } .ring-ring { --tw-ring-color: hsl(var(--ring)); } .ring-sidebar-ring { --tw-ring-color: hsl(var(--sidebar-ring)); } .ring-yellow-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1)); } .ring-offset-2 { --tw-ring-offset-width: 2px; } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .ring-offset-blue-600 { --tw-ring-offset-color: #2563eb; } .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); } .blur-2xl { --tw-blur: blur(40px); 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); } .blur-3xl { --tw-blur: blur(64px); 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); } .blur-xl { --tw-blur: blur(24px); 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); } .brightness-0 { --tw-brightness: brightness(0); 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); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); 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); } .drop-shadow-2xl { --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)); 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); } .grayscale { --tw-grayscale: grayscale(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); } .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 { --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); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[left\2c right\2c width\] { transition-property: left,right,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\2c opa\] { transition-property: margin,opa; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\2c padding\] { transition-property: width,height,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; 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-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow { transition-property: box-shadow; 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; } .delay-1000 { transition-delay: 1000ms; } .delay-700 { transition-delay: 700ms; } .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-linear { transition-timing-function: linear; } @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; } .fade-in-80 { --tw-enter-opacity: 0.8; } .zoom-in-95 { --tw-enter-scale: .95; } .slide-in-from-bottom-4 { --tw-enter-translate-y: 1rem; } .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; } .delay-1000 { animation-delay: 1000ms; } .delay-700 { animation-delay: 700ms; } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { animation-timing-function: linear; } .running { animation-play-state: running; } .paused { animation-play-state: paused; } .\[color-scheme\:dark\] { color-scheme: dark; } /* Custom slider styles */ .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; } .file\:text-foreground::file-selector-button { color: hsl(var(--foreground)); } .placeholder\:text-gray-400::-moz-placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-white\/40::-moz-placeholder { color: rgb(255 255 255 / 0.4); } .placeholder\:text-white\/40::placeholder { color: rgb(255 255 255 / 0.4); } .placeholder\:text-white\/50::-moz-placeholder { color: rgb(255 255 255 / 0.5); } .placeholder\:text-white\/50::placeholder { color: rgb(255 255 255 / 0.5); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; } .after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; } .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)); } .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-l:first-child { border-left-width: 1px; } .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .last\:border-b-0:last-child { border-bottom-width: 0px; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .focus-within\:border-\[\#FDB913\]\/50:focus-within { border-color: rgb(253 185 19 / 0.5); } .hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem; 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)); } .hover\:-translate-y-1:hover { --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)); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.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)); } .hover\:scale-\[1\.02\]:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; 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)); } .hover\:gap-2:hover { gap: 0.5rem; } .hover\:border-\[\#1f4ed1\]\/40:hover { border-color: rgb(31 78 209 / 0.4); } .hover\:border-\[\#43acff\]:hover { --tw-border-opacity: 1; border-color: rgb(67 172 255 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#FDB913\]:hover { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#FDB913\]\/50:hover { border-color: rgb(253 185 19 / 0.5); } .hover\:border-blue-400\/40:hover { border-color: rgb(96 165 250 / 0.4); } .hover\:border-blue-500\/40:hover { border-color: rgb(59 130 246 / 0.4); } .hover\:border-dineai-yellow\/30:hover { border-color: rgb(253 185 19 / 0.3); } .hover\:border-dineai-yellow\/50:hover { border-color: rgb(253 185 19 / 0.5); } .hover\:border-dineai-yellow\/60:hover { border-color: rgb(253 185 19 / 0.6); } .hover\:border-emerald-400\/40:hover { border-color: rgb(52 211 153 / 0.4); } .hover\:border-emerald-500\/40:hover { border-color: rgb(16 185 129 / 0.4); } .hover\:border-gray-300:hover { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .hover\:border-green-400\/50:hover { border-color: rgb(74 222 128 / 0.5); } .hover\:border-orange-400:hover { --tw-border-opacity: 1; border-color: rgb(251 146 60 / var(--tw-border-opacity, 1)); } .hover\:border-orange-400\/40:hover { border-color: rgb(251 146 60 / 0.4); } .hover\:border-orange-400\/50:hover { border-color: rgb(251 146 60 / 0.5); } .hover\:border-purple-300:hover { --tw-border-opacity: 1; border-color: rgb(216 180 254 / var(--tw-border-opacity, 1)); } .hover\:border-purple-400\/40:hover { border-color: rgb(192 132 252 / 0.4); } .hover\:border-purple-400\/50:hover { border-color: rgb(192 132 252 / 0.5); } .hover\:border-purple-500\/40:hover { border-color: rgb(168 85 247 / 0.4); } .hover\:border-white\/20:hover { border-color: rgb(255 255 255 / 0.2); } .hover\:border-white\/30:hover { border-color: rgb(255 255 255 / 0.3); } .hover\:border-white\/40:hover { border-color: rgb(255 255 255 / 0.4); } .hover\:border-white\/50:hover { border-color: rgb(255 255 255 / 0.5); } .hover\:border-yellow-400:hover { --tw-border-opacity: 1; border-color: rgb(250 204 21 / var(--tw-border-opacity, 1)); } .hover\:border-yellow-400\/30:hover { border-color: rgb(250 204 21 / 0.3); } .hover\:border-yellow-400\/40:hover { border-color: rgb(250 204 21 / 0.4); } .hover\:border-yellow-400\/50:hover { border-color: rgb(250 204 21 / 0.5); } .hover\:border-yellow-500\/40:hover { border-color: rgb(234 179 8 / 0.4); } .hover\:bg-\[\#2256e5\]:hover { --tw-bg-opacity: 1; background-color: rgb(34 86 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#43acff\]:hover { --tw-bg-opacity: 1; background-color: rgb(67 172 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#43acff\]\/10:hover { background-color: rgb(67 172 255 / 0.1); } .hover\:bg-\[\#FDB913\]:hover { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#FDB913\]\/30:hover { background-color: rgb(253 185 19 / 0.3); } .hover\:bg-\[\#FDB913\]\/90:hover { background-color: rgb(253 185 19 / 0.9); } .hover\:bg-\[\#e5a711\]:hover { --tw-bg-opacity: 1; background-color: rgb(229 167 17 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#fdc935\]:hover { --tw-bg-opacity: 1; background-color: rgb(253 201 53 / var(--tw-bg-opacity, 1)); } .hover\:bg-accent:hover { background-color: hsl(var(--accent)); } .hover\:bg-black\/70:hover { background-color: rgb(0 0 0 / 0.7); } .hover\:bg-blue-200:hover { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-500\/10:hover { background-color: rgb(59 130 246 / 0.1); } .hover\:bg-blue-500\/30:hover { background-color: rgb(59 130 246 / 0.3); } .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-500\/30:hover { background-color: rgb(6 182 212 / 0.3); } .hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive) / 0.8); } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / 0.9); } .hover\:bg-dineai-blue\/90:hover { background-color: rgb(31 78 209 / 0.9); } .hover\:bg-dineai-yellow:hover { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .hover\:bg-dineai-yellow\/30:hover { background-color: rgb(253 185 19 / 0.3); } .hover\:bg-dineai-yellow\/90:hover { background-color: rgb(253 185 19 / 0.9); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-300:hover { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-400:hover { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-500:hover { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-500\/20:hover { background-color: rgb(107 114 128 / 0.2); } .hover\:bg-gray-500\/30:hover { background-color: rgb(107 114 128 / 0.3); } .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-100:hover { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-200:hover { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-400:hover { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-500\/10:hover { background-color: rgb(34 197 94 / 0.1); } .hover\:bg-green-500\/20:hover { background-color: rgb(34 197 94 / 0.2); } .hover\:bg-green-500\/30:hover { background-color: rgb(34 197 94 / 0.3); } .hover\:bg-green-600:hover { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-700:hover { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); } .hover\:bg-muted:hover { background-color: hsl(var(--muted)); } .hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / 0.5); } .hover\:bg-orange-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-500\/10:hover { background-color: rgb(249 115 22 / 0.1); } .hover\:bg-orange-500\/30:hover { background-color: rgb(249 115 22 / 0.3); } .hover\:bg-orange-700:hover { --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary:hover { background-color: hsl(var(--primary)); } .hover\:bg-primary\/80:hover { background-color: hsl(var(--primary) / 0.8); } .hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); } .hover\:bg-purple-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-50:hover { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-500\/10:hover { background-color: rgb(168 85 247 / 0.1); } .hover\:bg-purple-500\/30:hover { background-color: rgb(168 85 247 / 0.3); } .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .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-red-500\/30:hover { background-color: rgb(239 68 68 / 0.3); } .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-secondary:hover { background-color: hsl(var(--secondary)); } .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / 0.8); } .hover\:bg-sidebar-accent:hover { background-color: hsl(var(--sidebar-accent)); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/15:hover { background-color: rgb(255 255 255 / 0.15); } .hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); } .hover\:bg-white\/25:hover { background-color: rgb(255 255 255 / 0.25); } .hover\:bg-white\/30:hover { background-color: rgb(255 255 255 / 0.3); } .hover\:bg-white\/5:hover { background-color: rgb(255 255 255 / 0.05); } .hover\:bg-white\/50:hover { background-color: rgb(255 255 255 / 0.5); } .hover\:bg-white\/60:hover { background-color: rgb(255 255 255 / 0.6); } .hover\:bg-white\/70:hover { background-color: rgb(255 255 255 / 0.7); } .hover\:bg-white\/90:hover { background-color: rgb(255 255 255 / 0.9); } .hover\:bg-yellow-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-300:hover { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-400\/10:hover { background-color: rgb(250 204 21 / 0.1); } .hover\:bg-yellow-400\/20:hover { background-color: rgb(250 204 21 / 0.2); } .hover\:bg-yellow-400\/30:hover { background-color: rgb(250 204 21 / 0.3); } .hover\:bg-yellow-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-500:hover { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-500\/10:hover { background-color: rgb(234 179 8 / 0.1); } .hover\:bg-yellow-600:hover { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); } .hover\:from-\[\#e5a511\]:hover { --tw-gradient-from: #e5a511 var(--tw-gradient-from-position); --tw-gradient-to: rgb(229 165 17 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-blue-500\/20:hover { --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-blue-600:hover { --tw-gradient-from: #2563eb var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-blue-600\/50:hover { --tw-gradient-from: rgb(37 99 235 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-emerald-500\/20:hover { --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-green-300:hover { --tw-gradient-from: #86efac var(--tw-gradient-from-position); --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-purple-500\/20:hover { --tw-gradient-from: rgb(168 85 247 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-purple-600:hover { --tw-gradient-from: #9333ea var(--tw-gradient-from-position); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-purple-700:hover { --tw-gradient-from: #7e22ce var(--tw-gradient-from-position); --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-white\/15:hover { --tw-gradient-from: rgb(255 255 255 / 0.15) 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); } .hover\:from-white\/20:hover { --tw-gradient-from: rgb(255 255 255 / 0.2) 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); } .hover\:from-yellow-300:hover { --tw-gradient-from: #fde047 var(--tw-gradient-from-position); --tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-yellow-400:hover { --tw-gradient-from: #facc15 var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-yellow-500:hover { --tw-gradient-from: #eab308 var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:from-yellow-500\/20:hover { --tw-gradient-from: rgb(234 179 8 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:to-blue-700:hover { --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position); } .hover\:to-cyan-500\/20:hover { --tw-gradient-to: rgb(6 182 212 / 0.2) var(--tw-gradient-to-position); } .hover\:to-dineai-yellow:hover { --tw-gradient-to: #FDB913 var(--tw-gradient-to-position); } .hover\:to-green-500:hover { --tw-gradient-to: #22c55e var(--tw-gradient-to-position); } .hover\:to-green-500\/20:hover { --tw-gradient-to: rgb(34 197 94 / 0.2) var(--tw-gradient-to-position); } .hover\:to-orange-300:hover { --tw-gradient-to: #fdba74 var(--tw-gradient-to-position); } .hover\:to-orange-500:hover { --tw-gradient-to: #f97316 var(--tw-gradient-to-position); } .hover\:to-orange-500\/20:hover { --tw-gradient-to: rgb(249 115 22 / 0.2) var(--tw-gradient-to-position); } .hover\:to-pink-500\/20:hover { --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position); } .hover\:to-pink-600:hover { --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } .hover\:to-pink-700:hover { --tw-gradient-to: #be185d var(--tw-gradient-to-position); } .hover\:to-purple-600:hover { --tw-gradient-to: #9333ea var(--tw-gradient-to-position); } .hover\:to-purple-600\/50:hover { --tw-gradient-to: rgb(147 51 234 / 0.5) var(--tw-gradient-to-position); } .hover\:to-white\/10:hover { --tw-gradient-to: rgb(255 255 255 / 0.1) var(--tw-gradient-to-position); } .hover\:to-white\/15:hover { --tw-gradient-to: rgb(255 255 255 / 0.15) var(--tw-gradient-to-position); } .hover\:to-yellow-600:hover { --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position); } .hover\:text-\[\#0A66C2\]:hover { --tw-text-opacity: 1; color: rgb(10 102 194 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#1877F2\]:hover { --tw-text-opacity: 1; color: rgb(24 119 242 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#1DA1F2\]:hover { --tw-text-opacity: 1; color: rgb(29 161 242 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#1f4ed1\]:hover { --tw-text-opacity: 1; color: rgb(31 78 209 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#FDB913\]:hover { --tw-text-opacity: 1; color: rgb(253 185 19 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#FDB913\]\/80:hover { color: rgb(253 185 19 / 0.8); } .hover\:text-\[\#e5a711\]:hover { --tw-text-opacity: 1; color: rgb(229 167 17 / var(--tw-text-opacity, 1)); } .hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-blue-100:hover { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); } .hover\:text-blue-400:hover { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .hover\:text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .hover\:text-blue-800:hover { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .hover\:text-dineai-yellow:hover { --tw-text-opacity: 1; color: rgb(253 185 19 / var(--tw-text-opacity, 1)); } .hover\:text-foreground:hover { color: hsl(var(--foreground)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-green-400:hover { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .hover\:text-green-600:hover { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .hover\:text-green-700:hover { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); } .hover\:text-orange-400:hover { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .hover\:text-orange-600:hover { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground)); } .hover\:text-purple-400:hover { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .hover\:text-purple-600:hover { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .hover\:text-purple-700:hover { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .hover\:text-red-200:hover { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .hover\:text-red-400:hover { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-red-700:hover { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .hover\:text-sidebar-accent-foreground:hover { color: hsl(var(--sidebar-accent-foreground)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-white\/60:hover { color: rgb(255 255 255 / 0.6); } .hover\:text-yellow-300:hover { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .hover\:text-yellow-400:hover { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .hover\:text-yellow-500:hover { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:\!opacity-100:hover { opacity: 1 !important; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 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); } .hover\:shadow-lg:hover { --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); } .hover\:shadow-md:hover { --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); } .hover\:shadow-sm:hover { --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); } .hover\:shadow-xl:hover { --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); } .hover\:shadow-blue-400\/20:hover { --tw-shadow-color: rgb(96 165 250 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-dineai-yellow\/20:hover { --tw-shadow-color: rgb(253 185 19 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-emerald-400\/20:hover { --tw-shadow-color: rgb(52 211 153 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-green-500\/20:hover { --tw-shadow-color: rgb(34 197 94 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-orange-400\/20:hover { --tw-shadow-color: rgb(251 146 60 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-orange-500\/20:hover { --tw-shadow-color: rgb(249 115 22 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-purple-400\/20:hover { --tw-shadow-color: rgb(192 132 252 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-purple-500\/10:hover { --tw-shadow-color: rgb(168 85 247 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-purple-500\/20:hover { --tw-shadow-color: rgb(168 85 247 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-white\/10:hover { --tw-shadow-color: rgb(255 255 255 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-yellow-400\/20:hover { --tw-shadow-color: rgb(250 204 21 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hover\:shadow-yellow-500\/50:hover { --tw-shadow-color: rgb(234 179 8 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .hover\:ring-2:hover { --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); } .hover\:ring-gray-300:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); } .hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(var(--sidebar-border)); } .focus\:z-10:focus { z-index: 10; } .focus\:border-\[\#FDB913\]:focus { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .focus\:border-dineai-yellow:focus { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:border-white\/40:focus { border-color: rgb(255 255 255 / 0.4); } .focus\:border-yellow-400:focus { --tw-border-opacity: 1; border-color: rgb(250 204 21 / var(--tw-border-opacity, 1)); } .focus\:border-yellow-400\/50:focus { border-color: rgb(250 204 21 / 0.5); } .focus\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:bg-gray-100:focus { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .focus\:bg-primary:focus { background-color: hsl(var(--primary)); } .focus\:bg-white\/20:focus { background-color: rgb(255 255 255 / 0.2); } .focus\:bg-white\/30:focus { background-color: rgb(255 255 255 / 0.3); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:text-primary-foreground:focus { color: hsl(var(--primary-foreground)); } .focus\:opacity-100:focus { opacity: 1; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-1: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(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\: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-\[\#FDB913\]:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(253 185 19 / var(--tw-ring-opacity, 1)); } .focus\:ring-\[\#FDB913\]\/20:focus { --tw-ring-color: rgb(253 185 19 / 0.2); } .focus\:ring-\[\#FDB913\]\/50:focus { --tw-ring-color: rgb(253 185 19 / 0.5); } .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-dineai-yellow:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(253 185 19 / var(--tw-ring-opacity, 1)); } .focus\:ring-dineai-yellow\/50:focus { --tw-ring-color: rgb(253 185 19 / 0.5); } .focus\:ring-purple-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1)); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-yellow-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .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-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(var(--sidebar-ring)); } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background)); } .active\:bg-sidebar-accent:active { background-color: hsl(var(--sidebar-accent)); } .active\:text-sidebar-accent-foreground:active { color: hsl(var(--sidebar-accent-foreground)); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:transform-none:disabled { transform: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-gray-100:disabled { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .disabled\:bg-gray-50:disabled { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .disabled\:bg-green-500\/50:disabled { background-color: rgb(34 197 94 / 0.5); } .disabled\:bg-purple-200:disabled { --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1)); } .disabled\:bg-purple-300:disabled { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity, 1)); } .disabled\:text-white:disabled { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-50:disabled { opacity: 0.5; } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:flex { display: flex; } .group:hover .group-hover\:hidden { display: none; } .group\/btn:hover .group-hover\/btn\:translate-x-1 { --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)); } .group:hover .group-hover\:-translate-x-1 { --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)); } .group:hover .group-hover\:-translate-y-1 { --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)); } .group:hover .group-hover\:translate-x-1 { --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)); } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.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)); } .group:hover .group-hover\:gap-2 { gap: 0.5rem; } .group:hover .group-hover\:border-dineai-yellow\/50 { border-color: rgb(253 185 19 / 0.5); } .group:hover .group-hover\:border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:border-white\/30 { border-color: rgb(255 255 255 / 0.3); } .group:hover .group-hover\:border-white\/50 { border-color: rgb(255 255 255 / 0.5); } .group\/active:hover .group-hover\/active\:bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .group\/completed:hover .group-hover\/completed\:bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .group\/edit:hover .group-hover\/edit\:bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .group\/events:hover .group-hover\/events\:bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .group\/wait:hover .group-hover\/wait\:bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-dineai-yellow { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .group\/active:hover .group-hover\/active\:text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .group\/card:hover .group-hover\/card\:text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .group\/completed:hover .group-hover\/completed\:text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .group\/edit:hover .group-hover\/edit\:text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .group\/events:hover .group-hover\/events\:text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .group\/wait:hover .group-hover\/wait\:text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-\[\#1f4ed1\] { --tw-text-opacity: 1; color: rgb(31 78 209 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-dineai-yellow { --tw-text-opacity: 1; color: rgb(253 185 19 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-white\/60 { color: rgb(255 255 255 / 0.6); } .group:hover .group-hover\:text-white\/90 { color: rgb(255 255 255 / 0.9); } .group:hover .group-hover\:text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-60 { opacity: 0.6; } .group:hover .group-hover\:opacity-70 { opacity: 0.7; } .group:hover .group-hover\:shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:hover .group-hover\: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); } .group:hover .group-hover\:shadow-yellow-400\/20 { --tw-shadow-color: rgb(250 204 21 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .group:hover .group-hover\:blur-2xl { --tw-blur: blur(40px); 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); } .group:hover .group-hover\:drop-shadow-\[0_0_8px_rgba\(167\2c 139\2c 250\2c 0\.5\)\] { --tw-drop-shadow: drop-shadow(0 0 8px rgba(167,139,250,0.5)); 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); } .group:hover .group-hover\:drop-shadow-\[0_0_8px_rgba\(251\2c 146\2c 60\2c 0\.5\)\] { --tw-drop-shadow: drop-shadow(0 0 8px rgba(251,146,60,0.5)); 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); } .group:hover .group-hover\:drop-shadow-\[0_0_8px_rgba\(52\2c 211\2c 153\2c 0\.5\)\] { --tw-drop-shadow: drop-shadow(0 0 8px rgba(52,211,153,0.5)); 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); } .group:hover .group-hover\:drop-shadow-\[0_0_8px_rgba\(96\2c 165\2c 250\2c 0\.5\)\] { --tw-drop-shadow: drop-shadow(0 0 8px rgba(96,165,250,0.5)); 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); } .group.destructive .group-\[\.destructive\]\:border-muted\/40 { border-color: hsl(var(--muted) / 0.4); } .group.toaster .group-\[\.toaster\]\:border-border { border-color: hsl(var(--border)); } .group.toast .group-\[\.toast\]\:bg-muted { background-color: hsl(var(--muted)); } .group.toast .group-\[\.toast\]\:bg-primary { background-color: hsl(var(--primary)); } .group.toaster .group-\[\.toaster\]\:bg-background { background-color: hsl(var(--background)); } .group.destructive .group-\[\.destructive\]\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .group.toast .group-\[\.toast\]\:text-muted-foreground { color: hsl(var(--muted-foreground)); } .group.toast .group-\[\.toast\]\:text-primary-foreground { color: hsl(var(--primary-foreground)); } .group.toaster .group-\[\.toaster\]\:text-foreground { color: hsl(var(--foreground)); } .group.toaster .group-\[\.toaster\]\: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); } .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { border-color: hsl(var(--destructive) / 0.3); } .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { --tw-ring-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; } .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) { background-color: hsl(var(--sidebar-background)); } .has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; } .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 { padding-right: 2rem; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; } .aria-selected\:bg-accent[aria-selected="true"] { background-color: hsl(var(--accent)); } .aria-selected\:bg-accent\/50[aria-selected="true"] { background-color: hsl(var(--accent) / 0.5); } .aria-selected\:text-accent-foreground[aria-selected="true"] { color: hsl(var(--accent-foreground)); } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: hsl(var(--muted-foreground)); } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .aria-selected\:opacity-30[aria-selected="true"] { opacity: 0.3; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .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-5[data-state="checked"] { --tw-translate-x: 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)); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --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\=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\]\:border-\[\#FDB913\][data-state="checked"] { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-dineai-yellow[data-state="checked"] { --tw-border-opacity: 1; border-color: rgb(253 185 19 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-yellow-400[data-state="checked"] { --tw-border-opacity: 1; border-color: rgb(250 204 21 / var(--tw-border-opacity, 1)); } .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: hsl(var(--sidebar-accent)); } .data-\[active\]\:bg-accent\/50[data-active] { background-color: hsl(var(--accent) / 0.5); } .data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] { background-color: hsl(var(--accent)); } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); } .data-\[state\=checked\]\:bg-\[\#FDB913\][data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-dineai-yellow[data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-green-500[data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[state\=checked\]\:bg-yellow-400[data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); } .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: hsl(var(--accent) / 0.5); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: hsl(var(--muted)); } .data-\[state\=unchecked\]\:bg-gray-300[data-state="unchecked"] { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } .data-\[state\=unchecked\]\:bg-white\/20[data-state="unchecked"] { background-color: rgb(255 255 255 / 0.2); } .data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; } .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: hsl(var(--sidebar-accent-foreground)); } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: hsl(var(--accent-foreground)); } .data-\[state\=active\]\:text-foreground[data-state="active"] { color: hsl(var(--foreground)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=active\]\:shadow-sm[data-state="active"] { --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); } .data-\[swipe\=move\]\:transition-none[data-swipe="move"] { transition-property: none; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 500ms; } .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { 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\=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\=visible\]\:animate-in[data-state="visible"] { 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-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { 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\]\: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-\[state\=hidden\]\:animate-out[data-state="hidden"] { 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-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; } .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; } .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\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: 13rem; } .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: -13rem; } .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: 13rem; } .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: -13rem; } .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-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 500ms; } .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)); } .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] { background-color: hsl(var(--sidebar-accent)); } .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] { color: hsl(var(--sidebar-accent-foreground)); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); } .group[data-side="left"] .group-data-\[side\=left\]\:-right-4 { right: -1rem; } .group[data-side="right"] .group-data-\[side\=right\]\:left-0 { left: 0px; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 { margin-top: -2rem; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden { display: none; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 { width: 2rem !important; height: 2rem !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] { width: var(--sidebar-width-icon); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] { width: calc(var(--sidebar-width-icon) + 1rem); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --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-side="right"] .group-data-\[side\=right\]\: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)); } .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)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: var(--radius); } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border { border-width: 1px; } .group[data-side="left"] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; } .group[data-side="right"] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border { border-color: hsl(var(--sidebar-border)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 { padding: 0px !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 { padding: 0.5rem !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\: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); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover { background-color: hsl(var(--sidebar-background)); } .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; } .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; } .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; } .peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] { min-height: calc(100svh - 1rem); } .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); } @media (prefers-reduced-motion: reduce) { @keyframes spin { to { transform: rotate(360deg); } } .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] { animation: spin 1.5s linear infinite; } } .dark\:border-destructive:is(.dark *) { border-color: hsl(var(--destructive)); } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 640px) { .sm\:bottom-0 { bottom: 0px; } .sm\:bottom-6 { bottom: 1.5rem; } .sm\:left-auto { left: auto; } .sm\:right-0 { right: 0px; } .sm\:right-6 { right: 1.5rem; } .sm\:top-auto { top: auto; } .sm\:mb-4 { margin-bottom: 1rem; } .sm\:ml-2 { margin-left: 0.5rem; } .sm\:mr-2 { margin-right: 0.5rem; } .sm\:mt-0 { margin-top: 0px; } .sm\:inline { display: inline; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:h-5 { height: 1.25rem; } .sm\:h-\[320px\] { height: 320px; } .sm\:h-\[350px\] { height: 350px; } .sm\:h-\[400px\] { height: 400px; } .sm\:w-5 { width: 1.25rem; } .sm\:w-\[300px\] { width: 300px; } .sm\:w-\[450px\] { width: 450px; } .sm\:w-auto { width: auto; } .sm\:max-w-\[420px\] { max-width: 420px; } .sm\:max-w-lg { max-width: 32rem; } .sm\:max-w-md { max-width: 28rem; } .sm\:max-w-sm { max-width: 24rem; } .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\:items-start { align-items: flex-start; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-2\.5 { gap: 0.625rem; } .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: var(--radius); } .sm\:p-6 { padding: 1.5rem; } .sm\:px-0 { padding-left: 0px; padding-right: 0px; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:text-left { text-align: left; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] { --tw-enter-translate-y: 100%; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:-left-5 { left: -1.25rem; } .md\:-right-5 { right: -1.25rem; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:mb-0 { margin-bottom: 0px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-40 { height: 10rem; } .md\:h-80 { height: 20rem; } .md\:h-\[310px\] { height: 310px; } .md\:max-h-\[600px\] { max-height: 600px; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/4 { width: 25%; } .md\:w-1\/5 { width: 20%; } .md\:w-48 { width: 12rem; } .md\:w-80 { width: 20rem; } .md\:w-\[320px\] { width: 320px; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto { width: auto; } .md\:max-w-\[420px\] { max-width: 420px; } .md\:max-w-\[60\%\] { max-width: 60%; } .md\:max-w-\[75\%\] { max-width: 75%; } .md\:max-w-\[80\%\] { max-width: 80%; } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-\[300px\2c 1fr\] { grid-template-columns: 300px 1fr; } .md\:flex-row { flex-direction: row; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:justify-end { justify-content: flex-end; } .md\:justify-center { justify-content: center; } .md\:justify-between { justify-content: space-between; } .md\:p-10 { padding: 2.5rem; } .md\:p-12 { padding: 3rem; } .md\:px-20 { padding-left: 5rem; padding-right: 5rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:pb-8 { padding-bottom: 2rem; } .md\:pt-16 { padding-top: 4rem; } .md\:text-left { text-align: left; } .md\:text-center { text-align: center; } .md\:text-right { text-align: right; } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .md\:text-5xl { font-size: 3rem; line-height: 1; } .md\:text-6xl { font-size: 3.75rem; line-height: 1; } .md\:text-9xl { font-size: 8rem; line-height: 1; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .md\:opacity-0 { opacity: 0; } .after\:md\:hidden::after { content: var(--tw-content); display: none; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; } .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 { margin-left: 0.5rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\: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); } } @media (min-width: 1024px) { .lg\:static { position: static; } .lg\:absolute { position: absolute; } .lg\:sticky { position: sticky; } .lg\:-bottom-\[65px\] { bottom: -65px; } .lg\:-bottom-\[75px\] { bottom: -75px; } .lg\:-right-16 { right: -4rem; } .lg\:-right-32 { right: -8rem; } .lg\:top-32 { top: 8rem; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:h-48 { height: 12rem; } .lg\:h-\[550px\] { height: 550px; } .lg\:h-\[600px\] { height: 600px; } .lg\:h-\[680px\] { height: 680px; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:min-h-\[550px\] { min-height: 550px; } .lg\:min-h-\[650px\] { min-height: 650px; } .lg\:w-1\/2 { width: 50%; } .lg\:w-2\/5 { width: 40%; } .lg\:w-3\/5 { width: 60%; } .lg\:max-w-\[50\%\] { max-width: 50%; } .lg\:max-w-\[60\%\] { max-width: 60%; } .lg\:max-w-md { max-width: 28rem; } .lg\:max-w-none { max-width: none; } .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\:justify-start { justify-content: flex-start; } .lg\:justify-end { justify-content: flex-end; } .lg\:gap-12 { gap: 3rem; } .lg\:gap-4 { gap: 1rem; } .lg\:overflow-visible { overflow: visible; } .lg\:p-7 { padding: 1.75rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:pt-32 { padding-top: 8rem; } .lg\:text-left { text-align: left; } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-5xl { font-size: 3rem; line-height: 1; } .lg\:text-6xl { font-size: 3.75rem; line-height: 1; } .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1280px) { .xl\:-right-20 { right: -5rem; } .xl\:-right-44 { right: -11rem; } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb { height: 1.25rem; } .\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb { width: 1.25rem; } .\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb { cursor: pointer; } .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb { border-radius: 9999px; } .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb { border-width: 0px; } .\[\&\:\:-moz-range-thumb\]\:bg-dineai-yellow::-moz-range-thumb { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb { height: 1rem; } .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb { height: 1.25rem; } .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb { width: 1rem; } .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb { width: 1.25rem; } .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb { cursor: pointer; } .\[\&\:\:-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\]\:bg-\[\#FDB913\]::-webkit-slider-thumb { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .\[\&\:\:-webkit-slider-thumb\]\:bg-dineai-yellow::-webkit-slider-thumb { --tw-bg-opacity: 1; background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1)); } .\[\&\:\:-webkit-slider-thumb\]\:bg-orange-400::-webkit-slider-thumb { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .\[\&\:\:-webkit-slider-thumb\]\:shadow-lg::-webkit-slider-thumb { --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); } .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { background-color: hsl(var(--accent)); } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) { background-color: hsl(var(--accent) / 0.5); } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; } .\[\&\>button\]\:hidden>button { display: none; } .\[\&\>div\]\:h-full>div { height: 100%; } .\[\&\>div\]\:bg-yellow-400>div { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:shadow-sm>div { --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); } .\[\&\>div\]\:transition-all>div { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .hover\:\[\&\>div\]\:shadow-md>div:hover { --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); } .\[\&\>span\:last-child\]\:truncate>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>span\]\:line-clamp-1>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { --tw-translate-y: -3px; 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)); } .\[\&\>svg\]\:absolute>svg { position: absolute; } .\[\&\>svg\]\:left-4>svg { left: 1rem; } .\[\&\>svg\]\:top-4>svg { top: 1rem; } .\[\&\>svg\]\:size-3\.5>svg { width: 0.875rem; height: 0.875rem; } .\[\&\>svg\]\:size-4>svg { width: 1rem; height: 1rem; } .\[\&\>svg\]\:h-2\.5>svg { height: 0.625rem; } .\[\&\>svg\]\:h-3>svg { height: 0.75rem; } .\[\&\>svg\]\:w-2\.5>svg { width: 0.625rem; } .\[\&\>svg\]\:w-3>svg { width: 0.75rem; } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } .\[\&\>svg\]\:text-destructive>svg { color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-foreground>svg { color: hsl(var(--foreground)); } .\[\&\>svg\]\:text-muted-foreground>svg { color: hsl(var(--muted-foreground)); } .\[\&\>svg\]\:text-sidebar-accent-foreground>svg { color: hsl(var(--sidebar-accent-foreground)); } .\[\&\>svg\]\:text-white>svg { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .\[\&\>svg\~\*\]\:pl-7>svg~* { padding-left: 1.75rem; } .\[\&\>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\]\>svg\]\:rotate-180[data-state=open]>svg { --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)); } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: hsl(var(--muted-foreground)); } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] { stroke: hsl(var(--border) / 0.5); } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: hsl(var(--border)); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] { stroke: transparent; } .\[\&_\.recharts-layer\]\:outline-none .recharts-layer { outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] { stroke: hsl(var(--border)); } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector { fill: hsl(var(--muted)); } .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: hsl(var(--muted)); } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] { stroke: hsl(var(--border)); } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] { stroke: transparent; } .\[\&_\.recharts-sector\]\:outline-none .recharts-sector { outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\.recharts-surface\]\:outline-none .recharts-surface { outline: 2px solid transparent; outline-offset: 2px; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: 0px; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; } .\[\&_p\]\:leading-relaxed p { line-height: 1.625; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } .\[\&_tr\]\:border-b tr { border-bottom-width: 1px; } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: -0.5rem; } [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: -0.5rem; } [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize { cursor: e-resize; }