/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-grid.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
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 {
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -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;
  -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;
  -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;
  -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;
          user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -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;
  -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,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -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;
  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;
  -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;
  -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;
  -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 {
  -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;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-theme-alpine.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@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;
  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);
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-theme-quartz.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}

.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/no-code-x-backoffice/src/styles.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.3 | 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 */ /* 3 */
  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::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9CA3AF; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
.tooltip-arrow,.tooltip-arrow:before{
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.tooltip-arrow{
  visibility: hidden;
}
.tooltip-arrow:before{
  content: "";
  visibility: visible;
  transform: rotate(45deg);
}
[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{
  border-style: solid;
  border-color: #e5e7eb;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-left-width: 1px;
}
[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-right-width: 1px;
}
.tooltip[data-popper-placement^='top'] > .tooltip-arrow{
  bottom: -4px;
}
.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
  top: -4px;
}
.tooltip[data-popper-placement^='left'] > .tooltip-arrow{
  right: -4px;
}
.tooltip[data-popper-placement^='right'] > .tooltip-arrow{
  left: -4px;
}
.tooltip.invisible > .tooltip-arrow:before{
  visibility: hidden;
}
[data-popper-arrow],[data-popper-arrow]:before{
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
[data-popper-arrow]{
  visibility: hidden;
}
[data-popper-arrow]:before{
  content: "";
  visibility: visible;
  transform: rotate(45deg);
}
[data-popper-arrow]:after{
  content: "";
  visibility: visible;
  transform: rotate(45deg);
  position: absolute;
  width: 9px;
  height: 9px;
  background: inherit;
}
[role="tooltip"] > [data-popper-arrow]:before{
  border-style: solid;
  border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:before{
  border-style: solid;
  border-color: #4b5563;
}
[role="tooltip"] > [data-popper-arrow]:after{
  border-style: solid;
  border-color: #e5e7eb;
}
.dark [role="tooltip"] > [data-popper-arrow]:after{
  border-style: solid;
  border-color: #4b5563;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{
  border-bottom-width: 1px;
  border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{
  border-bottom-width: 1px;
  border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{
  border-top-width: 1px;
  border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{
  border-top-width: 1px;
  border-left-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{
  border-top-width: 1px;
  border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{
  border-top-width: 1px;
  border-right-width: 1px;
}
[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{
  bottom: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{
  top: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{
  right: -5px;
}
[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{
  left: -5px;
}
[role="tooltip"].invisible > [data-popper-arrow]:before{
  visibility: hidden;
}
[role="tooltip"].invisible > [data-popper-arrow]:after{
  visibility: hidden;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  appearance: none;
  background-color: #fff;
  border-color: #6B7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #1C64F2;
  --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);
  border-color: #1C64F2;
}
input::placeholder,textarea::placeholder{
  color: #6B7280;
  opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
input[type="time"]::-webkit-calendar-picker-indicator{
  background: none;
}
select:not([size]){
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 0.75em 0.75em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
:is([dir=rtl]) select:not([size]){
  background-position: left 0.75rem center;
  padding-right: 0.75rem;
  padding-left: 0;
}
[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}
[type='checkbox'],[type='radio']{
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #1C64F2;
  background-color: #fff;
  border-color: #6B7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
[type='checkbox']{
  border-radius: 0px;
}
[type='radio']{
  border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #1C64F2;
  --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);
}
[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 0.55em 0.55em;
  background-position: center;
  background-repeat: no-repeat;
}
[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 0.55em 0.55em;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size: 1em 1em;
}
.dark [type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size: 1em 1em;
}
[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
  background-color: currentColor;
  border-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.55em 0.55em;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
[type='file']:focus{
  outline: 1px auto inherit;
}
input[type=file]::file-selector-button{
  color: white;
  background: #1F2937;
  border: 0;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-inline-start: -1rem;
  margin-inline-end: 1rem;
}
input[type=file]::file-selector-button:hover{
  background: #374151;
}
:is([dir=rtl]) input[type=file]::file-selector-button{
  padding-right: 2rem;
  padding-left: 1rem;
}
.dark input[type=file]::file-selector-button{
  color: white;
  background: #4B5563;
}
.dark input[type=file]::file-selector-button:hover{
  background: #6B7280;
}
input[type="range"]::-webkit-slider-thumb{
  height: 1.25rem;
  width: 1.25rem;
  background: #1C64F2;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
input[type="range"]:disabled::-webkit-slider-thumb{
  background: #9CA3AF;
}
.dark input[type="range"]:disabled::-webkit-slider-thumb{
  background: #6B7280;
}
input[type="range"]:focus::-webkit-slider-thumb{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-opacity: 1px;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
input[type="range"]::-moz-range-thumb{
  height: 1.25rem;
  width: 1.25rem;
  background: #1C64F2;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
input[type="range"]:disabled::-moz-range-thumb{
  background: #9CA3AF;
}
.dark input[type="range"]:disabled::-moz-range-thumb{
  background: #6B7280;
}
input[type="range"]::-moz-range-progress{
  background: #3F83F8;
}
input[type="range"]::-ms-fill-lower{
  background: #3F83F8;
}
.toggle-bg:after{
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  background: white;
  border-color: #D1D5DB;
  border-width: 1px;
  border-radius: 9999px;
  height: 1.25rem;
  width: 1.25rem;
  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-duration: .15s;
  box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
input:checked + .toggle-bg:after{
  transform: translateX(100%);;
  border-color: white;
}
input:checked + .toggle-bg{
  background: #1C64F2;
  border-color: #1C64F2;
}
*, ::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(63 131 248 / 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(63 131 248 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.\!right-2{
  right: 0.5rem !important;
}
.\!right-6{
  right: 1.5rem !important;
}
.-end-2{
  inset-inline-end: -0.5rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-20{
  bottom: 5rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-\[-5000px\]{
  bottom: -5000px;
}
.bottom-\[15px\]{
  bottom: 15px;
}
.bottom-\[35px\]{
  bottom: 35px;
}
.bottom-\[60px\]{
  bottom: 60px;
}
.end-0{
  inset-inline-end: 0px;
}
.end-\[330px\]{
  inset-inline-end: 330px;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-2{
  left: 0.5rem;
}
.left-4{
  left: 1rem;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-2{
  right: 0.5rem;
}
.right-\[0px\]{
  right: 0px;
}
.right-\[15px\]{
  right: 15px;
}
.right-\[21\.875rem\]{
  right: 21.875rem;
}
.start-0{
  inset-inline-start: 0px;
}
.start-3{
  inset-inline-start: 0.75rem;
}
.top-0{
  top: 0px;
}
.top-2{
  top: 0.5rem;
}
.top-6{
  top: 1.5rem;
}
.top-\[111px\]{
  top: 111px;
}
.top-\[15px\]{
  top: 15px;
}
.top-\[50\%\]{
  top: 50%;
}
.isolate{
  isolation: isolate;
}
.\!z-40{
  z-index: 40 !important;
}
.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-\[10000\]{
  z-index: 10000;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[111111\]{
  z-index: 111111;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-8{
  grid-column: span 8 / span 8;
}
.clear-both{
  clear: both;
}
.\!m-0{
  margin: 0px !important;
}
.m-4{
  margin: 1rem;
}
.m-auto{
  margin: auto;
}
.\!my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-1{
  margin-bottom: 0.25rem !important;
}
.\!mb-2{
  margin-bottom: 0.5rem !important;
}
.\!mb-3{
  margin-bottom: 0.75rem !important;
}
.\!mb-4{
  margin-bottom: 1rem !important;
}
.\!mb-6{
  margin-bottom: 1.5rem !important;
}
.\!mb-8{
  margin-bottom: 2rem !important;
}
.\!mr-4{
  margin-right: 1rem !important;
}
.\!mt-1{
  margin-top: 0.25rem !important;
}
.\!mt-2{
  margin-top: 0.5rem !important;
}
.\!mt-4{
  margin-top: 1rem !important;
}
.-mb-px{
  margin-bottom: -1px;
}
.-mr-1{
  margin-right: -0.25rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.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-\[-25px\]{
  margin-bottom: -25px;
}
.mb-\[5px\]{
  margin-bottom: 5px;
}
.mb-\[6\.5rem\]{
  margin-bottom: 6.5rem;
}
.mb-auto{
  margin-bottom: auto;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.me-4{
  margin-inline-end: 1rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-\[23px\]{
  margin-left: 23px;
}
.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;
}
.mr-5{
  margin-right: 1.25rem;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-\[-4px\]{
  margin-top: -4px;
}
.mt-\[200px\]{
  margin-top: 200px;
}
.mt-\[7px\]{
  margin-top: 7px;
}
.mt-auto{
  margin-top: auto;
}
.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 !important;
}
.grid{
  display: grid;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.\!h-10{
  height: 2.5rem !important;
}
.\!h-20{
  height: 5rem !important;
}
.\!h-5{
  height: 1.25rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-9{
  height: 2.25rem !important;
}
.\!h-fit{
  height: fit-content !important;
}
.\!h-full{
  height: 100% !important;
}
.h-0{
  height: 0px;
}
.h-1{
  height: 0.25rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-3{
  height: 0.75rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[100\%\]{
  height: 100%;
}
.h-\[100px\]{
  height: 100px;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[150px\]{
  height: 150px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[250px\]{
  height: 250px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[425px\]{
  height: 425px;
}
.h-\[450px\]{
  height: 450px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[6px\]{
  height: 6px;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.\!max-h-\[unset\]{
  max-height: unset !important;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-\[20rem\]{
  max-height: 20rem;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.min-h-\[2\.5em\]{
  min-height: 2.5em;
}
.min-h-\[30px\]{
  min-height: 30px;
}
.min-h-\[500px\]{
  min-height: 500px;
}
.min-h-\[95vh\]{
  min-height: 95vh;
}
.\!w-4{
  width: 1rem !important;
}
.\!w-5{
  width: 1.25rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-\[125px\]{
  width: 125px !important;
}
.\!w-\[30px\]{
  width: 30px !important;
}
.\!w-\[40px\]{
  width: 40px !important;
}
.\!w-fit{
  width: fit-content !important;
}
.\!w-full{
  width: 100% !important;
}
.w-1\/2{
  width: 50%;
}
.w-1\/5{
  width: 20%;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-2{
  width: 0.5rem;
}
.w-3{
  width: 0.75rem;
}
.w-4{
  width: 1rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-72{
  width: 18rem;
}
.w-80{
  width: 20rem;
}
.w-96{
  width: 24rem;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[10px\]{
  width: 10px;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[170px\]{
  width: 170px;
}
.w-\[172px\]{
  width: 172px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[28\.125rem\]{
  width: 28.125rem;
}
.w-\[330px\]{
  width: 330px;
}
.w-\[350px\]{
  width: 350px;
}
.w-\[35px\]{
  width: 35px;
}
.w-\[37\.5rem\]{
  width: 37.5rem;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[70\%\]{
  width: 70%;
}
.w-\[700px\]{
  width: 700px;
}
.w-\[80px\]{
  width: 80px;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-screen{
  width: 100vw;
}
.\!min-w-5{
  min-width: 1.25rem !important;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[205px\]{
  min-width: 205px;
}
.min-w-\[214px\]{
  min-width: 214px;
}
.min-w-\[30rem\]{
  min-width: 30rem;
}
.min-w-\[400px\]{
  min-width: 400px;
}
.min-w-\[55px\]{
  min-width: 55px;
}
.\!max-w-\[100\%\]{
  max-width: 100% !important;
}
.\!max-w-\[250px\]{
  max-width: 250px !important;
}
.\!max-w-\[450px\]{
  max-width: 450px !important;
}
.\!max-w-\[500px\]{
  max-width: 500px !important;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-\[125px\]{
  max-width: 125px;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[170px\]{
  max-width: 170px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[350px\]{
  max-width: 350px;
}
.max-w-\[430px\]{
  max-width: 430px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-md{
  max-width: 28rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[10\%\]{
  flex: 10%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.-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-full{
  --tw-translate-x: -100%;
  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-full{
  --tw-translate-y: -100%;
  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{
  --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));
}
.translate-x-full{
  --tw-translate-x: 100%;
  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-full{
  --tw-translate-y: 100%;
  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));
}
.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));
}
.transform-none{
  transform: none;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-move{
  cursor: move;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.resize{
  resize: both;
}
.list-inside{
  list-style-position: inside;
}
.list-none{
  list-style-type: none;
}
.grid-cols-12{
  grid-template-columns: repeat(12, 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-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.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-evenly{
  justify-content: space-evenly;
}
.justify-items-stretch{
  justify-items: stretch;
}
.gap-1{
  gap: 0.25rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-8{
  gap: 2rem;
}
.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-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.\!overflow-visible{
  overflow: visible !important;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-x-auto{
  overflow-x: auto;
}
.\!overflow-x-visible{
  overflow-x: visible !important;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-e-lg{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}
.rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-s-lg{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[1px\]{
  border-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-\[\#334155\]{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700{
  --tw-border-opacity: 1;
  border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-dark-border{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}
.border-dark-input-border_color{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-light-border{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-light-input-border_color{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(128 0 255 / var(--tw-border-opacity));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-dark-background_level_0{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-dark-background_level_1{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-dark-input-background_color{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-900\/50{
  background-color: rgb(17 24 39 / 0.5);
}
.bg-light-background_level_0{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-light-input-background_color{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(128 0 255 / var(--tw-bg-opacity));
}
.bg-primarylight{
  --tw-bg-opacity: 1;
  background-color: rgb(153 51 255 / var(--tw-bg-opacity));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(240 82 82 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.fill-white{
  fill: #ffffff;
}
.\!stroke-dark-destructive_button-background{
  stroke: #FF003D !important;
}
.\!stroke-dark-success{
  stroke: #5ebd86 !important;
}
.\!stroke-dark-warn{
  stroke: #FF7A00 !important;
}
.stroke-white{
  stroke: #ffffff;
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.object-center{
  object-position: center;
}
.\!p-0{
  padding: 0px !important;
}
.\!p-0\.5{
  padding: 0.125rem !important;
}
.\!p-2{
  padding: 0.5rem !important;
}
.\!p-4{
  padding: 1rem !important;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-\[10px\]{
  padding: 10px;
}
.p-\[116px\]{
  padding: 116px;
}
.p-\[2px\]{
  padding: 2px;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\!pl-2{
  padding-left: 0.5rem !important;
}
.\!pl-9{
  padding-left: 2.25rem !important;
}
.\!pr-0{
  padding-right: 0px !important;
}
.\!pr-1{
  padding-right: 0.25rem !important;
}
.\!pr-2{
  padding-right: 0.5rem !important;
}
.\!ps-8{
  padding-inline-start: 2rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pe-2{
  padding-inline-end: 0.5rem;
}
.pe-2\.5{
  padding-inline-end: 0.625rem;
}
.pe-3{
  padding-inline-end: 0.75rem;
}
.pe-3\.5{
  padding-inline-end: 0.875rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.ps-10{
  padding-inline-start: 2.5rem;
}
.ps-2{
  padding-inline-start: 0.5rem;
}
.ps-2\.5{
  padding-inline-start: 0.625rem;
}
.ps-3{
  padding-inline-start: 0.75rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.\!text-\[20px\]{
  font-size: 20px !important;
}
.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xl{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.\!text-xxs{
  font-size: 0.625rem !important;
}
.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-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxs{
  font-size: 0.625rem;
}
.\!font-bold{
  font-weight: 700 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.\!leading-10{
  line-height: 2.5rem !important;
}
.\!leading-5{
  line-height: 1.25rem !important;
}
.\!leading-8{
  line-height: 2rem !important;
}
.\!leading-9{
  line-height: 2.25rem !important;
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[30px\]{
  line-height: 30px;
}
.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-accent{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}
.text-accenttext{
  --tw-text-opacity: 1;
  color: rgb(221 126 255 / var(--tw-text-opacity));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(118 169 250 / var(--tw-text-opacity));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 66 159 / var(--tw-text-opacity));
}
.text-dark-destructive_button-background{
  --tw-text-opacity: 1;
  color: rgb(255 0 61 / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-light-accordion-header_text_color{
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}
.text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}
.text-text_2{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.line-through{
  text-decoration-line: line-through;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-50{
  opacity: 0.5;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.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-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-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);
}
.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);
}
.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);
}
.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);
}
.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-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.workspace-selector {
  font-size: 14px;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.workspace-selector-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  cursor: pointer;
}

.workspace-selector-container:hover,
.workspace-selector.showcurrentcontext .workspace-selector-container {
  transition: 0.2s;
}

.workspace-selector-container:hover .workspace-name-container,
.workspace-selector.showcurrentcontext .workspace-selector-container .workspace-name-container {
  color: white !important;
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.workspace-selector-container:hover .workspace-name-container .workspace-name,
.workspace-selector.showcurrentcontext .workspace-selector-container .workspace-name-container .workspace-name {
  display: block;
  transition: 0.2s;
  font-weight: bold;
}

.workspace-selector .workspace-name-container .workspace-name {
  display: none;
  transition: 0.2s;
}

.workspace-selector .workspace-name-container {
  height: 32px;
  position: relative;
  padding-right: 25px;
  color: white;
}

.workspace-selector .workspace-name-container div {
  position: absolute;
  top: 4px;
  right: 0px;
}

.workspace-selector-last-used .mdc-list-item--with-leading-icon mat-icon.mdc-list-item__start,
.workspace-selector-all .mdc-list-item--with-leading-icon mat-icon.mdc-list-item__start {
  width: 24px;
  height: 24px;
}

.workspace-selector-last-used ngx-avatar,
.workspace-selector-last-used .mdc-list-item--with-leading-icon .mdc-list-item__start,
.workspace-selector-all ngx-avatar,
.workspace-selector-all .mdc-list-item--with-leading-icon .mdc-list-item__start {
  width: 35px;
  height: 35px;
}

.workspace-selector-last-used .mdc-list-item--with-leading-icon .mdc-list-item__start,
.workspace-selector-all .mdc-list-item--with-leading-icon .mdc-list-item__start {
  margin-right: 16px;
}

.workspace-selector-last-used .recent-workspaces-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.workspace-selector-last-used .see-all-workspaces {
  float: right;
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.workspace-selector-last-used mat-card-header {
  padding: 0;
}

.workspace-selector-last-used mat-list-item,
.workspace-selector-all mat-list-item {
  margin-top: 2px;
  border-radius: 0.5rem !important;
  cursor: pointer !important;
  transition: 0.2s;
}

.workspace-selector-last-used mat-list-item .mat-mdc-list-item-line,
.workspace-selector-all mat-list-item .mat-mdc-list-item-line {
  color: rgb(84, 90, 105);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.workspace-selector-all mat-list-item .mat-mdc-list-item-line span,
.workspace-selector-last-used mat-list-item .mat-mdc-list-item-line span{
  flex-grow: 1;
}

.workspace-selector-last-used .selected,
.workspace-selector-all .selected,
.workspace-selector-last-used mat-list-item:hover,
.workspace-selector-all mat-list-item:hover{
  background-color: #DD7EFF15;
}

.workspace-selector-last-used .selected .mat-mdc-list-item-line,
.workspace-selector-last-used mat-list-item:hover .mat-mdc-list-item-line,
.workspace-selector-all .selected .mat-mdc-list-item-line,
.workspace-selector-all mat-list-item:hover .mat-mdc-list-item-line {
  color: white;
}

.workspace-selector-last-used mat-list-item .mdc-list-item__content,
.workspace-selector-last-used .mat-mdc-list-item-line,
.workspace-selector-all mat-list-item .mdc-list-item__content,
.workspace-selector-all .mat-mdc-list-item-line {
  position: relative;
  overflow: visible;
}

.workspace-selector-last-used mat-card-content {
  padding: 12px !important;
}

.workspace-selector-last-used {
  min-width: 400px;
  height: auto;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.workspace-selector-last-used:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.workspace-selector-last-used{
  padding: 0px !important;
  border-width: 1px !important;
}

.workspace-selector-last-used:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(51 65 85 / var(--tw-border-opacity)) !important;
}

.workspace-selector-last-used{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  border-radius: 0.75rem !important;
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.workspace-selector-last-used .mat-mdc-list-item{
  height: 2.5rem !important;
}

.overview-header .select-all {
  max-height: 52px;
  max-width: 42px;
}

.overview-header .search-select {
  max-height: 52px;
  padding: 0;
}

.overview-header .search-select .mat-mdc-text-field-wrapper {
  max-height: 52px;
}

.overview-header .select-all mat-card-content {
  padding: 4px;
  padding-top: 6px;
}

.searchResults mat-card-content,
.searchResults mat-card-header {
  padding: 0px !important;
}

.searchResults .search-result-select {
  margin-left: 4px;
  flex: 1 1 40px;
  box-sizing: border-box;
  max-width: 40px;
  min-width: 40px;
}

.searchResults mat-card.search-result {
  padding-left: 0px;
}

.searchResults mat-card.search-result mat-card-subtitle {
  margin-bottom: 0;
}

.searchResults mat-card.search-result .search-result-container {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
}

.searchResults mat-card.search-result mat-cart-header {
  flex: 1 1 auto;
}

.searchResults mat-card.search-result .actions {
  flex: 1 1 120px;
}

.edit-form h4 {
  margin-top: 10px;
}

.edit-form mat-card {
  padding: 15px;
}

.edit-form .icon-picker-container {
  margin: auto;
  position: absolute;
}

.edit-form mat-card .mat-form-field-prefix,
.edit-form mat-card .mat-form-field-suffix {
  color: rgb(84, 90, 105);
}

.edit-form mat-card icon-picker {
  top: 0px;
  left: 0px;
}

.edit-form .buttonContainer {
  margin-top: 10px;
  text-align: end;
}

.edit-form .buttonContainer button {
  margin-left: 5px;
}

.edit-form .general-information-container {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
}

.edit-form .name-and-description-container {
  margin-right: 10px;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
}

.edit-form .icon-picker-edit-container {
  flex: 1 1 170px;
  box-sizing: border-box;
  max-width: 170px;
  min-width: 170px;
}

.edit-form mat-divider {
  margin-top: 10px;
  margin-bottom: 10px;
}

.edit-form .tabs .mat-mdc-tab-body-wrapper {
  margin-top: 10px;
}

.toolpane .mat-mdc-tab-list .mdc-tab__text-label mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
}

.toolpane mat-form-field.mat-mdc-form-field,
.toolpane .mat-mdc-select-min-line {
  font-size: 10px;
}

.toolpane .mat-mdc-tab-list .mdc-tab__text-label,
.toolpane .mat-mdc-tab-list .mdc-tab__text-label-active {
  padding: 3px !important;
  margin: 0 !important;
  font-size: 10px;
}

.toolpane mat-tab-body .mat-mdc-tab-body-content {
  padding-top: 10px;
}

.toolpane mat-tab-body:nth-child(2) {
  margin: 0px;
}

.toolpane mat-hint {
  font-size: 8px;
  display: block;
}

.toolpane .mat-mdc-form-field-hint-wrapper {
  padding-left: 5px;
  padding-right: 5px;
}

.toolpane mat-expansion-panel.add-margin .mat-mdc-expansion-panel-body {
  margin: 10px;
}

.toolpane .mdc-tab {
  padding-left: 0px;
  padding-right: 0px;
}

.toolpane .picker mat-list-item {
  height: 60px !important;
  margin-bottom: 5px;
  transition: 0.2s;
}

.toolpane .picker mat-list-item:hover {
  border: 1px solid #9c38ff;
  border-radius: 5px;
  background-color: #d0d0e5;
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
  margin: -1px;
  margin-left: -15px;
}

.toolpane table .actions {
  width: 90px;
}

.toolpane .picker mat-list-item:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.toolpane .picker .scrollbar {
  height: 350px;
}

.toolpane .picker mat-list {
  overflow-x: visible;
  padding: 20px;
  padding-right: 2px;
}

.toolpane .picker mat-list mat-list-item mat-icon {
  margin-right: 10px;
}

.toolpane .picker .mat-mdc-list-item-title {
  font-size: 14px;
}

.toolpane .picker .mat-mdc-list-item-line {
  font-size: 12px;
}

.toolpane mat-button-toggle-group,
.toolpane mat-button-toggle {
  width: 100%;
}

.toolpane mat-button-toggle-group {
  height: 34px;
  margin-bottom: 15px;
}

.toolpane mat-button-toggle-group .mat-button-toggle-label-content {
  height: 34px;
  line-height: 34px;
}

.toolpane mat-button-toggle-group button {
  height: 34px !important;
  font-size: 11px !important;
}

.toolpane .mat-button-toggle-checked {
  background-color: #9c38ff;
  color: white;
}

.toolpane .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: white;
}

.toolpane mat-form-field.mat-mdc-form-field,
.toolpane .mat-mdc-select-min-line {
  font-size: 10px;
}

.toolpane textarea {
  margin-top: 5px;
}

.toolpaneSelect .contains-mat-select-search {
  min-height: 38px;
}

.toolpaneSelect .mat-select-search-no-entries-found {
  margin-top: 48px;
}

.toolpaneSelect .mat-select-search-no-entries-found span {
  height: 48px;
}

.toolpaneSelect .mat-mdc-option .mdc-list-item__primary-text {
  letter-spacing: normal !important;
}

ngx-mat-select-search .mat-select-search-clear {
  width: 24px !important;
  height: 24px !important;
  margin-top: 5px;
  padding: 0 !important;
}

ngx-mat-select-search .mat-select-search-clear mat-icon {
  font-size: 16px;
  margin-top: 4px;
}

ngx-mat-select-search .mat-select-search-clear span {
  width: 24px !important;
  height: 24px !important;
}

.editorMenu {
  margin-top: 4px;
}

.editorMenu a {
  justify-content: flex-start !important;
  height: 32px !important;
  min-height: 32px !important;
  gap: 4px;
}

.editorMenu a mat-icon {
  font-size: 16px !important;
  height: 16px !important;
  width: 16px !important;
  margin-right: 0px !important;
}

.editorMenu a span {
  font-size: 10px !important;
}

.toolpaneSelect mat-option {
  font-size: 10px;
  height: 32px;
  min-height: 32px;
  padding-left: 10px;
}

.toolpane .mdc-text-field--outlined {
  padding-left: 7px;
  padding-right: 7px;
}

.toolpane .mat-mdc-form-field-type-mat-select .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  width: 5px;
}

.toolpane .numberpicker .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  width: 5px;
}

.toolpane .numberpicker .mdc-text-field--outlined {
  padding-right: 5px;
  padding-left: 5px;
}

.toolpane .numberpicker label {
  overflow: visible;
}

.toolpane mat-form-field input {
  height: 24px !important;
}

.toolpane .numberpicker.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
  max-width: initial;
}

.toolpane .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 34px !important;
}

.toolpane codex-template-properties,
.toolpane codex-template-actions,
.toolpane codex-authorization-link-picker,
.toolpane codex-template-parameters,
.toolpane codex-part-actions-wrapper,
.toolpane codex-action-edit-properties,
.toolpane .invocation-config,
.toolpane .invocation-next {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  display: block;
}

.toolpane codex-action-edit-argument-value-picker {
  padding-bottom: 10px;
  display: block;
}

.toolpane template-part-picker mat-form-field,
.toolpane codex-method-picker mat-form-field {
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  width: calc(100% - 20px);
}

.toolpane table {
  min-width: initial;
}

.toolpane codex-action-edit-invocation-argument-action-picker .buttonContainer button,
.toolpane codex-action-picker button {
  margin-top: 0px !important;
}

.toolpane codex-action-edit-conditionals button.mat-mdc-raised-button.mat-mdc-button-base {
  margin-top: 5px;
  margin-bottom: 5px;
}

.part:has(.part:hover) > .partActions {
  visibility: hidden !important;
}

part {
  border: 1px solid transparent;
}

part:hover {
  border: 1px solid #9c38ff !important;
}

part:hover > .selectedPartHeader {
  background-color: #9c38ff !important;
}

part.errorPart {
  border: 1px solid #ff003d;
}

part.dragging {
  background-color: red;
}

part:hover > .selectedPartHeader,
part.multiSelectedPart > .selectedPartHeader,
part.selectedPart > .selectedPartHeader,
.show-borders part > .selectedPartHeader {
  visibility: visible;
}

.selectedPart,
.multiSelectedPart,
.show-borders part {
  border: 1px solid #9c38ff;
}

.selectedPartHeader {
  white-space: pre;
  visibility: hidden;
  position: absolute;
  top: -23px;
  background-color: #9c38ff;
  color: white;
  padding-left: 3px;
  padding-right: 5px;
  left: -1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 10px;
  height: 22px;
  font-family: Inter;
  line-height: 22px;
}

.grid.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.draggingPart {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  opacity: 0.5;
}

.draggingPart .dragging > .dragging-part {
  visibility: hidden !important;
}

.drop-placeholder {
  visibility: hidden;
}

.dragging .drop-placeholder:hover {
  background-color: #ececf5;
}

.dragging .drop-placeholder {
  visibility: visible;
  border: 1px dashed #9c38ff;
  height: 30px;
}

.drop-zone {
  height: 100%;
}

.dragging.drop-zone {
  border: 1px dashed #9c38ff;
}

codex-vertical-list-part-front > .subcontainer.dragging > .dragging-part {
  display: block;
}

.draggingInProgress codex-horizontal-list-part-front > .subcontainer > part {
  margin-left: 20px;
  margin-right: 20px;
}

codex-horizontal-list-part-front > .subcontainer.dragging > .dragging-part {
  display: inline-block;
}

codex-vertical-list-part-front .dragging-part {
  height: 0;
  width: 100%;
  display: none;
  background-size: 1vw 1vw;
  background-color: #ececf5;
  border: 1px solid #9c38ff;
  border-radius: 3px;
  opacity: 65%;
  pointer-events: none;
  margin: 0;
}

codex-horizontal-list-part-front .dragging-part {
  height: 100%;
  display: none;
  background-size: 1vw 1vw;
  background-color: #ececf5;
  border: 1px solid #9c38ff;
  border-radius: 3px;
  opacity: 65%;
  pointer-events: none;
  margin: 0;
}

codex-vertical-list-part-front > part > .dragHandle {
  width: 100px;
  height: 30px;
}

codex-vertical-list-part-front > part > .dragHandle > mat-icon {
  bottom: 10px;
  position: absolute;
  right: 15px;
}

@keyframes append-animate {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.resizeHandle {
  display: none;
  visibility: hidden;
  width: 20px;
  height: 20px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.resizeHandle:hover .resizeHandleBullet {
  background-color: #9c38ff;
}

.resizeHandleBullet {
  border: 1px solid #9c38ff;
  border-radius: 15px;
  background-color: #ececf5;
  height: 10px;
  width: 10px;
  display: block;
  margin: auto;
  margin-top: calc(50% - 5px);
}

part:hover .resizeHandle,
part.multiSelectedPart .resizeHandle part.selectedPart .resizeHandle {
  visibility: visible;
  display: block;
}

.topResizeHandle {
  position: absolute;
  top: -10px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  cursor: n-resize;
}

.bottomResizeHandle {
  position: absolute;
  bottom: -10px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  cursor: s-resize;
}

.leftResizeHandle {
  position: absolute;
  left: -10px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  cursor: w-resize;
}

.rightResizeHandle {
  position: absolute;
  right: -10px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  cursor: e-resize;
}

.rightBottomResizeHandle {
  position: absolute;
  right: -10px;
  bottom: -10px;
  cursor: se-resize;
}

.rightTopResizeHandle {
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: ne-resize;
}

.leftBottomResizeHandle {
  position: absolute;
  left: -10px;
  bottom: -10px;
  cursor: sw-resize;
}

.leftTopResizeHandle {
  position: absolute;
  left: -10px;
  top: -10px;
  cursor: nw-resize;
}

/** STYLE CONFIG **/
.style-config mat-button-toggle-group,
.style-config mat-button-toggle {
  width: 100%;
}

/** PARTS **/
/** IMAGE PART **/
codex-image-part-front {
  width: 100%;
  height: 100%;
}
codex-image-part-front img {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
}

/** HORIZONTAL DIVIDER **/
codex-horizontal-divider-part-front mat-divider {
  width: 100%;
  top: 50%;
  position: absolute;
}

/** BAR CHART **/
codex-bar-chart-part-front {
  height: inherit;
  width: inherit;
  display: block;
}
codex-bar-chart-part-front div.chart {
  height: inherit;
  width: inherit;
  display: block;
}

.warn-tooltip .mdc-tooltip__surface {
  background-color: #ff003d !important;
}

.mobile-overlay{
  padding: 1rem;
}

.mobile-overlay:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-align: center;
  z-index: 9999;
  color: #cbd5e1;
}

.nocodex .mat-icon:not(template-grid *) {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1.875rem #000 inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: white !important;
}

body:not(template-grid *) {
  font-family: "Inter" !important;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

body.dark:not(template-grid *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

template-grid{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.mat-typography template-grid h1,
.mat-typography template-grid h2,
.mat-typography template-grid h3,
.mat-typography template-grid h4,
.mat-typography template-grid h5,
.mat-typography template-grid h6 {
  margin: 0 0 0 0;
}

.node-icon {
  height: 2.5rem !important;
  width: 2.5rem !important;
}

.icon {
  height: 1.25rem;
  width: 1.25rem;
}

svg.icon use.fill-ui-element{
  fill: #94a3b8;
}

.tabs-tab-active svg.icon use.ui-element {
  stroke: rgb(156, 56, 255);
}

svg.icon use.ui-element{
  stroke: #94a3b8;
}

button.button-medium svg.icon use.ui-element{
  stroke: #ffffff;
}

button svg.icon use.ui-element g path{
  stroke: #ffffff;
}

svg.icon use.ui-element g path{
  stroke: #94a3b8;
}

svg.icon use.ui-element path{
  fill: #94a3b8;
}

svg.icon use.material{
  fill: #94a3b8;
}

h1:not(template-grid *){
  flex-grow: 1;
  padding: 0px;
}

h1:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

h1:not(template-grid *){
  line-height: 1.75rem !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
}

h2:not(template-grid *){
  flex-grow: 1;
  padding: 0px;
}

h2:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

h2:not(template-grid *){
  line-height: 1.75rem !important;
  font-size: 1.875rem !important;
  font-weight: 700 !important;
}

h3:not(template-grid *){
  flex-grow: 1;
  padding: 0px;
}

h3:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

h3:not(template-grid *){
  line-height: 1.5rem !important;
  margin: 0px !important;
  font-size: 1.5rem;
}

h4:not(template-grid *){
  flex-grow: 1;
  padding: 0px;
}

h4:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

h4:not(template-grid *){
  line-height: 1.25rem !important;
  margin: 0px !important;
  font-size: 1.25rem;
}

p.large:not(template-grid *) {
  font-size: 1.125rem;
}

p:not(template-grid *) {
  font-size: 1rem;
}

p.small:not(template-grid *) {
  font-size: 0.875rem;
}

p.tiny:not(template-grid *) {
  font-size: 0.75rem;
}

p.micro:not(template-grid *) {
  font-size: 0.688rem;
}

.nocodex .button-extra-small mat-icon {
  height: 1rem;
  width: 1rem;
  font-size: 1rem;
}

.button-extra-small{
  height: 1.5rem;
  cursor: pointer;
  padding: 0.25rem !important;
}

.button-small{
  height: 1.75rem;
  cursor: pointer;
  padding: 0.375rem;
}

.button-medium{
  height: 2rem;
  cursor: pointer;
  padding: 0.5rem;
}

.button-medium svg{
  margin-right: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button-large{
  height: 2.25rem;
  cursor: pointer;
  padding: 0.625rem;
}

.button-extra-large{
  height: 2.5rem;
  cursor: pointer;
  padding: 0.75rem;
}

.button-group{
  margin-bottom: 0.5rem;
  display: flex;
  height: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding: 0.125rem;
  --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);
}

.button-group:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.button-group button{
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.button-group .button-group-button-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.button-group .button-group-button-selected:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.button-group-button-selected mat-icon{
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.button-group-button-selected svg use.ui-element{
  stroke: #9C38FF;
}

.primary-button{
  display: inline-flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.primary-button:hover{
  background-color: #DD7EFF15;
}

.primary-button: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);
  --tw-ring-color: #DD7EFF15;
  --tw-ring-offset-width: 2px;
}

.primary-button:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.primary-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(95 0 188 / var(--tw-bg-opacity));
}

.primary-button:focus:is(.dark *){
  --tw-ring-color: #FFFFFF33;
  --tw-ring-offset-color: #020617;
}

.text-button{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(221 126 255 / var(--tw-text-opacity));
}

.text-button svg.icon use.ui-element{
  stroke: #DD7EFF;
}

[data-tooltip-style^='light'] + .primary-button-tooltip > .tooltip-arrow:before{
  border-style: solid;
  border-color: #e5e7eb;
}

[data-tooltip-style^='light'] + .primary-button-tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-tooltip-style^='light'] + .primary-button-tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .primary-button-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .primary-button-tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-right-width: 1px;
}

.primary-button-tooltip[data-popper-placement^='top'] > .tooltip-arrow{
  bottom: -4px;
}

.primary-button-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
  top: -4px;
}

.primary-button-tooltip[data-popper-placement^='left'] > .tooltip-arrow{
  right: -4px;
}

.primary-button-tooltip[data-popper-placement^='right'] > .tooltip-arrow{
  left: -4px;
}

.primary-button-tooltip.invisible > .tooltip-arrow:before{
  visibility: hidden;
}

.tooltip.primary-button-tooltip > .tooltip-arrow:before{
  visibility: hidden;
}

[role="tooltip"].primary-button-tooltip > [data-popper-arrow]:before{
  visibility: hidden;
}

[role="tooltip"].primary-button-tooltip > [data-popper-arrow]:after{
  visibility: hidden;
}

.primary-button-tooltip{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  display: inline-block;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  --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);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
  border-width: 1px !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem !important;
}

.primary-button-tooltip:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

[data-tooltip-style^='light'] + .secondary-button-tooltip > .tooltip-arrow:before{
  border-style: solid;
  border-color: #e5e7eb;
}

[data-tooltip-style^='light'] + .secondary-button-tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-tooltip-style^='light'] + .secondary-button-tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .secondary-button-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .secondary-button-tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-right-width: 1px;
}

.secondary-button-tooltip[data-popper-placement^='top'] > .tooltip-arrow{
  bottom: -4px;
}

.secondary-button-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
  top: -4px;
}

.secondary-button-tooltip[data-popper-placement^='left'] > .tooltip-arrow{
  right: -4px;
}

.secondary-button-tooltip[data-popper-placement^='right'] > .tooltip-arrow{
  left: -4px;
}

.secondary-button-tooltip.invisible > .tooltip-arrow:before{
  visibility: hidden;
}

.tooltip.secondary-button-tooltip > .tooltip-arrow:before{
  visibility: hidden;
}

[role="tooltip"].secondary-button-tooltip > [data-popper-arrow]:before{
  visibility: hidden;
}

[role="tooltip"].secondary-button-tooltip > [data-popper-arrow]:after{
  visibility: hidden;
}

.secondary-button-tooltip{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  display: inline-block;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  --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);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
  border-width: 1px !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem !important;
}

.secondary-button-tooltip:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.secondary-button{
  display: inline-flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.secondary-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.secondary-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.secondary-button:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.secondary-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.secondary-button:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

.secondary-icon-button{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(26 86 219 / var(--tw-border-opacity));
  padding: 0.625rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(26 86 219 / var(--tw-text-opacity));
}

.secondary-icon-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.secondary-icon-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.secondary-icon-button:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.secondary-icon-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.secondary-icon-button:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

.destructive-icon-button{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(26 86 219 / var(--tw-border-opacity));
  padding: 0.625rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(26 86 219 / var(--tw-text-opacity));
}

.destructive-icon-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 139 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.destructive-icon-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.destructive-icon-button:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.destructive-icon-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 139 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.destructive-icon-button:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

.simple-icon-button{
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.simple-icon-button:hover{
  --tw-text-opacity: 1;
  color: rgb(221 126 255 / var(--tw-text-opacity));
}

.icon-button{
  cursor: pointer;
}

.icon-button use.ui-element{
  stroke: #cbd5e1;
}

.icon-button:hover use.ui-element{
  stroke: #9C38FF;
}

.icon-button:hover use.fill-ui-element{
  fill: #9C38FF;
}

.icon-button use.material{
  fill: #cbd5e1;
}

.icon-button:hover use.material{
  fill: #9C38FF;
}

.simple-destructive-icon-button{
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(255 0 61 / var(--tw-text-opacity));
}

.simple-destructive-icon-button:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 139 / var(--tw-text-opacity));
}

.simple-destructive-icon-button:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 0 61 / var(--tw-text-opacity));
}

.simple-destructive-icon-button:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 102 139 / var(--tw-text-opacity));
}

[data-tooltip-style^='light'] + .destructive-button-tooltip > .tooltip-arrow:before{
  border-style: solid;
  border-color: #e5e7eb;
}

[data-tooltip-style^='light'] + .destructive-button-tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-right-width: 1px;
}

[data-tooltip-style^='light'] + .destructive-button-tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .destructive-button-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-tooltip-style^='light'] + .destructive-button-tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
  border-top-width: 1px;
  border-right-width: 1px;
}

.destructive-button-tooltip[data-popper-placement^='top'] > .tooltip-arrow{
  bottom: -4px;
}

.destructive-button-tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
  top: -4px;
}

.destructive-button-tooltip[data-popper-placement^='left'] > .tooltip-arrow{
  right: -4px;
}

.destructive-button-tooltip[data-popper-placement^='right'] > .tooltip-arrow{
  left: -4px;
}

.destructive-button-tooltip.invisible > .tooltip-arrow:before{
  visibility: hidden;
}

.tooltip.destructive-button-tooltip > .tooltip-arrow:before{
  visibility: hidden;
}

[role="tooltip"].destructive-button-tooltip > [data-popper-arrow]:before{
  visibility: hidden;
}

[role="tooltip"].destructive-button-tooltip > [data-popper-arrow]:after{
  visibility: hidden;
}

.destructive-button-tooltip{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  display: inline-block;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  --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);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
  border-width: 1px !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem !important;
}

.destructive-button-tooltip:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.destructive-button{
  display: inline-flex;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(200 30 30 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.destructive-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(155 28 28 / var(--tw-bg-opacity));
}

.destructive-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity));
}

.destructive-button:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(224 36 36 / var(--tw-bg-opacity));
}

.destructive-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}

.destructive-button:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity));
}

.buttonContainer{
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
}

.dropdown-items{
  width: 16rem;
}

.dropdown-items > :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));
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.dropdown-items{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --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);
}

.dropdown-items:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dropdown-items {
  z-index: 1000;
}

.dropdown-items-wrapper{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.dropdown-items-wrapper:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.dropdown-item{
  display: block;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.dropdown-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.dropdown-item:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

template-edit,
codex-action-edit,
codex-application-overview{
  height: 100%;
  flex-grow: 1;
}

codex-application-overview {
  height: inherit;
}

codex-data-edit,
codex-data-format-page,
codex-api-edit,
codex-media,
codex-edit-role-page,
codex-edit-group-page,
codex-job-edit,
app-design-system-detail{
  flex-grow: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 1rem;
}

codex-data-edit:is(.dark *),
codex-data-format-page:is(.dark *),
codex-api-edit:is(.dark *),
codex-media:is(.dark *),
codex-edit-role-page:is(.dark *),
codex-edit-group-page:is(.dark *),
codex-job-edit:is(.dark *),
app-design-system-detail:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

codex-data-edit-form{
  display: block;
  height: 100%;
}

codex-data-edit-form > form{
  display: flex;
  height: 100%;
  flex-direction: column;
}

codex-data-edit-form > form > ngx-monaco-editor,
codex-data-create-form > form > ngx-monaco-editor,
app-html-part-code-editor ngx-monaco-editor{
  flex-grow: 1;
}

codex-data-edit-form .monaco-editor,
codex-data-create-form .monaco-editor,
codex-action-outputs .monaco-editor{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

codex-data-edit-form .monaco-editor:is(.dark *),
codex-data-create-form .monaco-editor:is(.dark *),
codex-action-outputs .monaco-editor:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

codex-data-edit-form .monaco-editor,
codex-data-edit-form .monaco-editor .overflow-guard,
codex-action-outputs .monaco-editor,
codex-action-outputs .monaco-editor .overflow-guard,
codex-data-create-form .monaco-editor,
codex-data-create-form .monaco-editor .overflow-guard{
  border-radius: 0.5rem;
}

codex-data-edit-form .monaco-editor .minimap-decorations-layer,
codex-data-create-form .monaco-editor .minimap-decorations-layer,
codex-action-outputs .monaco-editor .minimap-decorations-layer{
  width: 16rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0px !important;
}

codex-data-edit-form .monaco-editor,
codex-data-edit-form .monaco-editor-background,
codex-data-edit-form .monaco-editor .margin,
codex-data-create-form .monaco-editor,
codex-data-create-form .monaco-editor-background,
codex-data-create-form .monaco-editor .margin,
codex-action-outputs .monaco-editor,
codex-action-outputs .monaco-editor-background,
codex-action-outputs .monaco-editor .margin{
  width: 16rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0px !important;
}

.content-container{
  display: flex;
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
  border-width: 1px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.accordion-heading-first.content-container {
  border-top: 0rem;
}

.content-container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

codex-console-page{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}

.toolpane .picker codex-console-page {
  height: 350px;
}

codex-console-page{
  overflow-y: auto;
}

codex-console-page::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

codex-console-page::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

codex-console-page:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.action-editor #editor-tab-content {
  overflow: hidden;
}

#editor-tab-content{
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.editor-tab-panel{
  height: 100%;
  border-radius: 0.5rem;
  background-color: transparent;
}

.editor-tab-wrapper:has(> codex-action-edit),
.editor-tab-wrapper:has(> template-edit){
  height: 100%;
}

.editor-tab-wrapper{
  display: flex;
  min-height: 100%;
  border-radius: 0.5rem;
  background-color: transparent;
}

.content-header{
  display: flex;
  height: 3rem;
  flex: none;
  justify-content: space-between;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.content-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.content-right-navigation,
.content-navigation{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.content-workspace-navigation{
  display: flex;
  gap: 0.25rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-right: 0.25rem;
}

.content-workspace-navigation:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.workspace-selector-icon-wrapper{
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: #DD7EFF15;
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

codex-company-selector{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-right: 0.25rem;
}

codex-company-selector:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.content-right-navigation .link:hover,
.generative-container .link:hover,
.application-overview-node .link:hover,
.application-overview-customer-journey-node .link:hover,
template-edit .link:not(template-grid *):hover,
codex-application-overview .link:hover,
codex-search-data-dialog .link:hover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: #DD7EFF15;
}

.content-right-navigation .link:hover:is(.dark *),
.generative-container .link:hover:is(.dark *),
.application-overview-node .link:hover:is(.dark *),
.application-overview-customer-journey-node .link:hover:is(.dark *),
template-edit .link:not(template-grid *):hover:is(.dark *),
codex-application-overview .link:hover:is(.dark *),
codex-search-data-dialog .link:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.content-right-navigation .link:hover svg use,
.generative-container .link:hover svg use,
.application-overview-node .link:hover svg use,
.application-overview-customer-journey-node svg use,
template-edit .link:not(template-grid *):hover svg use,
codex-action-edit .link:hover svg use,
codex-method-picker .link:hover svg use,
codex-application-overview .link:hover svg use,
codex-search-data-dialog .link:hover svg use{
  stroke: #9C38FF;
}

.content-right-navigation .link,
.generative-container .link,
.application-overview-node .link,
.application-overview-customer-journey-node .link,
template-edit .link:not(template-grid *),
codex-application-overview .link,
codex-search-data-dialog .link{
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: transparent;
  padding: 0.25rem;
}

.application-overview-node .link,
.application-overview-customer-journey-node .link{
  border-radius: 9999px;
  padding: 0.33rem;
}

.action-container .link,
template-edit .link:not(template-grid *),
codex-application-overview .link{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.action-container .link:is(.dark *),
template-edit .link:not(template-grid *):is(.dark *),
codex-application-overview .link:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

codex-application-overview .link:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

template-edit .link:not(template-grid *):not(template-grid *):hover{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

codex-method-picker .link:hover{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

codex-action-edit .link:hover{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

template-edit .link:not(template-grid *),
codex-action-edit .link{
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

template-edit .link:not(template-grid *):is(.dark *),
codex-action-edit .link:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.content-right-navigation .link mat-icon{
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.avatar-content {
  font-family: "Inter" !important;
}

.sidenav{
  display: flex;
  height: 100%;
  width: 3rem;
  flex-direction: column;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.sidenav:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.sidenav-items{
  display: flex;
  height: 100%;
  width: 1.875rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

.sidenav-item-wrapper{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.sidenav-item-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.sidenav-items .link{
  height: 1.875rem;
  width: 1.875rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.sidenav-items .link:hover{
  background-color: #DD7EFF15;
}

.sidenav-items .link:is(.dark *){
  color: #DD7EFF15;
}

.sidenav-items .link:hover svg.icon use.ui-element{
  stroke: #9C38FF;
}

.sidenav-items .link:hover svg.icon use.material,
.sidenav-items .link:hover svg.icon use.fill-ui-element{
  fill: #9C38FF;
}

.sidenav .link,
.content-navigation .link{
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.sidenav .link:is(.dark *),
.content-navigation .link:is(.dark *){
  color: #DD7EFF15;
}

authenticated{
  display: flex;
  height: 100vh;
}

.logo{
  width: 1.5rem;
}

.logo-wrapper{
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  flex-grow: 0;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.logo-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

textarea.small-input,
textarea.alt-small-input {
  height: 8em;
}

.input-button-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input-button-container .small-input {
  padding-right: 2rem; /* Adjust for the width of the SVG */
  width: 100%; /* Adjust as needed */
  box-sizing: border-box; /* Include padding in width calculation */
}

.input-button-container .input-button {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.input-button-container .input-button:hover .ui-element{
  stroke: #9C38FF;
}

.input-button-container .input-button:hover .ui-element:is(.dark *){
  stroke: #7A00F3;
}

.alt-small-input{
  margin-bottom: 0.5rem;
  display: block;
  height: 2.125rem;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alt-small-input:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.alt-small-input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alt-small-input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.alt-small-input:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

codex-part-style-wrapper .small-input{
  max-width: 6.25rem;
}

codex-part-style-wrapper select.small-input{
  max-width: 11.25rem;
}

.small-input{
  margin-bottom: 0.5rem;
  display: block;
  height: 2.125rem;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-input:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-input:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.small-input:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-dropdown-button-no-border {
  border: none;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-dropdown-button-no-border:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-dropdown-button-no-border:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-dropdown-button-no-border:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-dropdown-button-no-border {
  height: calc(2.125rem - 2px);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.small-dropdown-button{
  display: flex;
  height: 2.125rem;
  width: 100%;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-dropdown-button:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-dropdown-button:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-dropdown-button:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.dropdown-above{
  position: absolute;
  bottom: 100%;
  margin-bottom: 0.5rem;
}

.dropdown-below{
  position: absolute;
  top: 100%;
  margin-top: 0.5rem;
}

.dropdown-above,
.dropdown-below{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.small-dropdown-items{
  position: absolute;
  right: 0px;
  max-height: 300px;
  width: fit-content;
  min-width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.toolpane .picker .small-dropdown-items {
  height: 350px;
}

.small-dropdown-items{
  overflow-y: auto;
}

.small-dropdown-items::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.small-dropdown-items::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.small-dropdown-items:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.small-dropdown-items {
  z-index: 1000;
}

.dropdown-search-input{
  width: fit-content;
  min-width: 100%;
  border-width: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown-search-input:focus{
  border-color: #DD7EFF15;
}

.dropdown-search-input:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.dropdown-search-input {
  z-index: 1000;
}

.small-dropdown-item{
  display: block;
  cursor: pointer;
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-dropdown-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.small-number-input{
  max-width: 4.375rem;
}

.small-viewport-selector{
  margin-bottom: 0.5rem;
}

.small-color-picker{
  margin-bottom: 0.5rem;
  max-width: 11.25rem;
}

.small-number-wrapper,
.small-text-wrapper,
.small-dropdown-wrapper,
.small-color-picker-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

label.small-input-label-with-override-options {
  justify-content: center;
  align-items: center;
  justify-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

label.small-input-label-with-override-options:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

label.responsive:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

label.responsive {
  color: #dfad00 !important;
}

.small-input-left-part::-webkit-search-decoration,
.small-input-left-part::-webkit-search-cancel-button,
.small-input-left-part::-webkit-search-results-button,
.small-input-left-part::-webkit-search-results-decoration {
  display: none;
}

.small-input-left-part::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.small-input-left-part::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.small-input-left-part{
  display: block;
  width: 100%;
  border-radius: 0px;
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  appearance: textfield;
}

.small-input-left-part:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-input-left-part:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-input-left-part:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.small-input-left-part:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-input-left-part::-webkit-inner-spin-button{
  appearance: none;
}

.small-input-left-part::-webkit-outer-spin-button{
  appearance: none;
}

select.small-input-right-part:not([size]) {
  background-position: right 0.5rem center;
  padding-right: 1.25rem;
}

select option:hover,
select option:focus,
select option:active{
  background-color: #DD7EFF15;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

select option:checked{
  background-color: #DD7EFF15;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.small-input-right-part{
  display: block;
  width: 100%;
  flex: 1 1 0%;
  border-radius: 0px;
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}

.small-input-right-part:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-input-right-part:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

.small-input-right-part:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.small-input-right-part:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.small-input-right-part{
  padding-right: 0.25rem;
}

.small-input-label{
  position: relative;
  margin-bottom: 0.5rem;
  display: block;
  display: flex;
  width: fit-content;
  gap: 0.25rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.small-input-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.errorState .small-input-label{
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

.errorState .small-input-label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

.errorState .mat-mdc-form-field-type-mat-select:not(template-grid *),
.errorState .small-input{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 102 139 / var(--tw-border-opacity)) !important;
}

.small-input-error{
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

.small-input-error:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

.small-input-hint{
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.small-input-hint:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.checkbox{
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.checkbox: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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.checkbox:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(122 0 243 / var(--tw-text-opacity));
  --tw-ring-offset-color: #1F2937;
}

.checkbox:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

.toggle-line{
  margin-bottom: 0.5rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.toggle-line:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.toggle-line .toggle{
  position: relative;
  height: 0.875rem;
  width: 1.5rem;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.toggle-line .toggle::after{
  position: absolute;
  top: 0.125rem;
  inset-inline-start: 0.125rem;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: "";
  content: var(--tw-content);
}

.toggle-line .toggle:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.input-group{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.input-group .input{
  flex-grow: 1;
}

.input-group .small-input{
  margin-bottom: 0px;
}

template-edit,
codex-action-edit{
  position: relative;
}

.left-drawer-action{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 40;
  display: flex;
  height: 100%;
  width: fit-content;
  flex-direction: column;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding-bottom: 0.5rem;
}

.left-drawer-action:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.left-drawer-action{
  padding: 0px !important;
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.left-drawer{
  position: absolute;
  top: 0px;
  left: 21.75rem;
  z-index: 40;
  display: flex;
  height: 100%;
  width: 21.75rem;
  --tw-translate-x: -100%;
  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));
  flex-direction: column;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding-bottom: 0.5rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.left-drawer:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.left-drawer{
  padding: 0px !important;
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.right-drawer{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 40;
  display: flex;
  height: 100%;
  width: 20rem;
  flex-direction: column;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding-bottom: 0.5rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.right-drawer:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.right-drawer{
  padding: 0px !important;
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.right-drawer-block.right-drawer-block-full{
  height: 100%;
}

codex-action-edit .left-drawer-block {
  max-width: 450px;
}

.left-drawer-block,
.right-drawer-block{
  height: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}

.toolpane .picker .left-drawer-block,.toolpane .picker 
.right-drawer-block {
  height: 350px;
}

.left-drawer-block,
.right-drawer-block{
  overflow-y: auto;
}

.left-drawer-block::-webkit-scrollbar,
.right-drawer-block::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.left-drawer-block::-webkit-scrollbar-thumb,
.right-drawer-block::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.left-drawer-block:hover::-webkit-scrollbar-thumb,
.right-drawer-block:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.left-drawer-block,
.right-drawer-block{
  margin-bottom: 0px !important;
}

.left-drawer-block-height {
  height: calc(100% - 100px);
}

.left-drawer-seperator,
.right-drawer-seperator{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  height: 1px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.left-drawer-seperator:is(.dark *),
.right-drawer-seperator:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.drawer-title{
  display: flex;
  height: 3rem;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.drawer-title:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.drawer-search-section{
  display: flex;
  height: 3rem;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}

.accordion-heading{
  display: flex;
  height: 2.5rem;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.accordion-heading:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.accordion-heading:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.accordion-heading:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.accordion-heading:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}

.alt-accordion-heading{
  display: flex;
  height: 2.5rem;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.alt-accordion-heading:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alt-accordion-heading:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.alt-accordion-heading:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.alt-accordion-heading:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}

.accordion-heading-first:not(.accordion-heading-last){
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
}

.accordion-heading-first:not(.accordion-heading-last):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.accordion-heading-first:not(.accordion-heading-last):where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}

.accordion-heading-first:not(.accordion-heading-last){
  border-top-width: 1px !important;
}

.accordion-heading-first.border-t-0 {
  border-top: 0rem;
}

.accordion-heading-icon{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  word-break: break-all;
}

.accordion-heading-button{
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.accordion-heading-button:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.destructive-accordion-heading-button{
  --tw-text-opacity: 1;
  color: rgb(255 0 61 / var(--tw-text-opacity));
}

.destructive-accordion-heading-button:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 0 61 / var(--tw-text-opacity));
}

.destructive-accordion-heading-button use{
  stroke: #FF003D;
}

.destructive-accordion-heading-button use:is(.dark *){
  stroke: #FF003D;
}

.accordion-heading-last{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
}

.accordion-heading-last:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.accordion-heading-last:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}

.accordion-panel{
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.accordion-panel:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.accordion-panel h5{
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 1rem !important;
}

.accordion-borderless .accordion-panel:not(.accordion-border > *),
.accordion-borderless .accordion-heading:not(.accordion-border > h3 > *){
  border-left-width: 0px;
  border-right-width: 0px;
}

.accordion-borderless .accordion-heading:not(.accordion-border > h3 > *){
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
}

.accordion-heading-first.accordion-borderless .accordion-heading:not(.accordion-border > h3 > *) {
  border-top: 0rem;
}

.accordion-panel-last{
  border-bottom-width: 1px;
  border-top-width: 0px;
}

.accordion-heading-first.accordion-panel-last {
  border-top: 0rem;
}

.gridContainer.currentTool-selection{
  cursor: default;
}

.gridContainer.currentTool-panning{
  cursor: grab;
}

.gridContainer{
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #09090b;
}

.template-specific-actions,
.action-specific-actions{
  position: fixed;
  top: 0.75rem;
  left: 50%;
  margin-left: -7.813rem;
  z-index: 999;
}

.template-specific-actions .screensize-selector svg,
.template-specific-actions .toolbox-controls svg{
  cursor: pointer;
}

.template-specific-actions .screensize-selector,
.template-specific-actions .toolbox-controls{
  display: flex;
  gap: 1rem;
}

.template-specific-actions .extra-menu,
.action-specific-actions .extra-menu{
  display: flex;
  gap: 0.5rem;
}

.template-specific-actions .screensize-selector svg:hover use.ui-element{
  stroke: #9C38FF;
}

.template-specific-actions .screensize-selector svg:hover use.ui-element:is(.dark *){
  stroke: #7A00F3;
}

.template-specific-actions .screensize-selector svg:hover use.material{
  fill: #9C38FF;
}

.template-specific-actions .screensize-selector svg:hover use.material:is(.dark *){
  fill: #7A00F3;
}

.template-specific-actions .selected-screen-size use.ui-element,
.template-specific-actions .current-tool use.ui-element{
  stroke: #9C38FF;
}

.template-specific-actions .selected-screen-size use.ui-element:is(.dark *),
.template-specific-actions .current-tool use.ui-element:is(.dark *){
  stroke: #7A00F3;
}

.template-specific-actions .selected-screen-size use.material,
.template-specific-actions .current-tool use.material{
  fill: #9C38FF;
}

.template-specific-actions .selected-screen-size use.material:is(.dark *),
.template-specific-actions .current-tool use.material:is(.dark *){
  fill: #7A00F3;
}

.ghost-drag {
  position: absolute;
  pointer-events: none;
  background-color: #ececf5;
  border: 0.063rem solid #9c38ff;
  border-radius: 0.188rem;
  opacity: 65%;
  z-index: 999999;
}

.invocation-settings,
.part-settings,
.edge-settings,
.invocation-log-lines{
  position: relative;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  z-index: 1;
}

.left-drawer.left-template-pickers{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  z-index: 1;
}

.left-template-pickers .alt-tabs-header-wrapper{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.invocation-settings-title,
.edge-settings-title,
.part-settings-title,
.invocation-log-lines-title{
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  padding: 1rem;
}

.invocation-settings-title .invocation-icon{
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
  font-size: 1.813rem;
}

.part-settings-title .part-icon,
.invocation-log-lines-title .invocation-log-lines-icon{
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.part-settings-title .part-icon use,
.invocation-log-lines-title .invocation-log-lines-icon use{
  stroke: #9C38FF !important;
}

#part-settings,
#invocation-settings,
#edge-settings,
#invocation-log-lines {
  z-index: 999;
}

#invocation-settings #arrow,
#edge-settings #edge-arrow,
#part-settings #arrow,
#invocation-log-lines #invocation-log-lines-arrow{
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  height: 1.563rem;
  width: 1.563rem;
  z-index: 0;
  transform: rotate(45deg);
}

.edge-settings-body{
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.toolpane .picker .edge-settings-body {
  height: 350px;
}

.edge-settings-body{
  overflow-y: auto;
}

.edge-settings-body::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.edge-settings-body::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.edge-settings-body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.edge-settings-body {
  overflow: auto;
}

#invocation-configuration-arguments,
#action-configuration-parameters,
#action-configuration-output {
  height: calc(100vh - 227px);
  overflow: auto;
}

.toolpane .picker #invocation-configuration-arguments,.toolpane .picker 
#action-configuration-parameters,.toolpane .picker 
#action-configuration-output {
  height: 350px;
}

#invocation-configuration-arguments,
#action-configuration-parameters,
#action-configuration-output{
  overflow-y: auto;
}

#invocation-configuration-arguments::-webkit-scrollbar,
#action-configuration-parameters::-webkit-scrollbar,
#action-configuration-output::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

#invocation-configuration-arguments::-webkit-scrollbar-thumb,
#action-configuration-parameters::-webkit-scrollbar-thumb,
#action-configuration-output::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

#invocation-configuration-arguments:hover::-webkit-scrollbar-thumb,
#action-configuration-parameters:hover::-webkit-scrollbar-thumb,
#action-configuration-output:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

#accordion-action-selection-edge-body {
  max-height: 18.75rem;
  overflow: auto;
}

.toolpane .picker #accordion-action-selection-edge-body {
  height: 350px;
}

#accordion-action-selection-edge-body{
  overflow-y: auto;
}

#accordion-action-selection-edge-body::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

#accordion-action-selection-edge-body::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

#accordion-action-selection-edge-body:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.actionGrid canvas{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.actionGrid canvas:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.actionGrid canvas {
  background-color: #020617;
}

.actionGrid .edgeLabel{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.actionGrid .edgeLabel:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.actionGrid .edgeLabel {
  font-family: Inter;
}

.actionGrid .invocation .invocationIcon{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: #1e293b;
}

.actionGrid .invocation .invocationIcon i{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.actionGrid .invocation{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.actionGrid .invocation:hover{
  background-color: #DD7EFF15;
}

.actionGrid .invocation:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.actionGrid .invocation:hover:is(.dark *){
  background-color: #DD7EFF15;
}

.actionGrid .invocation {
  border: 0.063rem solid rgba(128, 0, 255, 0.75);
  background-color: #0f172a;
  height: calc(100% - 0.938rem);
  margin: 0.438rem;
}

.actionGrid .invocation-settings{
  position: absolute;
  height: 12.5rem;
  width: 12.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  right: -12.5rem;
  top: -3.75rem;
}

.actionGrid .invocation.selected {
  background-color: rgba(128, 0, 255, 0.1);
  background-image: none;
  animation: glow 1200ms ease-out infinite alternate;
}

.actionGrid .invocation .invocation-log-lines-button {
  position: absolute;
  right: -0.313rem;
  top: -0.313rem;
  border-radius: 1.875rem;
  display: none;
  padding: 0.313rem;
}

.actionGrid .invocation .invocation-log-lines-button svg.icon use.fill-ui-element{
  fill: #ffffff;
}

.actionGrid .invocation.log-line .invocation-log-lines-button {
  display: block;
}

.actionGrid .invocation.log-ERROR .invocation-log-lines-button {
  background-color: #ff003d;
}

.actionGrid .invocation.log-ERROR {
  border: 0.063rem solid #ff003d;
}

.actionGrid .invocation.log-WARN .invocation-log-lines-button {
  background-color: #ff7a00;
}

.actionGrid .invocation.log-WARN {
  border: 0.063rem solid #ff7a00;
}

.actionGrid .invocation.log-DEBUG .invocation-log-lines-button {
  background-color: #bbbbbb;
}

.actionGrid .invocation.log-DEBUG {
  border: 0.063rem solid #bbbbbb;
}

.actionGrid .invocation.log-INFO .invocation-log-lines-button {
  background-color: #2b74cd;
}

.actionGrid .invocation.log-INFO {
  border: 0.063rem solid #2b74cd;
}

.actionGrid .invocation.log-TRACE {
  border: 0.063rem solid #bbbbbb;
}

.actionGrid .invocation.log-TRACE .invocation-log-lines-button {
  background-color: #bbbbbb;
}

.actionGrid .invocation.new-invocation,
template-grid part {
  animation: bounce-in 400ms ease-out;
}

.actionGrid .invocation.remove-invocation,
template-grid part.remove-part {
  animation: fade-out-right 400ms ease-out;
  opacity: 0%;
}

@keyframes fade-out-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(1.25rem);
  }
}
.f-connection-path {
  stroke-width: 2px;
  stroke-dasharray: 5, 5;
  animation: dash_flow 5s linear infinite;
}

@keyframes dash_flow {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes glow-bottom {
  0% {
    border-color: rgba(128, 0, 255, 0.4);
  }
  100% {
    border-color: rgb(128, 0, 255);
  }
}
@keyframes glow {
  0% {
    border-color: rgba(128, 0, 255, 0.4);
    box-shadow: 0 0 0.313rem rgba(128, 0, 255, 0.2), inset 0 0 0.313rem rgba(128, 0, 255, 0.1), 0 0.125rem 0 #000;
  }
  100% {
    border-color: rgb(128, 0, 255);
    box-shadow: 0 0 1.25rem rgba(128, 0, 255, 0.6), inset 0 0 0.625rem rgba(128, 0, 255, 0.4), 0 0.125rem 0 #000;
  }
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.actionGrid .invocation .invocation-actions{
  display: flex;
  gap: 0.25rem;
}

.actionGrid .invocation .invocation-actions li{
  display: grid;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  place-items: center;
  border-radius: 0.5rem;
  border-style: none;
}

.actionGrid .invocation .invocation-actions li.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.actionGrid .invocation .invocation-actions li {
  background-color: #1e293b;
}

.actionGrid .invocation .invocation-actions li:hover {
  background-color: #1e1e1e;
}

.actionGrid .invocation .invocationLabel{
  display: flex;
  height: fit-content;
  width: fit-content;
  flex-shrink: 1;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.actionGrid .invocation .invocationName{
  height: fit-content;
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  padding-left: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.actionGrid .invocation .invocationName:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.actionGrid .invocation .invocationName {
  font-family: "Inter";
}

.actionGrid .invocation .invocationName div{
  text-wrap: wrap;
}

.actionGrid .invocation .invocationName .functionName{
  font-size: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.actionGrid .invocation .invocationName .functionName:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.draggables-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.draggables-grid.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.draggables-list{
  display: flex;
  flex-direction: column;
}

.draggable-list-header{
  margin: 0.125rem;
  margin-left: 0.25rem;
  margin-right: 1rem;
  display: flex;
  height: 1.875rem;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.draggable-list-header:hover{
  background-color: #DD7EFF15;
}

.draggable-list-header {
  color: #cbd5e1;
}

.navigator-node.selected,
.draggable-list-header.selected{
  background-color: #DD7EFF15;
}

.draggable-list-header svg {
  stroke: #cbd5e1;
}

.draggable-list-item .invocationIcon{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-size: 0.625rem;
  background-color: #1e293b;
}

.draggable-list-item .invocationIcon mat-icon{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
  font-size: 1rem;
  height: 16px;
  width: 16px;
}

.draggable-list-item-title {
  text-align: left;
}

.draggable-list-item{
  margin: 0.125rem;
  margin-left: 0.25rem;
  margin-right: 1rem;
  display: flex;
  height: 1.875rem;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.draggable-list-item:hover{
  background-color: #DD7EFF15;
}

.draggable-list-item {
  color: #cbd5e1;
}

.draggable-card{
  display: block;
  display: flex;
  height: 5.188rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background-color: transparent;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 1rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.draggable-card:hover{
  background-color: #DD7EFF15;
}

.draggable-card:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.draggable-card:hover:is(.dark *){
  background-color: #DD7EFF15;
}

.draggable-card mat-icon{
  height: 2rem;
  width: 2rem;
  --tw-text-opacity: 1;
  color: rgb(221 126 255 / var(--tw-text-opacity));
  font-size: 2rem;
}

.draggable-card-title{
  display: block;
  padding-top: 0.25rem;
  font-size: 0.625rem;
  line-height: .75rem;
}

float-ui-content {
  z-index: 99999;
}

.float-ui-container {
  border: none !important;
  padding: 0rem !important;
  box-shadow: none !important;
}

.popover{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.popover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.popover {
  max-width: 450px;
}

.tooltip{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
  border-width: 1px !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem !important;
}

.tooltip.draggable-card-popover > .tooltip-arrow:before{
  visibility: hidden;
}

[role="tooltip"].draggable-card-popover > [data-popper-arrow]:before{
  visibility: hidden;
}

[role="tooltip"].draggable-card-popover > [data-popper-arrow]:after{
  visibility: hidden;
}

.draggable-card-popover{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  display: inline-block;
  width: 16rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.draggable-card-popover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.draggable-card-popover-title-without-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.draggable-card-popover-title{
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.draggable-card-popover-description{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.draggable-card-popover-description:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.draggable-card-popover-title-element{
  font-weight: 600;
}

.draggable-card-popover-title-element:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.draggable-card-popover-title-element {
  font-size: 14px;
}

.draggable-card-help{
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}

.template-search,
.api-search,
.dataformat-search,
.data-search,
.job-search,
.media-search,
.action-search,
.toolpane mat-expansion-panel{
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.template-search:is(.dark *),
.api-search:is(.dark *),
.dataformat-search:is(.dark *),
.data-search:is(.dark *),
.job-search:is(.dark *),
.media-search:is(.dark *),
.action-search:is(.dark *),
.toolpane mat-expansion-panel:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.template-search,
.api-search,
.dataformat-search,
.data-search,
.job-search,
.media-search,
.action-search {
  max-height: 95vh !important;
}

.toolpane .picker .template-search,.toolpane .picker 
.api-search,.toolpane .picker 
.dataformat-search,.toolpane .picker 
.data-search,.toolpane .picker 
.job-search,.toolpane .picker 
.media-search,.toolpane .picker 
.action-search {
  height: 350px;
}

.template-search,
.api-search,
.dataformat-search,
.data-search,
.job-search,
.media-search,
.action-search{
  overflow-y: auto;
}

.template-search::-webkit-scrollbar,
.api-search::-webkit-scrollbar,
.dataformat-search::-webkit-scrollbar,
.data-search::-webkit-scrollbar,
.job-search::-webkit-scrollbar,
.media-search::-webkit-scrollbar,
.action-search::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.template-search::-webkit-scrollbar-thumb,
.api-search::-webkit-scrollbar-thumb,
.dataformat-search::-webkit-scrollbar-thumb,
.data-search::-webkit-scrollbar-thumb,
.job-search::-webkit-scrollbar-thumb,
.media-search::-webkit-scrollbar-thumb,
.action-search::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.template-search:hover::-webkit-scrollbar-thumb,
.api-search:hover::-webkit-scrollbar-thumb,
.dataformat-search:hover::-webkit-scrollbar-thumb,
.data-search:hover::-webkit-scrollbar-thumb,
.job-search:hover::-webkit-scrollbar-thumb,
.media-search:hover::-webkit-scrollbar-thumb,
.action-search:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.search-results-wrapper{
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}

mat-paginator:not(template-grid *){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

mat-paginator:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

mat-paginator:not(template-grid *){
  background-color: transparent !important;
}

mat-paginator:not(template-grid *) .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon{
  fill: #6B7280;
}

mat-paginator:not(template-grid *) .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon:is(.dark *){
  fill: #9CA3AF;
}

mat-paginator:not(template-grid *) .mat-mdc-paginator-icon{
  fill: #111827;
}

mat-paginator:not(template-grid *) .mat-mdc-paginator-icon:is(.dark *){
  fill: #ffffff;
}

.overview-items{
  display: flex;
  width: 70%;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.063rem;
  padding-right: 0.25rem;
}

.toolpane .picker .overview-items {
  height: 350px;
}

.overview-items{
  overflow-y: auto;
}

.overview-items::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.overview-items::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.overview-items:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.overview-items-full{
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.063rem;
  padding-right: 0.25rem;
}

.overview-item:not(.overview-item-progress-wrapper *){
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.overview-item:not(.overview-item-progress-wrapper *):is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(51 65 85 / var(--tw-border-opacity)) !important;
}

.overview-item:not(.overview-item-progress-wrapper *){
  border-radius: 0.5rem !important;
  height: 3.125rem;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --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);
}

.overview-item:not(.overview-item-progress-wrapper *):hover{
  background-color: #DD7EFF15;
}

.overview-item:not(.overview-item-progress-wrapper *):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.overview-item:not(.overview-item-progress-wrapper *):hover:is(.dark *){
  background-color: #DD7EFF15;
}

.overview-item-progress-wrapper{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.overview-item-progress-wrapper:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(51 65 85 / var(--tw-border-opacity)) !important;
}

.overview-item-progress-wrapper{
  border-radius: 0.5rem !important;
  display: flex;
  height: 3.125rem;
  cursor: pointer;
  flex-direction: column;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.overview-item-progress-wrapper:hover{
  background-color: #DD7EFF15;
}

.overview-item-progress-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.overview-item-progress-wrapper:hover:is(.dark *){
  background-color: #DD7EFF15;
}

.overview-item{
  display: block;
  display: flex;
  flex-grow: 1;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.overview-hub-item{
  display: block;
  display: flex;
  height: 6.25rem;
  cursor: pointer;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --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);
}

.overview-hub-item:hover{
  background-color: #DD7EFF15;
}

.overview-hub-item:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.overview-hub-item:hover:is(.dark *){
  background-color: #DD7EFF15;
}

.overview-hub-item-main-info{
  display: flex;
  gap: 0.25rem;
}

.overview-item .icon{
  margin-right: 0.25rem;
  display: flex;
  height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: unset;
}

.overview-item .thumbnail{
  margin-right: 0.25rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  align-self: center;
  overflow: hidden;
  border-radius: 0.5rem;
  object-fit: cover;
}

.overview-hub-item .thumbnail{
  margin-right: 0.25rem;
  display: flex;
  height: 5rem;
  width: 5rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  align-self: center;
  overflow: hidden;
  border-radius: 0.5rem;
  object-fit: cover;
  object-position: center;
}

.overview-item .audit-data{
  display: flex;
  flex: 42%;
  flex-direction: column;
  justify-content: center;
  font-size: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.overview-item .audit-data:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.overview-hub-item .audit-data{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.25rem;
  font-size: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.overview-hub-item .audit-data:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.overview-item .attribute-icons{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.overview-item .actions,
.overview-hub-item .actions{
  display: flex;
  align-items: center;
  justify-content: center;
}

.overview-item .product-reference,
.overview-hub-item .product-reference{
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  font-size: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.overview-item .product-reference:is(.dark *),
.overview-hub-item .product-reference:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.overview-item .name-data,
.overview-hub-item .name-data{
  display: flex;
  flex: 50%;
  flex-direction: column;
  justify-content: center;
}

.overview-item .name-data .name,
.overview-hub-item .name-data .name{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.overview-filter-card{
  display: block;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --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);
}

.overview-filter-card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

/** Scrollbar **/
.scrollbar{
  overflow-y: auto;
}

.force-overflow {
  min-height: 28.125rem;
}

.scrollbar-primary::-webkit-scrollbar,
.mat-drawer-inner-container::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

.scrollbar-primary::-webkit-scrollbar-thumb,
.mat-drawer-inner-container::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.scrollbar::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.scrollbar:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

/** Inner accordion **/
.inner-accordion {
  margin-bottom: 0.625rem;
  display: block;
}

.inner-accordion .mat-expansion-panel-body{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.inner-accordion .mat-expansion-panel-body:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.inner-accordion mat-expansion-panel {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-radius: 0 !important;
}

.inner-accordion mat-expansion-panel:last-of-type,
.inner-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.inner-accordion mat-expansion-panel-header:hover mat-panel-title,
.inner-accordion mat-expansion-panel-header:hover mat-panel-description,
.inner-accordion mat-expansion-panel-header:hover .mat-expansion-indicator::after,
.inner-accordion mat-expansion-panel-header:focus mat-panel-title,
.inner-accordion mat-expansion-panel-header:focus mat-panel-description,
.inner-accordion mat-expansion-panel-header:focus .mat-expansion-indicator::after {
  color: #9c38ff;
}

.inner-accordion mat-expansion-panel-header:hover,
.inner-accordion mat-expansion-panel-header:focus {
  background: white;
}

.inner-accordion mat-expansion-panel-header {
  background: #9c38ff;
  border-bottom: 0.063rem solid #35357d;
  transition: 0.2s;
}

.inner-accordion .mat-expansion-panel-header.mat-expanded,
.inner-accordion .mat-expansion-panel-header {
  height: 2.5rem;
}

.inner-accordion mat-panel-title {
  min-height: 1.25rem;
}

.inner-accordion mat-panel-title,
.inner-accordion mat-panel-description,
.inner-accordion .mat-expansion-indicator::after {
  color: white;
  font-size: 0.75rem;
  font-weight: 400;
}

.inner-accordion mat-panel-title {
  align-items: unset;
  justify-content: space-between;
  margin-right: 0.313rem;
}

.inner-accordion mat-panel-title span.subtitle {
  display: flex;
  gap: 0.313rem;
}

.inner-accordion mat-panel-title > mat-icon {
  margin-right: 0.625rem;
}

.inner-accordion .mat-expansion-panel-body {
  padding: 0.625rem;
}

.inner-accordion .deleteButton {
  width: 1.563rem;
  height: 1.563rem;
}

.inner-accordion .deleteButton .mat-button-wrapper {
  top: -0.5rem;
  position: absolute;
  right: 0rem;
}

codex-template-navigator {
  display: block;
  height: 100%;
}

codex-template-navigator mat-tree{
  background-color: transparent !important;
}

codex-template-navigator mat-nested-tree-node,
codex-template-navigator mat-tree-node{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

codex-template-navigator mat-nested-tree-node:is(.dark *),
codex-template-navigator mat-tree-node:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

codex-template-navigator .navigator-node{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

codex-template-navigator .navigator-node:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.editor-tabs > .mat-mdc-tab-body-wrapper > mat-tab-body{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.editor-tabs > .mat-mdc-tab-body-wrapper > mat-tab-body:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: transparent !important;
}

mat-dialog-content,
.driver-popover{
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

mat-dialog-content:is(.dark *),
.driver-popover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

mat-dialog-content,
.driver-popover{
  padding: 0px !important;
  overflow-x: hidden !important;
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.driver-popover{
  padding: 1rem !important;
  max-width: 60vw !important;
}

.driver-intro{
  text-align: center;
}

.driver-popover-title{
  margin-bottom: 1rem;
  flex-grow: 1;
  padding: 0px;
}

.driver-popover-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.driver-popover-title{
  line-height: 1.75rem !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
}

.driver-popover-description,
.driver-popover-progress-text{
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.driver-popover-navigation-btns .driver-popover-btn-disabled {
  visibility: hidden;
}

.driver-popover-navigation-btns button {
  all: unset;
  display: inline-flex;
  height: 1.75rem;
  cursor: pointer;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  padding: 0.375rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.driver-popover-navigation-btns button:hover{
  background-color: #DD7EFF15;
}

.driver-popover-navigation-btns button: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);
  --tw-ring-color: #DD7EFF15;
  --tw-ring-offset-width: 2px;
}

.driver-popover-navigation-btns button:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.driver-popover-navigation-btns button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(95 0 188 / var(--tw-bg-opacity));
}

.driver-popover-navigation-btns button:focus:is(.dark *){
  --tw-ring-color: #FFFFFF33;
  --tw-ring-offset-color: #020617;
}

hr.seperator{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1px;
  width: 100%;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

hr.seperator:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

hr.vertical-seperator{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  height: 100%;
  width: 1px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

hr.vertical-seperator:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.icon-grid{
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.icon-grid.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.icon-card{
  display: block;
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --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);
}

.icon-card:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.icon-card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.icon-card:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.choice-grid,
.choice-grid-center{
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.choice-grid.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone,
.choice-grid-center.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.choice-grid-10{
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.choice-grid-center {
  justify-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.disabled-choice-card {
  opacity: 0.5;
}

.choice-card,
.choice-card-big{
  display: block;
  display: flex;
  height: 6.25rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  --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);
}

.choice-card:hover,
.choice-card-big:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 126 255 / var(--tw-bg-opacity));
}

.choice-card:is(.dark *),
.choice-card-big:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.choice-card:hover:is(.dark *),
.choice-card-big:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(221 126 255 / var(--tw-bg-opacity));
}

.choice-card,
.choice-card-big {
  max-width: 5.625rem;
}

.choice-card {
  min-width: 100px;
}

.choice-card-big {
  max-width: 15.625rem;
  height: 9.375rem;
}

.choice-card-big img {
  width: 6.25rem;
  margin-bottom: 0.313rem;
}

.choice-card .icon {
  width: 3rem;
  height: 3rem;
}

.choice-card .icon .ui-element {
  stroke: white;
}

.nocodex .choice-card mat-icon {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
}

.choice-card-big .choice-card-title {
  font-size: 1rem;
  margin-bottom: 0.313rem;
}

.choice-card-big .choice-card-description {
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.choice-card-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.choice-card-selected:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.choice-card-title{
  display: block;
  font-size: 0.625rem;
  line-height: .75rem;
}

.nocodex-tooltip{
  position: absolute;
  z-index: 10;
  display: inline-block;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --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);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.nocodex-tooltip:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.popover{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.75rem;
}

.popover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.popover {
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.popover.method-info,
.popover.component-info{
  max-width: 15.625rem;
}

.popover.navigation-info{
  max-width: 25rem;
}

body .ngxp__container {
  z-index: 1000;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

app-search-header .title-button-header,
codex-plugin-overview-page .title-button-header{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mdc-dialog__content > :first-child.title-button-header,
.title-button-header{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  justify-items: stretch;
}

.title-button-header-buttons{
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
}

.mat-mdc-option:not(.template-grid-panel *):hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.mat-mdc-option:not(.template-grid-panel *):hover.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.latest-chip{
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.latest-chip:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.installed-chip{
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.installed-chip:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

codex-tag-input .mat-mdc-form-field-infix,
codex-tag-input .mat-mdc-form-field-flex{
  height: 100%;
}

codex-tag-input .mat-mdc-text-field-wrapper{
  padding: 0px !important;
}

codex-tag-input .mat-mdc-autocomplete-trigger{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  caret-color: #ffffff !important;
  padding: 0.5rem;
  box-shadow: none !important;
}

codex-tag-input .mat-mdc-text-field-wrapper{
  margin-bottom: 0.5rem;
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

codex-tag-input .mat-mdc-text-field-wrapper::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity));
}

codex-tag-input .mat-mdc-text-field-wrapper:focus{
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

codex-tag-input .mat-mdc-text-field-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

codex-tag-input .mat-mdc-text-field-wrapper:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(169 169 169 / var(--tw-placeholder-opacity));
}

codex-tag-input .mat-mdc-text-field-wrapper:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

codex-tag-input .mat-mdc-autocomplete-panel{
  margin-bottom: 0.5rem;
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

codex-tag-input .mat-mdc-autocomplete-panel::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity));
}

codex-tag-input .mat-mdc-autocomplete-panel:focus{
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

codex-tag-input .mat-mdc-autocomplete-panel:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

codex-tag-input .mat-mdc-autocomplete-panel:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(169 169 169 / var(--tw-placeholder-opacity));
}

codex-tag-input .mat-mdc-autocomplete-panel:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.alt-item-list{
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.alt-item-list:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.alt-item-list li:not(:first-child){
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.item-list .item-list-link:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.item-list .item-list-link:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.item-list{
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.item-list:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.item-list .item-list-link{
  cursor: pointer;
}

.item-list .item-list-link:hover{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.item-list > li:not(:first-child){
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.item-list > li,
.alt-item-list li,
li.cdk-drag-preview{
  display: flex;
  height: 2.5rem;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.item-list > li .item-name,
.alt-item-list li .item-name,
li.cdk-drag-preview li .item-name{
  flex-shrink: 1;
  flex-grow: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

li.cdk-drag-preview{
  cursor: pointer;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

li.cdk-drag-preview:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

li.cdk-drag-preview {
  list-style: none;
  box-sizing: border-box;
  box-shadow: 0 0.313rem 0.313rem -0.188rem rgba(0, 0, 0, 0.2), 0 0.5rem 0.625rem 0.063rem rgba(0, 0, 0, 0.14), 0 0.188rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12);
}

.workspace-list{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
}

.workspace-list li:hover{
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.workspace-list li{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.workspace-list li .workspace-name{
  flex-shrink: 1;
  flex-grow: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-mdc-table:not(template-grid *){
  border-width: 1px !important;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.mat-mdc-table:not(template-grid *):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__header-row,
.mat-mdc-table:not(template-grid *) .mdc-data-table__row{
  height: 2.5rem !important;
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__header-row th{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__header-row th:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.mat-mdc-table:not(template-grid *) .mat-mdc-row:hover,
.mat-mdc-table:not(template-grid *) .mat-mdc-footer-row:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__cell{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__cell:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__header-row{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-mdc-table:not(template-grid *) .mat-mdc-header-cell,
.mat-mdc-table:not(template-grid *) .mdc-data-table__row{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-sort-header-arrow:not(template-grid *),
.mat-sort-header-content:not(template-grid *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-mdc-table:not(template-grid *) .mat-mdc-cell{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__row{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.mat-mdc-table:not(template-grid *) .mdc-data-table__row:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

mat-drawer-container {
  background-color: transparent !important;
}

.mat-mdc-form-field-type-mat-select:not(template-grid *),
.select-error{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-mdc-form-field-type-mat-select:not(template-grid *):focus,
.select-error:focus{
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.mat-mdc-form-field-type-mat-select:not(template-grid *):is(.dark *),
.select-error:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

.mat-mdc-form-field-type-mat-select:not(template-grid *):is(.dark *)::placeholder,
.select-error:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.mat-mdc-form-field-type-mat-select:not(template-grid *):focus:is(.dark *),
.select-error:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined:not(template-grid *) .mat-mdc-form-field-infix{
  padding: 0px !important;
}

mat-select:not(template-grid *){
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.mdc-text-field:not(template-grid *){
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.mat-mdc-form-field-type-mat-select:not(template-grid *),
.mat-mdc-form-field-type-mat-select:not(template-grid *) .mat-mdc-text-field-wrapper,
mat-select:not(template-grid *),
mat-form-field:not(template-grid *),
.mat-mdc-autocomplete-panel mat-option:not(template-grid *),
.mat-mdc-select-trigger:not(template-grid *),
.mat-mdc-form-field-infix:not(template-grid *),
.mat-mdc-form-field-flex:not(template-grid *),
.mat-mdc-text-field-wrapper:not(template-grid *) {
  height: 2.125rem !important;
  min-height: unset !important;
}

mat-form-field input:not(template-grid *) {
  height: 2rem !important;
  min-height: unset !important;
}

mat-form-field input:not(template-grid *):focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.mat-select-search-input:not(template-grid *),
mat-form-field input:not(template-grid *){
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.mat-select-search-input:not(template-grid *):is(.dark *),
mat-form-field input:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(169 169 169 / var(--tw-text-opacity)) !important;
}

.mat-select-search-input:not(template-grid *),
mat-form-field input:not(template-grid *){
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.mat-select-search-input:not(template-grid *):is(.dark *),
mat-form-field input:not(template-grid *):is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(51 65 85 / var(--tw-border-opacity)) !important;
}

.mat-select-search-input:not(template-grid *),
mat-form-field input:not(template-grid *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
}

.mat-select-search-input:not(template-grid *):is(.dark *),
mat-form-field input:not(template-grid *):is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
}

.mat-select-search-input:not(template-grid *):is(.dark *)::placeholder,
mat-form-field input:not(template-grid *):is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(169 169 169 / var(--tw-placeholder-opacity)) !important;
}

.mat-select-search-input:not(template-grid *)::placeholder,
mat-form-field input:not(template-grid *)::placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-placeholder-opacity)) !important;
}

.mat-mdc-select-value-text:not(template-grid *),
.mat-mdc-select-placeholder:not(template-grid *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-mdc-select-value-text:not(template-grid *):is(.dark *),
.mat-mdc-select-placeholder:not(template-grid *):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

.mdc-notched-outline__leading:not(template-grid *),
.mdc-notched-outline__notch:not(template-grid *),
.mdc-notched-outline__trailing:not(template-grid *) {
  border: none !important;
}

.toolpaneSelect,
.mat-mdc-autocomplete-panel{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
}

.toolpaneSelect:focus,
.mat-mdc-autocomplete-panel:focus{
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.toolpaneSelect:is(.dark *),
.mat-mdc-autocomplete-panel:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.toolpaneSelect:is(.dark *)::placeholder,
.mat-mdc-autocomplete-panel:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.toolpaneSelect:focus:is(.dark *),
.mat-mdc-autocomplete-panel:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.toolpaneSelect,
.mat-mdc-autocomplete-panel{
  border-radius: 0.5rem !important;
}

.mat-mdc-autocomplete-panel{
  padding: 0px !important;
}

.mat-mdc-autocomplete-panel mat-option{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.mat-mdc-autocomplete-panel mat-option:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity)) !important;
}

.mat-mdc-autocomplete-panel mat-option{
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.mat-mdc-autocomplete-panel mat-option mat-icon {
  font-size: 0.875rem;
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0rem !important;
}

.toolpaneSelect mat-option:is(.dark *),
.mat-mdc-autocomplete-panel mat-option:is(.dark *),
.toolpaneSelect .mdc-list-item__primary-text:is(.dark *),
.mat-mdc-autocomplete-panel .mdc-list-item__primary-text:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected):not(template-grid *) .mdc-evolution-chip__action--primary:before{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected):not(template-grid *) .mdc-evolution-chip__action--primary:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected):not(template-grid *) .mdc-evolution-chip__action--primary:before {
  border: none !important;
}

.alt-tabs-header-wrapper{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.alt-tabs-header-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.alt-tabs-header{
  margin-bottom: -1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 0.75rem;
}

.alt-tabs-tab-button{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 2px;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.alt-tabs-tab-active{
  --tw-border-opacity: 1;
  border-color: rgb(156 56 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.alt-tabs-tab-active:hover{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.alt-tabs-tab-active:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(156 56 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.alt-tabs-tab-active:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.alt-tabs-tab-active svg use:is(.dark *){
  stroke: #9C38FF;
}

.alt-tabs-tab-inactive{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.alt-tabs-tab-inactive:hover{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.alt-tabs-tab-inactive:is(.dark *){
  border-color: transparent;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.alt-tabs-tab-inactive:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.alt-tabs-tab-inactive svg use:is(.dark *){
  stroke: #94a3b8;
}

.alt-tabs-tab-inactive svg use:is(.dark *):hover{
  stroke: #9C38FF;
}

.alt-tabs-tab-inactive:hover svg use:is(.dark *){
  stroke: #9C38FF;
}

.alt-tabs-tab-content{
  padding: 1rem;
}

.tabs-header-wrapper{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.tabs-header-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.mini-tabs .tabs-header{
  font-size: 0.625rem;
}

.tabs-header{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.tabs-header:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.tabs-tab{
  margin-inline-end: 0.5rem;
}

.tabs-tab-button{
  margin: 0.375rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.375rem;
}

.tabs-tab-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(221 126 255 / var(--tw-text-opacity));
}

.tabs-tab-button:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.tabs-tab-active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.drop-container:not(template-grid *){
  display: flex;
  height: 12.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
  background-color: transparent;
  text-align: center;
}

.drop-container:not(template-grid *):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.drop-container:not(template-grid *){
  padding: 0px !important;
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.drop-container:not(template-grid *).is-drop-over{
  background-color: #DD7EFF15;
}

.drop-container:not(template-grid *) h1 {
  flex-grow: 0;
}

.drop-container:not(template-grid *):hover{
  --tw-border-opacity: 1;
  border-color: rgb(122 0 243 / var(--tw-border-opacity));
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
}

.media-preview-container img{
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
}

.media-preview-container img:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.swal2-modal{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity)) !important;
}

.swal2-modal:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important;
}

.swal2-content{
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

.swal2-icon.animate::before,
.swal2-icon.animate::after,
.swal2-icon.animate .fix{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

mat-dialog-content{
  display: flex !important;
  flex-direction: column;
}

.designsystem-colorpicker{
  flex: 1 1 0%;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding: 0.25rem;
}

.designsystem-colorpicker:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.colorpicker-color{
  margin-bottom: 0.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
}

.designsystem-colorname{
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.designsystem-colorname:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.designsystem-colorvalue{
  margin: 0px;
  font-size: 0.625rem;
  font-weight: 700;
}

.designsystem-colorvalue:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.designsystem-colorvalue{
  margin-bottom: 0px !important;
}

.designsystem-colorgrid{
  display: grid;
  width: 100%;
  max-width: 37.5rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.25rem;
}

.designsystem-colorgrid.dragging > part:not(.draggingPart):not(.containerPart) > .noDropZone {
  background-color: #ff003d;
  border: 1px solid #ff003d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.designsystem-colorpicker-popup{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.designsystem-colorpicker-popup:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.package-card{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.package-card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.billing-card{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.billing-card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.home-block{
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 1rem;
}

.home-block:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.home-block {
  flex: 1 1;
}

.home-block h1{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.home-block p {
  color: #cbd5e1;
}

.tox {
  z-index: 1000;
}

.zoomcontrols{
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  height: 1.25rem !important;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.warning-message{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 234 / var(--tw-bg-opacity));
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(114 59 19 / var(--tw-text-opacity));
}

.warning-message:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(250 202 21 / var(--tw-text-opacity));
}

.warning-message svg use.ui-element{
  stroke: #FACA15;
}

.url-list {
  display: block;
  font-size: 0.625rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.url-list mat-icon {
  font-size: 0.938rem;
  height: 1.125rem;
  width: 1.438rem;
}

.url-list button {
  height: 1.563rem;
  width: 1.563rem;
  padding: 0.125rem;
}

.url-list li {
  height: 1.563rem;
  color: #9a9a9a;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.http-method{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

markdown a {
  text-decoration: underline;
  cursor: pointer;
}

markdown a::before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1007_10305)'%3E%3Cpath d='M8.33335 10.8332C8.69122 11.3117 9.14781 11.7075 9.67214 11.994C10.1965 12.2805 10.7763 12.4508 11.3722 12.4935C11.9682 12.5362 12.5663 12.4502 13.1261 12.2414C13.6859 12.0326 14.1943 11.7058 14.6167 11.2832L17.1167 8.78322C17.8757 7.99738 18.2956 6.94487 18.2862 5.85238C18.2767 4.7599 17.8385 3.71485 17.0659 2.94231C16.2934 2.16978 15.2483 1.73157 14.1559 1.72208C13.0634 1.71259 12.0109 2.13256 11.225 2.89156L9.79168 4.31656M11.6667 9.16656C11.3088 8.68812 10.8522 8.29224 10.3279 8.00577C9.80356 7.71931 9.22376 7.54896 8.6278 7.50628C8.03185 7.4636 7.43369 7.54958 6.87389 7.75841C6.31409 7.96723 5.80575 8.294 5.38335 8.71656L2.88335 11.2166C2.12436 12.0024 1.70438 13.0549 1.71387 14.1474C1.72337 15.2399 2.16157 16.2849 2.9341 17.0575C3.70664 17.83 4.75169 18.2682 5.84418 18.2777C6.93666 18.2872 7.98917 17.8672 8.77501 17.1082L10.2 15.6832' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1007_10305'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 1rem;
  height: 1rem;
  margin-right: 0.313rem;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}

markdown a:hover{
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

markdown p {
  font-size: 0.9rem;
}

markdown h1,
markdown h2,
markdown h3,
markdown h4,
markdown h5,
markdown h6 {
  font-weight: bold !important;
}

markdown ul {
  list-style: disc;
  padding-left: 1.25rem;
}

markdown h1 {
  margin-bottom: 1.25rem !important;
  margin-top: 0.625rem !important;
}

markdown h2 {
  margin-bottom: 0.625rem !important;
  margin-top: 0.313rem !important;
}

markdown h3,
markdown h4 {
  margin-bottom: 0.625rem !important;
  margin-top: 0.313rem !important;
}

markdown pre{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

markdown pre:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

markdown pre {
  overflow: auto;
  margin: 0 0 1em;
  padding: 0.5em 1em;
}

markdown pre code,
markdown pre .line-number {
  /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
  font: normal normal 0.75rem/0.875rem "Courier New", Courier, Monospace;
  color: black;
  display: block;
}

markdown pre .line-number {
  float: left;
  margin: 0 1em 0 -1em;
  border-right: 0.063rem solid;
  text-align: right;
}

markdown pre .line-number span {
  display: block;
  padding: 0 0.5em 0 1em;
}

markdown pre .cl {
  display: block;
  clear: both;
}

.generative-message{
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  align-items: flex-end;
  gap: 0.5rem;
  flex-direction: column;
}

.generative-assistant-no-ai-credits-overlay{
  position: absolute;
  left: 0px;
  top: 45px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 998;
}

.generative-overview-no-ai-credits-overlay{
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 998;
}

.generative-message-sender-name{
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.generative-message markdown p{
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.generative-message markdown p,
.generative-message markdown ol{
  font-size: 0.75rem;
  line-height: 1rem;
}

.generative-message-text{
  width: fit-content;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #cbd5e1;
  word-break: auto-phrase;
}

.generative-message-quality-overlay {
  position: absolute;
  right: 0;
  padding-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 10;
  width: 95%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  color: #cbd5e1;
  padding-bottom: 5px;
}

.generative-message-quality-overlay mat-slider {
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px);
}

.tokens {
  min-width: 200px;
}

.generative-container{
  height: 100%;
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.generative-container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.generative-container {
  --tw-bg-opacity: 0.9 !important;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

.generative-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.generative-messages{
  position: relative;
  display: flex;
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
}

.generative-credits{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  align-self: flex-end;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.generative-chat-messages{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: hidden;
}

.toolpane .picker .generative-chat-messages {
  height: 350px;
}

.generative-chat-messages{
  overflow-y: auto;
}

.generative-chat-messages::-webkit-scrollbar{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.generative-chat-messages::-webkit-scrollbar-thumb{
  z-index: 50;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
  visibility: hidden;
}

.generative-chat-messages:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.right-panel {
  right: -100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

#generative-chat{
  width: 400px;
  top: 96px;
  height: calc(100vh - 96px);
  display: none;
}

.dashboard #generative-chat {
  top: 47px;
  height: calc(100vh - 47px);
}

.right-panel.show {
  opacity: 1;
  visibility: visible;
  z-index: 10;
  display: block !important;
  top: 0px;
  right: 0px;
}

.generative-actions{
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.generative-action{
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: 0.625rem;
}

.generative-action:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 56 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(156 56 255 / var(--tw-text-opacity));
}

.generative-action:hover .icon use.ui-element{
  stroke: #9C38FF;
}

.generative-action .icon {
  height: 1rem;
  width: 1rem;
}

.generating {
  position: relative;
  animation: glow 1200ms ease-out infinite alternate;
}

.generating::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -20px;
  right: -20px;
  bottom: 5px;
  border-radius: 4px;
  z-index: -1;
}

.generative-message-text-wrapper{
  margin-top: 0.5rem;
  max-width: 85%;
  overflow: hidden;
  border-radius: 0.5rem;
  padding: 1px;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mat-mdc-icon-button {
  cursor: pointer;
}

.mat-mdc-icon-button:not(template-grid *):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.mat-mdc-icon-button[aria-disabled] .mat-mdc-paginator-icon {
  fill: white;
}

.mat-mdc-select-arrow {
  color: white;
}

.monaco-editor {
  --vscode-focusBorder: #9c38ff !important;
  border-radius: 8px;
}

.monaco-editor .overflow-guard {
  border-radius: 8px;
}

chrome-picker .column input{
  margin-bottom: 0.5rem;
  display: block;
  height: 2.125rem;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

chrome-picker .column input:focus{
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

chrome-picker .column input:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

chrome-picker .column input:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

chrome-picker .column input:focus:is(.dark *){
  border-color: #DD7EFF15;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 56 255 / var(--tw-ring-opacity));
}

chrome-picker .type-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83337 12.5L10 16.6667L14.1667 12.5M5.83337 7.50004L10 3.33337L14.1667 7.50004' stroke='%2394a3b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  cursor: pointer;
}

chrome-picker .type-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83337 12.5L10 16.6667L14.1667 12.5M5.83337 7.50004L10 3.33337L14.1667 7.50004' stroke='%239C38FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-color: transparent !important;
}

codex-application-overview .node-label{
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

codex-application-overview .node-container{
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

codex-application-overview .node-container:hover{
  background-color: #DD7EFF15;
}

codex-application-overview .node-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

codex-application-overview .node-container:hover:is(.dark *){
  background-color: #DD7EFF15;
}

codex-application-overview .node-container {
  border: 0.063rem solid rgba(128, 0, 255, 0.75);
  background-color: #0f172a;
  height: calc(100% - 0.938rem);
  margin: 0.438rem;
}

#console-editor.action-editor {
  overflow: visible;
}

#console-editor.template-editor,
#console-editor.template-editor #editor-tab-content {
  overflow: visible;
}

.application-overview-task{
  width: 250px;
  flex-shrink: 1;
  flex-grow: 0;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.application-overview-task:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.application-overview-node{
  width: 800px;
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.application-overview-node:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.application-overview-node.failed,
.application-overview-customer-journey-node.failed{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 102 139 / var(--tw-border-opacity));
}

.application-overview-node.failed:is(.dark *),
.application-overview-customer-journey-node.failed:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 102 139 / var(--tw-border-opacity));
}

.application-overview-node.success,
.application-overview-customer-journey-node.success{
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(94 189 134 / var(--tw-border-opacity));
}

.application-overview-node.success:is(.dark *),
.application-overview-customer-journey-node.success:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(94 189 134 / var(--tw-border-opacity));
}

.application-overview-node.generating,
.application-overview-customer-journey-node.generating {
  animation: glow 1200ms ease-out infinite alternate;
}

.application-overview-customer-journey-node{
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.application-overview-customer-journey-node:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.application-overview-journey-step{
  width: 250px;
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.application-overview-journey-step:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.application-overview-customer-journey svg use {
  stroke: white;
}

.application-overview-node.selected:is(.dark *),
.application-overview-customer-journey-node.selected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(156 56 255 / var(--tw-border-opacity));
}

f-connection.remove-application-overview-connection,
.application-overview-node.remove-application-overview-node {
  animation: fade-out-right 400ms ease-out;
  opacity: 0%;
}

.application-overview-node .generative-container {
  border: none;
}

.drawer-open {
  opacity: 1;
  visibility: visible;
}

.drawer-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.application-generation-task {
  padding: 2px;
  margin: 5px 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.application-generation-task-failed .item-name{
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}

.application-generation-task-failed .item-name:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

.application-generation-task-enter {
  opacity: 0;
  transform: translateY(-10px);
  animation: fadeSlideIn 0.4s ease-out forwards;
}

@keyframes fadeSlideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.spinner {
  width: 36px;
  height: 36px;
  display: flex;
  flex-wrap: unset;
  align-items: center;
  justify-content: center;
}

.rocketmode_background {
  opacity: 0.3;
  position: absolute;
}

.rocketmode_title {
  font-size: 4rem !important;
  background: linear-gradient(to right, #ffffff, #c08aff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  height: 70px;
  padding-top: 20px;
}

.rocketmode_disclaimer {
  font-size: 0.75rem !important;
  max-width: 650px;
}

.rocketmode_subtitle {
  font-size: 1.25rem !important;
  font-weight: normal;
}

.rocketmode_small_subtitle {
  font-size: 0.75rem !important;
  font-weight: lighter;
}

.rocketmode_subtitle_important {
  background: linear-gradient(90deg, #9c38ff, #d58cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.estimated-cost{
  text-align: right;
  font-size: 0.625rem;
}

.auto-grow {
  width: 100%;
  line-height: 1.5rem;
}

.auto-grow:focus {
  outline: none;
}

.typing-animation {
  overflow: hidden;
  white-space: nowrap;
  border-right: 0.15em solid #ccc;
  animation: typing 1.8s steps(81, end), blink-caret 0.75s step-end infinite;
  max-width: fit-content;
  width: fit-content;
  display: inline-block;
}

@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 81ch;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #ccc;
  }
}
template-grid {
  --mat-form-field-error-text-color: var(--error-color);
  --mdc-filled-text-field-error-caret-color: var(--error-color);
  --mdc-filled-text-field-error-label-text-color: var(--error-color);
  --mdc-filled-text-field-error-focus-label-text-color: var(--error-color);
  --mdc-filled-text-field-error-hover-label-text-color: var(--error-color);
  --mdc-filled-text-field-error-active-indicator-color: var(--error-color);
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--error-color);
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--error-color);
  --mdc-outlined-text-field-error-caret-color: var(--error-color);
  --mdc-outlined-text-field-error-focus-label-text-color: var(--error-color);
  --mdc-outlined-text-field-error-label-text-color: var(--error-color);
  --mdc-outlined-text-field-error-hover-label-text-color: var(--error-color);
  --mdc-outlined-text-field-error-focus-outline-color: var(--error-color);
  --mdc-outlined-text-field-error-hover-outline-color: var(--error-color);
  --mdc-outlined-text-field-error-outline-color: var(--error-color);
  --chip-label-text-font: "Inter";
  --chip-label-text-size: 12px;
  --chip-label-text-weight: normal;
  --chip-label-text-color: black;
}
template-grid .reset.part-content * {
  --part-border-left-radius: initial;
  --part-border-left-color: initial;
  --part-border-left-type: initial;
  --part-border-left-width: initial;
  --part-border-right-radius: initial;
  --part-border-right-color: initial;
  --part-border-right-type: initial;
  --part-border-right-width: initial;
  --part-border-top-radius: initial;
  --part-border-top-color: initial;
  --part-border-top-type: initial;
  --part-border-top-width: initial;
  --part-border-bottom-radius: initial;
  --part-border-bottom-color: initial;
  --part-border-bottom-type: initial;
  --part-border-bottom-width: initial;
  --part-border-radius: initial;
  --part-border-color: initial;
  --part-border-type: initial;
  --part-border-width: initial;
  --part-padding-top: initial;
  --part-padding-right: initial;
  --part-padding-bottom: initial;
  --part-padding-left: initial;
  --part-padding: initial;
  --part-background-color: initial;
  --part-background-image: initial;
  --part-background-attachment: initial;
  --part-background-position: initial;
  --part-background-repeat: initial;
  --part-background-size: initial;
  --part-background-origin: initial;
  --part-box-shadow: initial;
}
template-grid part {
  margin-top: var(--part-margin-top, var(--part-margin));
  margin-right: var(--part-margin-right, var(--part-margin));
  margin-bottom: var(--part-margin-bottom, var(--part-margin));
  margin-left: var(--part-margin-left, var(--part-margin));
}
template-grid part:hover {
  margin-top: var(--part-hover-margin-top, var(--part-hover-margin, var(--part-margin-top, var(--part-margin))));
  margin-right: var(--part-hover-margin-right, var(--part-hover-margin, var(--part-margin-right, var(--part-margin))));
  margin-bottom: var(--part-hover-margin-bottom, var(--part-hover-margin, var(--part-margin-bottom, var(--part-margin))));
  margin-left: var(--part-hover-margin-left, var(--part-hover-margin, var(--part-margin-left, var(--part-margin))));
}
template-grid part:focus {
  margin-top: var(--part-focus-margin-top, var(--part-focus-margin, var(--part-margin-top, var(--part-margin))));
  margin-right: var(--part-focus-margin-right, var(--part-focus-margin, var(--part-margin-right, var(--part-margin))));
  margin-bottom: var(--part-focus-margin-bottom, var(--part-focus-margin, var(--part-margin-bottom, var(--part-margin))));
  margin-left: var(--part-focus-margin-left, var(--part-focus-margin, var(--part-margin-left, var(--part-margin))));
}
template-grid part:focus-within {
  margin-top: var(--part-focus-margin-top, var(--part-focus-margin, var(--part-margin-top, var(--part-margin))));
  margin-right: var(--part-focus-margin-right, var(--part-focus-margin, var(--part-margin-right, var(--part-margin))));
  margin-bottom: var(--part-focus-margin-bottom, var(--part-focus-margin, var(--part-margin-bottom, var(--part-margin))));
  margin-left: var(--part-focus-margin-left, var(--part-focus-margin, var(--part-margin-left, var(--part-margin))));
}
template-grid .part-content,
template-grid .part-content.mat-mdc-fab-base {
  height: 100%;
  width: 100%;
  border-top-left-radius: var(--part-border-left-radius, var(--part-border-top-left-radius, var(--part-border-radius)));
  border-bottom-left-radius: var(--part-border-left-radius, var(--part-border-bottom-left-radius, var(--part-border-radius)));
  border-left-color: var(--part-border-left-color, var(--part-border-color));
  border-left-style: var(--part-border-left-style, var(--part-border-style));
  border-left-width: var(--part-border-left-width, var(--part-border-width));
  border-top-right-radius: var(--part-border-right-radius, var(--part-border-top-right-radius, var(--part-border-radius)));
  border-bottom-right-radius: var(--part-border-right-radius, var(--part-border-bottom-right-radius, var(--part-border-radius)));
  border-right-color: var(--part-border-right-color, var(--part-border-color));
  border-right-style: var(--part-border-right-style, var(--part-border-style));
  border-right-width: var(--part-border-right-width, var(--part-border-width));
  border-top-left-radius: var(--part-border-top-radius, var(--part-border-top-left-radius, var(--part-border-radius)));
  border-top-right-radius: var(--part-border-top-radius, var(--part-border-top-right-radius, var(--part-border-radius)));
  border-top-color: var(--part-border-top-color, var(--part-border-color));
  border-top-style: var(--part-border-top-style, var(--part-border-style));
  border-top-width: var(--part-border-top-width, var(--part-border-width));
  border-bottom-left-radius: var(--part-border-bottom-radius, var(--part-border-bottom-left-radius, var(--part-border-radius)));
  border-bottom-right-radius: var(--part-border-bottom-radius, var(--part-border-bottom-right-radius, var(--part-border-radius)));
  border-bottom-color: var(--part-border-bottom-color, var(--part-border-color));
  border-bottom-style: var(--part-border-bottom-style, var(--part-border-style));
  border-bottom-width: var(--part-border-bottom-width, var(--part-border-width));
  padding-top: var(--part-padding-top, var(--part-padding));
  padding-right: var(--part-padding-right, var(--part-padding));
  padding-bottom: var(--part-padding-bottom, var(--part-padding));
  padding-left: var(--part-padding-left, var(--part-padding));
  background-color: var(--part-background-color);
  background-clip: var(--part-background-clip);
  background-image: var(--part-background-image);
  background-attachment: var(--part-background-attachment);
  background-position: var(--part-background-position);
  background-repeat: var(--part-background-repeat);
  background-size: var(--part-background-size);
  background-origin: var(--part-background-origin);
  box-shadow: var(--part-box-shadow);
  opacity: var(--part-opacity);
  transform: var(--part-transform);
  transition: var(--part-transition);
  filter: var(--part-filter);
}
template-grid .part-content:hover {
  height: 100%;
  width: 100%;
  border-top-left-radius: var(--part-hover-border-left-radius, var(--part-hover-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-hover-border-left-radius, var(--part-hover-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-left-color: var(--part-hover-border-left-color, var(--part-hover-border-color, var(--part-border-left-color, var(--part-border-color))));
  border-left-style: var(--part-hover-border-left-style, var(--part-hover-border-style, var(--part-border-left-style, var(--part-border-style))));
  border-left-width: var(--part-hover-border-left-width, var(--part-hover-border-width, var(--part-border-left-width, var(--part-border-width))));
  border-top-right-radius: var(--part-hover-border-right-radius, var(--part-hover-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-hover-border-right-radius, var(--part-hover-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-right-color: var(--part-hover-border-right-color, var(--part-hover-border-color, var(--part-border-right-color, var(--part-border-color))));
  border-right-style: var(--part-hover-border-right-style, var(--part-hover-border-style, var(--part-border-right-style, var(--part-border-style))));
  border-right-width: var(--part-hover-border-right-width, var(--part-hover-border-width, var(--part-border-right-width, var(--part-border-width))));
  border-top-left-radius: var(--part-hover-border-top-radius, var(--part-hover-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-hover-border-top-radius, var(--part-hover-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-color: var(--part-hover-border-top-color, var(--part-hover-border-color, var(--part-border-top-color, var(--part-border-color))));
  border-top-style: var(--part-hover-border-top-style, var(--part-hover-border-style, var(--part-border-top-style, var(--part-border-style))));
  border-top-width: var(--part-hover-border-top-width, var(--part-hover-border-width, var(--part-border-top-width, var(--part-border-width))));
  border-bottom-left-radius: var(--part-hover-border-bottom-radius, var(--part-hover-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-hover-border-bottom-radius, var(--part-hover-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-color: var(--part-hover-border-bottom-color, var(--part-hover-border-color, var(--part-border-bottom-color, var(--part-border-color))));
  border-bottom-style: var(--part-hover-border-bottom-style, var(--part-hover-border-style, var(--part-border-bottom-style, var(--part-border-style))));
  border-bottom-width: var(--part-hover-border-bottom-width, var(--part-hover-border-width, var(--part-border-bottom-width, var(--part-border-width))));
  background-color: var(--part-hover-background-color, var(--part-background-color));
  background-clip: var(--part-hover-background-clip, var(--part-background-clip));
  background-image: var(--part-hover-background-image, var(--part-background-image));
  background-attachment: var(--part-hover-background-attachment, var(--part-background-attachment));
  background-position: var(--part-hover-background-position, var(--part-background-position));
  background-repeat: var(--part-hover-background-repeat, var(--part-background-repeat));
  background-size: var(--part-hover-background-size, var(--part-background-size));
  background-origin: var(--part-hover-background-origin, var(--part-background-origin));
  padding-top: var(--part-hover-padding-top, var(--part-hover-padding, var(--part-padding-top, var(--part-padding))));
  padding-right: var(--part-hover-padding-right, var(--part-hover-padding, var(--part-padding-right, var(--part-padding))));
  padding-bottom: var(--part-hover-padding-bottom, var(--part-hover-padding, var(--part-padding-bottom, var(--part-padding))));
  padding-left: var(--part-hover-padding-left, var(--part-hover-padding, var(--part-padding-left, var(--part-padding))));
  box-shadow: var(--part-hover-box-shadow, var(--part-box-shadow));
  opacity: var(--part-hover-opacity, var(--part-opacity));
  transform: var(--part-hover-transform, var(--part-transform));
  transition: var(--part-hover-transition, var(--part-transition));
  filter: var(--part-hover-filter, var(--part-filter));
}
template-grid .part-content:focus {
  height: 100%;
  width: 100%;
  border-top-left-radius: var(--part-focus-border-left-radius, var(--part-focus-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-focus-border-left-radius, var(--part-focus-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-left-color: var(--part-focus-border-left-color, var(--part-focus-border-color, var(--part-border-left-color, var(--part-border-color))));
  border-left-style: var(--part-focus-border-left-style, var(--part-focus-border-style, var(--part-border-left-style, var(--part-border-style))));
  border-left-width: var(--part-focus-border-left-width, var(--part-focus-border-width, var(--part-border-left-width, var(--part-border-width))));
  border-top-right-radius: var(--part-focus-border-right-radius, var(--part-focus-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-focus-border-right-radius, var(--part-focus-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-right-color: var(--part-focus-border-right-color, var(--part-focus-border-color, var(--part-border-right-color, var(--part-border-color))));
  border-right-style: var(--part-focus-border-right-style, var(--part-focus-border-style, var(--part-border-right-style, var(--part-border-style))));
  border-right-width: var(--part-focus-border-right-width, var(--part-focus-border-width, var(--part-border-right-width, var(--part-border-width))));
  border-top-left-radius: var(--part-focus-border-top-radius, var(--part-focus-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-focus-border-top-radius, var(--part-focus-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-color: var(--part-focus-border-top-color, var(--part-focus-border-color, var(--part-border-top-color, var(--part-border-color))));
  border-top-style: var(--part-focus-border-top-style, var(--part-focus-border-style, var(--part-border-top-style, var(--part-border-style))));
  border-top-width: var(--part-focus-border-top-width, var(--part-focus-border-width, var(--part-border-top-width, var(--part-border-width))));
  border-bottom-left-radius: var(--part-focus-border-bottom-radius, var(--part-focus-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-focus-border-bottom-radius, var(--part-focus-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-color: var(--part-focus-border-bottom-color, var(--part-focus-border-color, var(--part-border-bottom-color, var(--part-border-color))));
  border-bottom-style: var(--part-focus-border-bottom-style, var(--part-focus-border-style, var(--part-border-bottom-style, var(--part-border-style))));
  border-bottom-width: var(--part-focus-border-bottom-width, var(--part-focus-border-width, var(--part-border-bottom-width, var(--part-border-width))));
  background-color: var(--part-focus-background-color, var(--part-background-color));
  background-clip: var(--part-focus-background-clip, var(--part-background-clip));
  background-image: var(--part-focus-background-image, var(--part-background-image));
  background-attachment: var(--part-focus-background-attachment, var(--part-background-attachment));
  background-position: var(--part-focus-background-position, var(--part-background-position));
  background-repeat: var(--part-focus-background-repeat, var(--part-background-repeat));
  background-size: var(--part-focus-background-size, var(--part-background-size));
  background-origin: var(--part-focus-background-origin, var(--part-background-origin));
  padding-top: var(--part-focus-padding-top, var(--part-focus-padding, var(--part-padding-top, var(--part-padding))));
  padding-right: var(--part-focus-padding-right, var(--part-focus-padding, var(--part-padding-right, var(--part-padding))));
  padding-bottom: var(--part-focus-padding-bottom, var(--part-focus-padding, var(--part-padding-bottom, var(--part-padding))));
  padding-left: var(--part-focus-padding-left, var(--part-focus-padding, var(--part-padding-left, var(--part-padding))));
  box-shadow: var(--part-focus-box-shadow, var(--part-box-shadow));
  opacity: var(--part-focus-opacity, var(--part-opacity));
  transform: var(--part-focus-transform, var(--part-transform));
  transition: var(--part-focus-transition, var(--part-transition));
  filter: var(--part-focus-filter, var(--part-filter));
}
template-grid .part-content:focus-within {
  height: 100%;
  width: 100%;
  border-top-left-radius: var(--part-focus-within-border-left-radius, var(--part-focus-within-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-focus-within-border-left-radius, var(--part-focus-within-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-left-color: var(--part-focus-within-border-left-color, var(--part-focus-within-border-color, var(--part-border-left-color, var(--part-border-color))));
  border-left-style: var(--part-focus-within-border-left-style, var(--part-focus-within-border-style, var(--part-border-left-style, var(--part-border-style))));
  border-left-width: var(--part-focus-within-border-left-width, var(--part-focus-within-border-width, var(--part-border-left-width, var(--part-border-width))));
  border-top-right-radius: var(--part-focus-within-border-right-radius, var(--part-focus-within-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-focus-within-border-right-radius, var(--part-focus-within-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-right-color: var(--part-focus-within-border-right-color, var(--part-focus-within-border-color, var(--part-border-right-color, var(--part-border-color))));
  border-right-style: var(--part-focus-within-border-right-style, var(--part-focus-within-border-style, var(--part-border-right-style, var(--part-border-style))));
  border-right-width: var(--part-focus-within-border-right-width, var(--part-focus-within-border-width, var(--part-border-right-width, var(--part-border-width))));
  border-top-left-radius: var(--part-focus-within-border-top-radius, var(--part-focus-within-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-focus-within-border-top-radius, var(--part-focus-within-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-color: var(--part-focus-within-border-top-color, var(--part-focus-within-border-color, var(--part-border-top-color, var(--part-border-color))));
  border-top-style: var(--part-focus-within-border-top-style, var(--part-focus-within-border-style, var(--part-border-top-style, var(--part-border-style))));
  border-top-width: var(--part-focus-within-border-top-width, var(--part-focus-within-border-width, var(--part-border-top-width, var(--part-border-width))));
  border-bottom-left-radius: var(--part-focus-within-border-bottom-radius, var(--part-focus-within-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-focus-within-border-bottom-radius, var(--part-focus-within-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-color: var(--part-focus-within-border-bottom-color, var(--part-focus-within-border-color, var(--part-border-bottom-color, var(--part-border-color))));
  border-bottom-style: var(--part-focus-within-border-bottom-style, var(--part-focus-within-border-style, var(--part-border-bottom-style, var(--part-border-style))));
  border-bottom-width: var(--part-focus-within-border-bottom-width, var(--part-focus-within-border-width, var(--part-border-bottom-width, var(--part-border-width))));
  background-color: var(--part-focus-within-background-color, var(--part-background-color));
  background-clip: var(--part-focus-within-background-clip, var(--part-background-clip));
  background-image: var(--part-focus-within-background-image, var(--part-background-image));
  background-attachment: var(--part-focus-within-background-attachment, var(--part-background-attachment));
  background-position: var(--part-focus-within-background-position, var(--part-background-position));
  background-repeat: var(--part-focus-within-background-repeat, var(--part-background-repeat));
  background-size: var(--part-focus-within-background-size, var(--part-background-size));
  background-origin: var(--part-focus-within-background-origin, var(--part-background-origin));
  padding-top: var(--part-focus-within-padding-top, var(--part-focus-within-padding, var(--part-padding-top, var(--part-padding))));
  padding-right: var(--part-focus-within-padding-right, var(--part-focus-within-padding, var(--part-padding-right, var(--part-padding))));
  padding-bottom: var(--part-focus-within-padding-bottom, var(--part-focus-within-padding, var(--part-padding-bottom, var(--part-padding))));
  padding-left: var(--part-focus-within-padding-left, var(--part-focus-within-padding, var(--part-padding-left, var(--part-padding))));
  box-shadow: var(--part-focus-within-box-shadow, var(--part-box-shadow));
  opacity: var(--part-focus-within-opacity, var(--part-opacity));
  transform: var(--part-focus-within-transform, var(--part-transform));
  transition: var(--part-focus-within-transition, var(--part-transition));
  filter: var(--part-focus-within-filter, var(--part-filter));
}
template-grid img {
  object-fit: var(--image-object-fit);
  vertical-align: top;
}
template-grid .file-uploader .file {
  border-top-left-radius: var(--uploader-file-border-left-radius);
  border-bottom-left-radius: var(--uploader-file-border-left-radius);
  border-left-color: var(--uploader-file-border-left-color, var(--uploader-file-border-color));
  border-left-style: var(--uploader-file-border-left-style, var(--uploader-file-border-style));
  border-left-width: var(--uploader-file-border-left-width, var(--uploader-file-border-width));
  border-top-right-radius: var(--uploader-file-border-right-radius);
  border-bottom-right-radius: var(--uploader-file-border-right-radius);
  border-right-color: var(--uploader-file-border-right-color, var(--uploader-file-border-color));
  border-right-style: var(--uploader-file-border-right-style, var(--uploader-file-border-style));
  border-right-width: var(--uploader-file-border-right-width, var(--uploader-file-border-width));
  border-top-left-radius: var(--uploader-file-border-top-radius);
  border-top-right-radius: var(--uploader-file-border-top-radius);
  border-top-color: var(--uploader-file-border-top-color, var(--uploader-file-border-color));
  border-top-style: var(--uploader-file-border-top-style, var(--uploader-file-border-style));
  border-top-width: var(--uploader-file-border-top-width, var(--uploader-file-border-width));
  border-bottom-left-radius: var(--uploader-file-border-bottom-radius);
  border-bottom-right-radius: var(--uploader-file-border-bottom-radius);
  border-bottom-color: var(--uploader-file-border-bottom-color, var(--uploader-file-border-color));
  border-bottom-style: var(--uploader-file-border-bottom-style, var(--uploader-file-border-style));
  border-bottom-width: var(--uploader-file-border-bottom-width, var(--uploader-file-border-width));
  margin-top: var(--uploader-file-margin-top, var(--uploader-file-margin));
  margin-right: var(--uploader-file-margin-right, var(--uploader-file-margin));
  margin-bottom: var(--uploader-file-margin-bottom, var(--uploader-file-margin));
  margin-left: var(--uploader-file-margin-left, var(--uploader-file-margin));
  padding-top: var(--uploader-file-padding-top, var(--uploader-file-padding));
  padding-right: var(--uploader-file-padding-right, var(--uploader-file-padding));
  padding-bottom: var(--uploader-file-padding-bottom, var(--uploader-file-padding));
  padding-left: var(--uploader-file-padding-left, var(--uploader-file-padding));
  font-family: var(--uploader-file-font-family) !important;
  line-height: var(--uploader-file-line-height) !important;
  font-size: var(--uploader-file-font-size) !important;
  letter-spacing: var(--uploader-file-letter-spacing) !important;
  font-weight: var(--uploader-file-font-weight) !important;
  font-stretch: var(--uploader-file-font-stretch) !important;
  font-style: var(--uploader-file-font-style) !important;
  font-variant: var(--uploader-file-font-variant) !important;
  font-variant-caps: var(--uploader-file-font-variant-caps) !important;
  text-align: var(--uploader-file-font-alignment) !important;
  color: var(--uploader-file-font-color) !important;
  background-color: var(--uploader-file-background-color);
}
template-grid .file-uploader .file:hover {
  border-top-left-radius: var(--uploader-file-hover-border-left-radius, var(--uploader-file-border-left-radius));
  border-bottom-left-radius: var(--uploader-file-border-left-radius, var(--uploader-file-border-left-radius));
  border-left-color: var(--uploader-file-hover-border-left-color, var(--uploader-file-hover-border-color, var(--uploader-file-border-left-color, var(--uploader-file-border-color))));
  border-left-style: var(--uploader-file-hover-border-left-style, var(--uploader-file-hover-border-style, var(--uploader-file-border-left-style, var(--uploader-file-border-style))));
  border-left-width: var(--uploader-file-hover-border-left-width, var(--uploader-file-hover-border-width, var(--uploader-file-border-left-width, var(--uploader-file-border-width))));
  border-top-right-radius: var(--uploader-file-hover-border-right-radius, var(--uploader-file-border-right-radius));
  border-bottom-right-radius: var(--uploader-file-hover-border-right-radius, var(--uploader-file-border-right-radius));
  border-right-color: var(--uploader-file-hover-border-right-color, var(--uploader-file-hover-border-color, var(--uploader-file-border-right-color, var(--uploader-file-border-color))));
  border-right-style: var(--uploader-file-hover-border-right-style, var(--uploader-file-hover-border-style, var(--uploader-file-border-right-style, var(--uploader-file-border-style))));
  border-right-width: var(--uploader-file-hover-border-right-width, var(--uploader-file-hover-border-width, var(--uploader-file-border-right-width, var(--uploader-file-border-width))));
  border-top-left-radius: var(--uploader-file-hover-border-top-radius, var(--uploader-file-border-top-radius));
  border-top-right-radius: var(--uploader-file-hover-border-top-radius, var(--uploader-file-border-top-radius));
  border-top-color: var(--uploader-file-hover-border-top-color, var(--uploader-file-hover-border-color, var(--uploader-file-border-top-color, var(--uploader-file-border-color))));
  border-top-style: var(--uploader-file-hover-border-top-style, var(--uploader-file-hover-border-style, var(--uploader-file-border-top-style, var(--uploader-file-border-style))));
  border-top-width: var(--uploader-file-hover-border-top-width, var(--uploader-file-hover-border-width, var(--uploader-file-border-top-width, var(--uploader-file-border-width))));
  border-bottom-left-radius: var(--uploader-file-hover-border-bottom-radius, var(--uploader-file-border-bottom-radius));
  border-bottom-right-radius: var(--uploader-file-hover-border-bottom-radius, var(--uploader-file-border-bottom-radius));
  border-bottom-color: var(--uploader-file-hover-border-bottom-color, var(--uploader-file-hover-border-color, var(--uploader-file-border-bottom-color, var(--uploader-file-border-color))));
  border-bottom-style: var(--uploader-file-hover-border-bottom-style, var(--uploader-file-hover-border-style, var(--uploader-file-border-bottom-style, var(--uploader-file-border-style))));
  border-bottom-width: var(--uploader-file-hover-border-bottom-width, var(--uploader-file-hover-border-width, var(--uploader-file-border-bottom-width, var(--uploader-file-border-width))));
  margin-top: var(--uploader-file-hover-margin-top, var(--uploader-file-hover-margin, var(--uploader-file-margin-top, var(--uploader-file-margin))));
  margin-right: var(--uploader-file-hover-margin-right, var(--uploader-file-hover-margin, var(--uploader-file-margin-right, var(--uploader-file-margin))));
  margin-bottom: var(--uploader-file-hover-margin-bottom, var(--uploader-file-hover-margin, var(--uploader-file-margin-bottom, var(--uploader-file-margin))));
  margin-left: var(--uploader-file-hover-margin-left, var(--uploader-file-hover-margin, var(--uploader-file-margin-left, var(--uploader-file-margin))));
  padding-top: var(--uploader-file-hover-padding-top, var(--uploader-file-hover-padding, var(--uploader-file-padding-top, var(--uploader-file-padding))));
  padding-right: var(--uploader-file-hover-padding-right, var(--uploader-file-hover-padding, var(--uploader-file-padding-right, var(--uploader-file-padding))));
  padding-bottom: var(--uploader-file-hover-padding-bottom, var(--uploader-file-hover-padding, var(--uploader-file-padding-bottom, var(--uploader-file-padding))));
  padding-left: var(--uploader-file-hover-padding-left, var(--uploader-file-hover-padding, var(--uploader-file-padding-left, var(--uploader-file-padding))));
  font-size: var(--uploader-file-hover-font-size, var(--uploader-file-font-size));
  letter-spacing: var(--uploader-file-hover-letter-spacing, var(--uploader-file-letter-spacing));
  font-weight: var(--uploader-file-hover-font-weight, var(--uploader-file-font-weight));
  font-style: var(--uploader-file-hover-font-style, var(--uploader-file-font-style));
  color: var(--uploader-file-hover-font-color, var(--uploader-file-font-color));
  font-family: var(--uploader-file-hover-font-family, var(--uploader-file-font-family));
  line-height: var(--uploader-file-hover-line-height, var(--uploader-file-line-height));
  background-color: var(--uploader-file-hover-background-color, var(--uploader-file-background-color));
}
template-grid .file-uploader .drop-container {
  border-top-left-radius: var(--uploader-dropzone-border-left-radius, var(--uploader-dropzone-border-top-left-radius, var(--uploader-dropzone-border-radius)));
  border-bottom-left-radius: var(--uploader-dropzone-border-left-radius, var(--uploader-dropzone-border-bottom-left-radius, var(--uploader-dropzone-border-radius)));
  border-left-color: var(--uploader-dropzone-border-left-color, var(--uploader-dropzone-border-color));
  border-left-style: var(--uploader-dropzone-border-left-style, var(--uploader-dropzone-border-style));
  border-left-width: var(--uploader-dropzone-border-left-width, var(--uploader-dropzone-border-width));
  border-top-right-radius: var(--uploader-dropzone-border-right-radius, var(--uploader-dropzone-border-top-right-radius, var(--uploader-dropzone-border-radius)));
  border-bottom-right-radius: var(--uploader-dropzone-border-right-radius, var(--uploader-dropzone-border-bottom-right-radius, var(--uploader-dropzone-border-radius)));
  border-right-color: var(--uploader-dropzone-border-right-color, var(--uploader-dropzone-border-color));
  border-right-style: var(--uploader-dropzone-border-right-style, var(--uploader-dropzone-border-style));
  border-right-width: var(--uploader-dropzone-border-right-width, var(--uploader-dropzone-border-width));
  border-top-left-radius: var(--uploader-dropzone-border-top-radius, var(--uploader-dropzone-border-top-left-radius, var(--uploader-dropzone-border-radius)));
  border-top-right-radius: var(--uploader-dropzone-border-top-radius, var(--uploader-dropzone-border-top-right-radius, var(--uploader-dropzone-border-radius)));
  border-top-color: var(--uploader-dropzone-border-top-color, var(--uploader-dropzone-border-color));
  border-top-style: var(--uploader-dropzone-border-top-style, var(--uploader-dropzone-border-style));
  border-top-width: var(--uploader-dropzone-border-top-width, var(--uploader-dropzone-border-width));
  border-bottom-left-radius: var(--uploader-dropzone-border-bottom-radius, var(--uploader-dropzone-border-bottom-left-radius, var(--uploader-dropzone-border-radius)));
  border-bottom-right-radius: var(--uploader-dropzone-border-bottom-radius, var(--uploader-dropzone-border-bottom-right-radius, var(--uploader-dropzone-border-radius)));
  border-bottom-color: var(--uploader-dropzone-border-bottom-color, var(--uploader-dropzone-border-color));
  border-bottom-style: var(--uploader-dropzone-border-bottom-style, var(--uploader-dropzone-border-style));
  border-bottom-width: var(--uploader-dropzone-border-bottom-width, var(--uploader-dropzone-border-width));
  margin-top: var(--uploader-dropzone-margin-top, var(--uploader-dropzone-margin));
  margin-right: var(--uploader-dropzone-margin-right, var(--uploader-dropzone-margin));
  margin-bottom: var(--uploader-dropzone-margin-bottom, var(--uploader-dropzone-margin));
  margin-left: var(--uploader-dropzone-margin-left, var(--uploader-dropzone-margin));
  padding-top: var(--uploader-dropzone-padding-top, var(--uploader-dropzone-padding));
  padding-right: var(--uploader-dropzone-padding-right, var(--uploader-dropzone-padding));
  padding-bottom: var(--uploader-dropzone-padding-bottom, var(--uploader-dropzone-padding));
  padding-left: var(--uploader-dropzone-padding-left, var(--uploader-dropzone-padding));
  font-style: var(--uploader-dropzone-font-style);
  font-family: var(--uploader-dropzone-font-family);
  font-size: var(--uploader-dropzone-font-size);
  font-weight: var(--uploader-dropzone-font-weight);
  color: var(--uploader-dropzone-color);
  line-height: var(--uploader-dropzone-line-height);
  letter-spacing: var(--uploader-dropzone-letter-spacing);
  font-stretch: var(--uploader-dropzone-font-stretch);
  font-variant: var(--uploader-dropzone-font-variant);
  font-variant-caps: var(--uploader-dropzone-font-variant-caps);
  text-align: var(--uploader-dropzone-text-align);
  white-space: var(--uploader-dropzone-white-space);
  word-break: var(--uploader-dropzone-word-break);
  text-decoration-line: var(-uploader-dropzone-text-decoration-line);
  text-decoration-style: var(-uploader-dropzone-text-decoration-style);
  text-decoration-color: var(-uploader-dropzone-text-decoration-color);
  text-decoration-thickness: var(-uploader-dropzone-text-decoration-thickness);
  background-color: var(--uploader-dropzone-background-color);
}
template-grid .file-uploader .drop-container:hover,
template-grid .file-uploader .drop-container .is-drop-over {
  border-top-left-radius: var(--uploader-dropzone-hover-border-left-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-left-radius, var(--uploader-dropzone-border-radius))));
  border-bottom-left-radius: var(--uploader-dropzone-hover-border-left-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-left-radius, var(--uploader-dropzone-border-radius))));
  border-left-color: var(--uploader-dropzone-hover-border-left-color, var(--uploader-dropzone-hover-border-color, var(--uploader-dropzone-border-left-color, var(--uploader-dropzone-border-color))));
  border-left-style: var(--uploader-dropzone-hover-border-left-style, var(--uploader-dropzone-hover-border-style, var(--uploader-dropzone-border-left-style, var(--uploader-dropzone-border-style))));
  border-left-width: var(--uploader-dropzone-hover-border-left-width, var(--uploader-dropzone-hover-border-width, var(--uploader-dropzone-border-left-width, var(--uploader-dropzone-border-width))));
  border-top-right-radius: var(--uploader-dropzone-hover-border-right-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-right-radius, var(--uploader-dropzone-border-radius))));
  border-bottom-right-radius: var(--uploader-dropzone-hover-border-right-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-right-radius, var(--uploader-dropzone-border-radius))));
  border-right-color: var(--uploader-dropzone-hover-border-right-color, var(--uploader-dropzone-hover-border-color, var(--uploader-dropzone-border-right-color, var(--uploader-dropzone-border-color))));
  border-right-style: var(--uploader-dropzone-hover-border-right-style, var(--uploader-dropzone-hover-border-style, var(--uploader-dropzone-border-right-style, var(--uploader-dropzone-border-style))));
  border-right-width: var(--uploader-dropzone-hover-border-right-width, var(--uploader-dropzone-hover-border-width, var(--uploader-dropzone-border-right-width, var(--uploader-dropzone-border-width))));
  border-top-left-radius: var(--uploader-dropzone-hover-border-top-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-top-radius, var(--uploader-dropzone-border-radius))));
  border-top-right-radius: var(--uploader-dropzone-hover-border-top-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-top-radius, var(--uploader-dropzone-border-radius))));
  border-top-color: var(--uploader-dropzone-hover-border-top-color, var(--uploader-dropzone-hover-border-color, var(--uploader-dropzone-border-top-color, var(--uploader-dropzone-border-color))));
  border-top-style: var(--uploader-dropzone-hover-border-top-style, var(--uploader-dropzone-hover-border-style, var(--uploader-dropzone-border-top-style, var(--uploader-dropzone-border-style))));
  border-top-width: var(--uploader-dropzone-hover-border-top-width, var(--uploader-dropzone-hover-border-width, var(--uploader-dropzone-border-top-width, var(--uploader-dropzone-border-width))));
  border-bottom-left-radius: var(--uploader-dropzone-hover-border-bottom-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-bottom-radius, var(--uploader-dropzone-border-radius))));
  border-bottom-right-radius: var(--uploader-dropzone-hover-border-bottom-radius, var(--uploader-dropzone-hover-border-radius, var(--uploader-dropzone-border-bottom-radius, var(--uploader-dropzone-border-radius))));
  border-bottom-color: var(--uploader-dropzone-hover-border-bottom-color, var(--uploader-dropzone-hover-border-color, var(--uploader-dropzone-border-bottom-color, var(--uploader-dropzone-border-color))));
  border-bottom-style: var(--uploader-dropzone-hover-border-bottom-style, var(--uploader-dropzone-hover-border-style, var(--uploader-dropzone-border-bottom-style, var(--uploader-dropzone-border-style))));
  border-bottom-width: var(--uploader-dropzone-hover-border-bottom-width, var(--uploader-dropzone-hover-border-width, var(--uploader-dropzone-border-bottom-width, var(--uploader-dropzone-border-width))));
  margin-top: var(--uploader-dropzone-hover-margin-top, var(--uploader-dropzone-hover-margin, var(--uploader-dropzone-margin-top, var(--uploader-dropzone-margin))));
  margin-right: var(--uploader-dropzone-hover-margin-right, var(--uploader-dropzone-hover-margin, var(--uploader-dropzone-margin-right, var(--uploader-dropzone-margin))));
  margin-bottom: var(--uploader-dropzone-hover-margin-bottom, var(--uploader-dropzone-hover-margin, var(--uploader-dropzone-margin-bottom, var(--uploader-dropzone-margin))));
  margin-left: var(--uploader-dropzone-hover-margin-left, var(--uploader-dropzone-hover-margin, var(--uploader-dropzone-margin-left, var(--uploader-dropzone-margin))));
  padding-top: var(--uploader-dropzone-hover-padding-top, var(--uploader-dropzone-hover-padding, var(--uploader-dropzone-padding-top, var(--uploader-dropzone-padding))));
  padding-right: var(--uploader-dropzone-hover-padding-right, var(--uploader-dropzone-hover-padding, var(--uploader-dropzone-padding-right, var(--uploader-dropzone-padding))));
  padding-bottom: var(--uploader-dropzone-hover-padding-bottom, var(--uploader-dropzone-hover-padding, var(--uploader-dropzone-padding-bottom, var(--uploader-dropzone-padding))));
  padding-left: var(--uploader-dropzone-hover-padding-left, var(--uploader-dropzone-hover-padding, var(--uploader-dropzone-padding-left, var(--uploader-dropzone-padding))));
  font-style: var(--uploader-dropzone-hover-font-style, var(--uploader-dropzone-font-style));
  font-family: var(--uploader-dropzone-hover-font-family, var(--uploader-dropzone-font-family));
  font-size: var(--uploader-dropzone-hover-font-size, var(--uploader-dropzone-font-size));
  font-weight: var(--uploader-dropzone-hover-font-weight, var(--uploader-dropzone-font-weight));
  color: var(--uploader-dropzone-hover-color, var(--uploader-dropzone-color));
  line-height: var(--uploader-dropzone-hover-line-height, var(--uploader-dropzone-line-height));
  letter-spacing: var(--uploader-dropzone-hover-letter-spacing, var(--uploader-dropzone-letter-spacing));
  font-stretch: var(--uploader-dropzone-hover-font-stretch, var(--uploader-dropzone-font-stretch));
  font-variant: var(--uploader-dropzone-hover-font-variant, var(--uploader-dropzone-font-variant));
  font-variant-caps: var(--uploader-dropzone-hover-font-variant-caps, var(--uploader-dropzone-font-variant-caps));
  text-align: var(--uploader-dropzone-hover-text-align, var(--uploader-dropzone-text-align));
  white-space: var(--uploader-dropzone-hover-white-space, var(--uploader-dropzone-white-space));
  word-break: var(--uploader-dropzone-hover-word-break, var(--uploader-dropzone-word-break));
  text-decoration-line: var(-uploader-dropzone-hover-text-decoration-line, var(-uploader-dropzone-text-decoration-line));
  text-decoration-style: var(-uploader-dropzone-hover-text-decoration-style, var(-uploader-dropzone-text-decoration-style));
  text-decoration-color: var(-uploader-dropzone-hover-text-decoration-color, var(-uploader-dropzone-text-decoration-color));
  text-decoration-thickness: var(-uploader-dropzone-hover-text-decoration-thickness, var(-uploader-dropzone-text-decoration-thickness));
  background-color: var(--uploader-dropzone-hover-background-color, var(--uploader-dropzone-background-color));
}
template-grid .file-uploader button.mat-raised-button,
template-grid .file-uploader button.mdc-button {
  --mdc-protected-button-container-color: var(--uploader-button-background-color);
  --mdc-protected-button-label-text-color: var(--uploader-button-color);
  --mdc-typography-button-font-family: var(--uploader-button-font-family);
  --mdc-typography-button-font-size: var(--uploader-button-font-size);
  --mdc-typography-button-font-weight: var(--uploader-button-font-weight);
  --mdc-typography-button-letter-spacing: var(--uploader-button-letter-spacing);
  --mdc-typography-button-line-height: var(--uploader-button-text-line-height);
  font-style: var(--uploader-button-font-style);
  border-top-left-radius: var(--uploader-button-border-left-radius, var(--uploader-button-border-top-left-radius, var(--uploader-button-border-radius)));
  border-bottom-left-radius: var(--uploader-button-border-left-radius, var(--uploader-button-border-bottom-left-radius, var(--uploader-button-border-radius)));
  border-left-color: var(--uploader-button-border-left-color, var(--uploader-button-border-color));
  border-left-style: var(--uploader-button-border-left-style, var(--uploader-button-border-style));
  border-left-width: var(--uploader-button-border-left-width, var(--uploader-button-border-width));
  border-top-right-radius: var(--uploader-button-border-right-radius, var(--uploader-button-border-top-right-radius, var(--uploader-button-border-radius)));
  border-bottom-right-radius: var(--uploader-button-border-right-radius, var(--uploader-button-border-bottom-right-radius, var(--uploader-button-border-radius)));
  border-right-color: var(--uploader-button-border-right-color, var(--uploader-button-border-color));
  border-right-style: var(--uploader-button-border-right-style, var(--uploader-button-border-style));
  border-right-width: var(--uploader-button-border-right-width, var(--uploader-button-border-width));
  border-top-left-radius: var(--uploader-button-border-top-radius, var(--uploader-button-border-top-left-radius, var(--uploader-button-border-radius)));
  border-top-right-radius: var(--uploader-button-border-top-radius, var(--uploader-button-border-top-right-radius, var(--uploader-button-border-radius)));
  border-top-color: var(--uploader-button-border-top-color, var(--uploader-button-border-color));
  border-top-style: var(--uploader-button-border-top-style, var(--uploader-button-border-style));
  border-top-width: var(--uploader-button-border-top-width, var(--uploader-button-border-width));
  border-bottom-left-radius: var(--uploader-button-border-bottom-radius, var(--uploader-button-border-bottom-left-radius, var(--uploader-button-border-radius)));
  border-bottom-right-radius: var(--uploader-button-border-bottom-radius, var(--uploader-button-border-bottom-right-radius, var(--uploader-button-border-radius)));
  border-bottom-color: var(--uploader-button-border-bottom-color, var(--uploader-button-border-color));
  border-bottom-style: var(--uploader-button-border-bottom-style, var(--uploader-button-border-style));
  border-bottom-width: var(--uploader-button-border-bottom-width, var(--uploader-button-border-width));
  margin-top: var(--uploader-button-margin-top, var(--uploader-button-margin));
  margin-right: var(--uploader-button-margin-right, var(--uploader-button-margin));
  margin-bottom: var(--uploader-button-margin-bottom, var(--uploader-button-margin));
  margin-left: var(--uploader-button-margin-left, var(--uploader-button-margin));
  padding-top: var(--uploader-button-padding-top, var(--uploader-button-padding));
  padding-right: var(--uploader-button-padding-right, var(--uploader-button-padding));
  padding-bottom: var(--uploader-button-padding-bottom, var(--uploader-button-padding));
  padding-left: var(--uploader-button-padding-left, var(--uploader-button-padding));
}
template-grid .file-uploader button.mat-raised-button:hover,
template-grid .file-uploader button.mdc-button:hover {
  --mdc-protected-button-container-color: var(
      --uploader-button-hover-background-color,
      var(--uploader-button-background-color)
  );
  --mdc-protected-button-label-text-color: var(--uploader-button-hover-color, var(--uploader-button-color));
  --mdc-typography-button-font-family: var(--uploader-button-hover-font-family, var(--uploader-button-font-family));
  --mdc-typography-button-font-size: var(--uploader-button-hover-font-size, var(--uploader-button-font-size));
  --mdc-typography-button-font-weight: var(--uploader-button-hover-font-weight, var(--uploader-button-font-weight));
  --mdc-typography-button-letter-spacing: var(--uploader-button-hover-letter-spacing, var(--uploader-button-letter-spacing));
  --mdc-typography-button-line-height: var(--uploader-button-hover-text-line-height, var(--uploader-button-text-line-height));
  font-style: var(--uploader-button-hover-font-style, var(--uploader-button-hover-style));
  border-top-left-radius: var(--uploader-button-hover-border-left-radius, var(--uploader-button-border-left-radius));
  border-bottom-left-radius: var(--uploader-button-hover-border-left-radius, var(--uploader-button-border-left-radius));
  border-left-color: var(--uploader-button-hover-border-left-color, var(--uploader-button-hover-border-color, var(--uploader-button-border-left-color, var(--uploader-button-border-color))));
  border-left-style: var(--uploader-button-hover-border-left-style, var(--uploader-button-hover-border-style, var(--uploader-button-border-left-style, var(--uploader-button-border-style))));
  border-left-width: var(--uploader-button-hover-border-left-width, var(--uploader-button-hover-border-width, var(--uploader-button-border-left-width, var(--uploader-button-border-width))));
  border-top-right-radius: var(--uploader-button-hover-border-right-radius, var(--uploader-button-border-right-radius));
  border-bottom-right-radius: var(--uploader-button-hover-border-right-radius, var(--uploader-button-border-right-radius));
  border-right-color: var(--uploader-button-hover-border-right-color, var(--uploader-button-hover-border-color, var(--uploader-button-border-right-color, var(--uploader-button-border-color))));
  border-right-style: var(--uploader-button-hover-border-right-style, var(--uploader-button-hover-border-style, var(--uploader-button-border-right-style, var(--uploader-button-border-style))));
  border-right-width: var(--uploader-button-hover-border-right-width, var(--uploader-button-hover-border-width, var(--uploader-button-border-right-width, var(--uploader-button-border-width))));
  border-top-left-radius: var(--uploader-button-hover-border-top-radius, var(--uploader-button-border-top-radius));
  border-top-right-radius: var(--uploader-button-hover-border-top-radius, var(--uploader-button-border-top-radius));
  border-top-color: var(--uploader-button-hover-border-top-color, var(--uploader-button-hover-border-color, var(--uploader-button-border-top-color, var(--uploader-button-border-color))));
  border-top-style: var(--uploader-button-hover-border-top-style, var(--uploader-button-hover-border-style, var(--uploader-button-border-top-style, var(--uploader-button-border-style))));
  border-top-width: var(--uploader-button-hover-border-top-width, var(--uploader-button-hover-border-width, var(--uploader-button-border-top-width, var(--uploader-button-border-width))));
  border-bottom-left-radius: var(--uploader-button-hover-border-bottom-radius, var(--uploader-button-border-bottom-radius));
  border-bottom-right-radius: var(--uploader-button-hover-border-bottom-radius, var(--uploader-button-border-bottom-radius));
  border-bottom-color: var(--uploader-button-hover-border-bottom-color, var(--uploader-button-hover-border-color, var(--uploader-button-border-bottom-color, var(--uploader-button-border-color))));
  border-bottom-style: var(--uploader-button-hover-border-bottom-style, var(--uploader-button-hover-border-style, var(--uploader-button-border-bottom-style, var(--uploader-button-border-style))));
  border-bottom-width: var(--uploader-button-hover-border-bottom-width, var(--uploader-button-hover-border-width, var(--uploader-button-border-bottom-width, var(--uploader-button-border-width))));
  margin-top: var(--uploader-button-hover-margin-top, var(--uploader-button-hover-margin, var(--uploader-button-margin-top, var(--uploader-button-margin))));
  margin-right: var(--uploader-button-hover-margin-right, var(--uploader-button-hover-margin, var(--uploader-button-margin-right, var(--uploader-button-margin))));
  margin-bottom: var(--uploader-button-hover-margin-bottom, var(--uploader-button-hover-margin, var(--uploader-button-margin-bottom, var(--uploader-button-margin))));
  margin-left: var(--uploader-button-hover-margin-left, var(--uploader-button-hover-margin, var(--uploader-button-margin-left, var(--uploader-button-margin))));
  padding-top: var(--uploader-button-hover-padding-top, var(--uploader-button-hover-padding, var(--uploader-button-padding-top, var(--uploader-button-padding))));
  padding-right: var(--uploader-button-hover-padding-right, var(--uploader-button-hover-padding, var(--uploader-button-padding-right, var(--uploader-button-padding))));
  padding-bottom: var(--uploader-button-hover-padding-bottom, var(--uploader-button-hover-padding, var(--uploader-button-padding-bottom, var(--uploader-button-padding))));
  padding-left: var(--uploader-button-hover-padding-left, var(--uploader-button-hover-padding, var(--uploader-button-padding-left, var(--uploader-button-padding))));
}
template-grid .mat-mdc-slide-toggle,
template-grid .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-handle-color: var(--slide-toggle-handle-color) !important;
  --mdc-switch-selected-hover-handle-color: var(--slide-toggle-hover-handle-color, var(--slide-toggle-handle-color)) !important;
  --mdc-switch-selected-focus-handle-color: var(
      --slide-toggle-focus-within-handle-color,
      var(--slide-toggle-hover-handle-color, var(--slide-toggle-handle-color))
  ) !important;
  --mdc-switch-selected-pressed-handle-color: var(--slide-toggle-handle-color) !important;
  --mdc-switch-handle-surface-color: var(--slide-toggle-handle-color) !important;
  --mdc-switch-selected-track-color: var(--slide-toggle-track-color) !important;
  --mdc-switch-selected-hover-track-color: var(--slide-toggle-hover-track-color, var(--slide-toggle-track-color)) !important;
  --mdc-switch-selected-focus-track-color: var(
      --slide-toggle-focus-within-track-color,
      var(--slide-toggle-hover-track-color, var(--slide-toggle-track-color))
  ) !important;
  --mdc-switch-selected-pressed-track-color: var(--slide-toggle-track-color) !important;
}
template-grid mat-slide-toggle .mdc-form-field label {
  --mat-slide-toggle-label-text-size: var(--slide-toggle-font-size);
  --mat-slide-toggle-label-text-font: var(--slide-toggle-font-family);
  --mat-slide-toggle-label-text-tracking: var(--slide-toggle-letter-spacing);
  --mat-slide-toggle-label-text-weight: var(--slide-toggle-font-weight);
  --mat-slide-toggle-label-text-line-height: var(--slide-toggle-line-height);
  font-style: var(--slide-toggle-font-style);
  color: var(--slide-toggle-color);
  letter-spacing: var(--slide-toggle-letter-spacing);
  font-stretch: var(--slide-toggle-font-stretch);
  font-variant: var(--slide-toggle-font-variant);
  font-variant-caps: var(--slide-toggle-font-variant-caps);
  text-align: var(-part-text-align);
  margin-top: var(--slide-toggle-margin-top, var(--slide-toggle-margin));
  margin-right: var(--slide-toggle-margin-right, var(--slide-toggle-margin));
  margin-bottom: var(--slide-toggle-margin-bottom, var(--slide-toggle-margin));
  margin-left: var(--slide-toggle-margin-left, var(--slide-toggle-margin));
}
template-grid mat-slide-toggle:hover .mdc-form-field label {
  --mat-slide-toggle-label-text-size: var(--slide-toggle-hover-font-size, var(--slide-toggle-font-size));
  --mat-slide-toggle-label-text-font: var(--slide-toggle-hover-font-family, var(--slide-toggle-font-family));
  --mat-slide-toggle-label-text-tracking: var(--slide-toggle-hover-letter-spacing, var(--slide-toggle-letter-spacing));
  --mat-slide-toggle-label-text-weight: var(--slide-toggle-hover-font-weight, var(--slide-toggle-font-weight));
  --mat-slide-toggle-label-text-line-height: var(--slide-toggle-hover-font-line-height, var(--slide-toggle-font-line-height));
  font-style: var(--slide-toggle-hover-font-style, var(--slide-toggle-font-style));
  color: var(--slide-toggle-hover-color, var(--slide-toggle-color));
  letter-spacing: var(--slide-toggle-hover-letter-spacing, var(--slide-toggle-letter-spacing));
  font-stretch: var(--slide-toggle-hover-font-stretch, var(--slide-toggle-font-stretch));
  font-variant: var(--slide-toggle-hover-font-variant, var(--slide-toggle-font-variant));
  font-variant-caps: var(--slide-toggle-hover-font-variant-caps, var(--slide-toggle-font-variant-caps));
  text-align: var(--slide-toggle-hover-text-align, var(--slide-toggle-text-align));
  margin-top: var(--slide-toggle-hover-margin-top, var(--slide-toggle-hover-margin, var(--slide-toggle-margin-top, var(--slide-toggle-margin))));
  margin-right: var(--slide-toggle-hover-margin-right, var(--slide-toggle-hover-margin, var(--slide-toggle-margin-right, var(--slide-toggle-margin))));
  margin-bottom: var(--slide-toggle-hover-margin-bottom, var(--slide-toggle-hover-margin, var(--slide-toggle-margin-bottom, var(--slide-toggle-margin))));
  margin-left: var(--slide-toggle-hover-margin-left, var(--slide-toggle-hover-margin, var(--slide-toggle-margin-left, var(--slide-toggle-margin))));
}
template-grid mat-slide-toggle:focus-within .mdc-form-field label {
  --mat-slide-toggle-label-text-size: var(
      --slide-toggle-focus-within-font-size,
      var(--slide-toggle-hover-font-size, var(--slide-toggle-font-size))
  );
  --mat-slide-toggle-label-text-font: var(
      --slide-toggle-focus-within-font-family,
      var(--slide-toggle-hover-font-family, var(--slide-toggle-font-family))
  );
  --mat-slide-toggle-label-text-tracking: var(
      --slide-toggle-focus-within-letter-spacing,
      var(--slide-toggle-hover-letter-spacing, var(--slide-toggle-letter-spacing))
  );
  --mat-slide-toggle-label-text-weight: var(
      --slide-toggle-focus-within-font-weight,
      var(--slide-toggle-hover-font-weight, var(--slide-toggle-font-weight))
  );
  --mat-slide-toggle-label-text-line-height: var(
      --slide-toggle-focus-within-font-line-height,
      var(--slide-toggle-hover-font-line-height, var(--slide-toggle-font-line-height))
  );
  font-style: var(--slide-toggle-focus-within-font-style, var(--slide-toggle-hover-font-style, var(--slide-toggle-font-style)));
  color: var(--slide-toggle-focus-within-color, var(--slide-toggle-hover-color, var(--slide-toggle-color)));
  font-stretch: var(--slide-toggle-focus-within-font-stretch, var(--slide-toggle-hover-font-stretch, var(--slide-toggle-font-stretch)));
  font-variant: var(--slide-toggle-focus-within-font-variant, var(--slide-toggle-hover-font-variant, var(--slide-toggle-font-variant)));
  font-variant-caps: var(--slide-toggle-focus-within-font-variant-caps, var(--slide-toggle-hover-font-variant-caps, var(--slide-toggle-font-variant-caps)));
  text-align: var(--slide-toggle-focus-within-text-align, var(--slide-toggle-hover-text-align, var(--slide-toggle-text-align)));
  margin-top: var(--slide-toggle-focus-within-margin-top, var(--slide-toggle-focus-within-margin, var(--slide-toggle-margin-top, var(--slide-toggle-margin))));
  margin-right: var(--slide-toggle-focus-within-margin-right, var(--slide-toggle-focus-within-margin, var(--slide-toggle-margin-right, var(--slide-toggle-margin))));
  margin-bottom: var(--slide-toggle-focus-within-margin-bottom, var(--slide-toggle-focus-within-margin, var(--slide-toggle-margin-bottom, var(--slide-toggle-margin))));
  margin-left: var(--slide-toggle-focus-within-margin-left, var(--slide-toggle-focus-within-margin, var(--slide-toggle-margin-left, var(--slide-toggle-margin))));
}
template-grid .mat-mdc-slide-toggle:hover,
template-grid .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-handle-surface-color: var(--slide-toggle-hover-handle-color, var(--slide-toggle-selected-handle-color)) !important;
}
template-grid .mat-mdc-slide-toggle:focus-within,
template-grid .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-handle-surface-color: var(
      --slide-toggle-focus-within-handle-color,
      var(--slide-toggle-hover-handle-color, var(--slide-toggle-selected-handle-color))
  ) !important;
}
template-grid .mdc-button,
template-grid .mat-mdc-raised-button:not(:disabled) {
  --mdc-protected-button-container-color: var(--button-background-color);
  --mdc-protected-button-label-text-color: var(--button-label-color);
  --mdc-typography-button-font-family: var(--button-label-font-family);
  --mdc-typography-button-font-size: var(--button-label-font-size);
  --mdc-typography-button-font-weight: var(--button-label-font-weight);
  --mdc-typography-button-letter-spacing: var(--button-label-font-letter-spacing);
  --mdc-typography-button-line-height: var(--button-label-text-line-height);
  --mdc-protected-button-label-text-font: var(--button-label-font-family);
  --mdc-protected-button-label-text-size: var(--button-label-font-size);
  --mdc-protected-button-label-text-tracking: var(--button-label-font-letter-spacing);
  --mdc-protected-button-label-text-weight: var(--button-label-font-weight);
  background-image: var(--button-background-image);
  font-style: var(--button-label-font-style, var(--label-medium-font-style));
  font-stretch: var(--button-label-font-stretch);
  font-variant: var(--button-label-font-variant);
  text-align: var(--button-label-text-align-var);
  border-top-left-radius: var(--button-border-left-radius, var(--button-border-radius));
  border-bottom-left-radius: var(--button-border-left-radius, var(--button-border-radius));
  border-left-color: var(--button-border-left-color, var(--button-border-color));
  border-left-style: var(--button-border-left-style, var(--button-border-style));
  border-left-width: var(--button-border-left-width, var(--button-border-width));
  border-top-right-radius: var(--button-border-right-radius, var(--button-border-radius));
  border-bottom-right-radius: var(--button-border-right-radius, var(--button-border-radius));
  border-right-color: var(--button-border-right-color, var(--button-border-color));
  border-right-style: var(--button-border-right-style, var(--button-border-style));
  border-right-width: var(--button-border-right-width, var(--button-border-width));
  border-top-left-radius: var(--button-border-top-radius, var(--button-border-radius));
  border-top-right-radius: var(--button-border-top-radius, var(--button-border-radius));
  border-top-color: var(--button-border-top-color, var(--button-border-color));
  border-top-style: var(--button-border-top-style, var(--button-border-style));
  border-top-width: var(--button-border-top-width, var(--button-border-width));
  border-bottom-left-radius: var(--button-border-bottom-radius, var(--button-border-radius));
  border-bottom-right-radius: var(--button-border-bottom-radius, var(--button-border-radius));
  border-bottom-color: var(--button-border-bottom-color, var(--button-border-color));
  border-bottom-style: var(--button-border-bottom-style, var(--button-border-style));
  border-bottom-width: var(--button-border-bottom-width, var(--button-border-width));
  padding-top: var(--button-padding-top, var(--button-padding));
  padding-right: var(--button-padding-right, var(--button-padding));
  padding-bottom: var(--button-padding-bottom, var(--button-padding));
  padding-left: var(--button-padding-left, var(--button-padding));
}
template-grid .mdc-button:hover,
template-grid .mat-mdc-raised-button:not(:disabled):hover {
  --mdc-protected-button-container-color: var(--button-hover-background-color, var(--button-background-color));
  --mdc-protected-button-label-text-color: var(--button-label-hover-color, var(--button-label-color));
  --mdc-typography-button-font-family: var(--button-label-hover-font-family, var(--button-label-font-family));
  --mdc-typography-button-font-size: var(--button-label-hover-font-size, var(--button-label-font-size));
  --mdc-typography-button-font-weight: var(--button-label-hover-font-weight, var(--button-label-font-weight));
  --mdc-typography-button-letter-spacing: var(--button-label-hover-font-letter-spacing, var(--button-label-font-letter-spacing));
  --mdc-typography-button-line-height: var(--button-label-hover-text-line-height, var(--button-label-text-line-height));
  --mdc-protected-button-label-text-font: var(--button-label-hover-font-family, var(--button-label-font-family));
  --mdc-protected-button-label-text-size: var(--button-label-hover-font-size, var(--button-label-font-size));
  --mdc-protected-button-label-text-tracking: var(
      --button-label-hover-font-letter-spacing,
      var(--button-label-font-letter-spacing)
  );
  --mdc-protected-button-label-text-weight: var(--button-label-hover-font-weight, var(--button-label-font-weight));
  background-image: var(--button-hover-background-image, var(--button-background-image));
  font-style: var(--button-label-hover-font-style, var(--button-label-font-style));
  font-stretch: var(--button-label-hover-font-stretch, var(--button-label-font-stretch));
  font-variant: var(--button-label-hover-font-variant, var(--button-label-font-variant));
  text-align: var(--button-label-hover-text-align-var, var(--button-label-text-align-var));
  border-top-left-radius: var(--button-hover-border-left-radius, var(--button-hover-border-radius, var(--button-border-left-radius, var(--button-border-radius))));
  border-bottom-left-radius: var(--button-hover-border-left-radius, var(--button-hover-border-radius, var(--button-border-left-radius, var(--button-border-radius))));
  border-left-color: var(--button-hover-border-left-color, var(--button-hover-border-color, var(--button-border-left-color, var(--button-border-color))));
  border-left-style: var(--button-hover-border-left-style, var(--button-hover-border-style, var(--button-border-left-style, var(--button-border-style))));
  border-left-width: var(--button-hover-border-left-width, var(--button-hover-border-width, var(--button-border-left-width, var(--button-border-width))));
  border-top-right-radius: var(--button-hover-border-right-radius, var(--button-hover-border-radius, var(--button-border-right-radius, var(--button-border-radius))));
  border-bottom-right-radius: var(--button-hover-border-right-radius, var(--button-hover-border-radius, var(--button-border-right-radius, var(--button-border-radius))));
  border-right-color: var(--button-hover-border-right-color, var(--button-hover-border-color, var(--button-border-right-color, var(--button-border-color))));
  border-right-style: var(--button-hover-border-right-style, var(--button-hover-border-style, var(--button-border-right-style, var(--button-border-style))));
  border-right-width: var(--button-hover-border-right-width, var(--button-hover-border-width, var(--button-border-right-width, var(--button-border-width))));
  border-top-left-radius: var(--button-hover-border-top-radius, var(--button-hover-border-radius, var(--button-border-top-radius, var(--button-border-radius))));
  border-top-right-radius: var(--button-hover-border-top-radius, var(--button-hover-border-radius, var(--button-border-top-radius, var(--button-border-radius))));
  border-top-color: var(--button-hover-border-top-color, var(--button-hover-border-color, var(--button-border-top-color, var(--button-border-color))));
  border-top-style: var(--button-hover-border-top-style, var(--button-hover-border-style, var(--button-border-top-style, var(--button-border-style))));
  border-top-width: var(--button-hover-border-top-width, var(--button-hover-border-width, var(--button-border-top-width, var(--button-border-width))));
  border-bottom-left-radius: var(--button-hover-border-bottom-radius, var(--button-hover-border-radius, var(--button-border-bottom-radius, var(--button-border-radius))));
  border-bottom-right-radius: var(--button-hover-border-bottom-radius, var(--button-hover-border-radius, var(--button-border-bottom-radius, var(--button-border-radius))));
  border-bottom-color: var(--button-hover-border-bottom-color, var(--button-hover-border-color, var(--button-border-bottom-color, var(--button-border-color))));
  border-bottom-style: var(--button-hover-border-bottom-style, var(--button-hover-border-style, var(--button-border-bottom-style, var(--button-border-style))));
  border-bottom-width: var(--button-hover-border-bottom-width, var(--button-hover-border-width, var(--button-border-bottom-width, var(--button-border-width))));
  padding-top: var(--button-hover-padding-top, var(--button-hover-padding, var(--button-padding-top, var(--button-padding))));
  padding-right: var(--button-hover-padding-right, var(--button-hover-padding, var(--button-padding-right, var(--button-padding))));
  padding-bottom: var(--button-hover-padding-bottom, var(--button-hover-padding, var(--button-padding-bottom, var(--button-padding))));
  padding-left: var(--button-hover-padding-left, var(--button-hover-padding, var(--button-padding-left, var(--button-padding))));
}
template-grid codex-chips-part-front,
template-grid codex-chips-part-front .mat-chip-listbox {
  display: block;
  height: 100%;
}
template-grid part .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  height: 100%;
}
template-grid part .mat-mdc-chip-set .mdc-evolution-chip-set__chips.mdc-evolution-chip-set__chips {
  margin-left: initial;
}
template-grid .mat-mdc-chip-set .mdc-evolution-chip.part-content {
  margin-top: var(--part-margin-top, var(--part-margin));
  margin-right: var(--part-margin-right, var(--part-margin));
  margin-bottom: var(--part-margin-bottom, var(--part-margin));
  margin-left: var(--part-margin-left, var(--part-margin));
}
template-grid .mat-mdc-standard-chip.part-content {
  --mdc-chip-label-text-font: var(--input-answer-font-family);
  --mdc-chip-label-text-size: var(--input-answer-font-size);
  --mdc-chip-label-text-weight: var(--input-answer-font-weight);
  --mdc-chip-disabled-label-text-color: var(--input-answer-color);
  --mdc-chip-label-text-color: var(--input-answer-color);
  --mdc-chip-label-text-line-height: var(--input-answer-line-height);
  --mdc-chip-label-text-tracking: var(--input-answer-letter-spacing);
  font-stretch: var(--input-answer-font-stretch);
  font-style: var(--input-answer-font-style);
  font-variant: var(--input-answer-font-variant);
  font-variant-caps: var(--input-answer-font-variant-caps);
  text-align: var(--input-answer-text-align-var);
  border-top-left-radius: var(--part-border-left-radius, var(--part-border-top-left-radius, var(--part-border-radius)));
  border-bottom-left-radius: var(--part-border-left-radius, var(--part-border-bottom-left-radius, var(--part-border-radius)));
  border-top-right-radius: var(--part-border-right-radius, var(--part-border-top-right-radius, var(--part-border-radius)));
  border-bottom-right-radius: var(--part-border-right-radius, var(--part-border-bottom-right-radius, var(--part-border-radius)));
  border-top-left-radius: var(--part-border-top-radius, var(--part-border-top-left-radius, var(--part-border-radius)));
  border-top-right-radius: var(--part-border-top-radius, var(--part-border-top-right-radius, var(--part-border-radius)));
  border-bottom-left-radius: var(--part-border-bottom-radius, var(--part-border-bottom-left-radius, var(--part-border-radius)));
  border-bottom-right-radius: var(--part-border-bottom-radius, var(--part-border-bottom-right-radius, var(--part-border-radius)));
  height: 100%;
}
template-grid .mat-mdc-standard-chip.part-content:hover {
  --mdc-chip-label-text-font: var(--input-answer-hover-font-family, var(--input-answer-font-family));
  --mdc-chip-label-text-size: var(--input-answer-hover-font-size, var(--input-answer-font-size));
  --mdc-chip-label-text-weight: var(--input-answer-hover-font-weight, var(--input-answer-font-weight));
  --mdc-chip-disabled-label-text-color: var(--input-answer-hover-color, var(--input-answer-color));
  --mdc-chip-label-text-color: var(--input-answer-hover-color, var(--input-answer-color));
  --mdc-chip-label-text-line-height: var(--input-answer-hover-line-height, var(--input-answer-line-height));
  --mdc-chip-label-text-tracking: var(--input-answer-hover-letter-spacing, var(--input-answer-letter-spacing));
  font-stretch: var(--input-answer-hover-font-stretch, var(--input-answer-font-stretch));
  font-style: var(--input-answer-hover-font-style, var(--input-answer-font-style));
  font-variant: var(--input-answer-hover-font-variant, var(--input-answer-font-variant));
  font-variant-caps: var(--input-answer-hover-font-variant-caps, var(--input-answer-font-variant-caps));
  text-align: var(--input-answer-hover-text-align-var, var(--input-answer-text-align-var));
  border-top-left-radius: var(--part-hover-border-left-radius, var(--part-hover-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-hover-border-left-radius, var(--part-hover-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-hover-border-right-radius, var(--part-hover-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-hover-border-right-radius, var(--part-hover-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-top-left-radius: var(--part-hover-border-top-radius, var(--part-hover-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-hover-border-top-radius, var(--part-hover-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-hover-border-bottom-radius, var(--part-hover-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-hover-border-bottom-radius, var(--part-hover-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  height: 100%;
}
template-grid .mat-mdc-standard-chip.part-content:focus-within {
  --mdc-chip-label-text-font: var(
      --input-answer-focus-within-font-family,
      var(--input-answer-hover-font-family, var(--input-answer-font-family))
  );
  --mdc-chip-label-text-size: var(
      --input-answer-focus-within-font-size,
      var(--input-answer-hover-font-size, var(--input-answer-font-size))
  );
  --mdc-chip-label-text-weight: var(
      --input-answer-focus-within-font-weight,
      var(--input-answer-hover-font-weight, var(--input-answer-font-weight))
  );
  --mdc-chip-disabled-label-text-color: var(
      --input-answer-focus-within-color,
      var(--input-answer-hover-color, var(--input-answer-color))
  );
  --mdc-chip-label-text-color: var(--input-answer-focus-within-color, var(--input-answer-hover-color, var(--input-answer-color)));
  --mdc-chip-label-text-line-height: var(
      --input-answer-focus-within-line-height,
      var(--input-answer-hover-line-height, var(--input-answer-line-height))
  );
  --mdc-chip-label-text-tracking: var(
      --input-answer-focus-within-letter-spacing,
      var(--input-answer-hover-letter-spacing, var(--input-answer-letter-spacing))
  );
  font-stretch: var(--input-answer-focus-within-font-stretch, var(--input-answer-hover-font-stretch, var(--input-answer-font-stretch)));
  font-style: var(--input-answer-focus-within-font-style, var(--input-answer-hover-font-style, var(--input-answer-font-style)));
  font-variant: var(--input-answer-focus-within-font-variant, var(--input-answer-hover-font-variant, var(--input-answer-font-variant)));
  font-variant-caps: var(--input-answer-focus-within-font-variant-caps, var(--input-answer-hover-font-variant-caps, var(--input-answer-font-variant-caps)));
  text-align: var(--input-answer-focus-within-text-align-var, var(--input-answer-hover-text-align-var, var(--input-answer-text-align-var)));
  border-top-left-radius: var(--part-focus-border-left-radius, var(--part-focus-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-focus-border-left-radius, var(--part-focus-border-radius, var(--part-border-left-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-focus-border-right-radius, var(--part-focus-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-focus-border-right-radius, var(--part-focus-border-radius, var(--part-border-right-radius, var(--part-border-radius))));
  border-top-left-radius: var(--part-focus-border-top-radius, var(--part-focus-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-top-right-radius: var(--part-focus-border-top-radius, var(--part-focus-border-radius, var(--part-border-top-radius, var(--part-border-radius))));
  border-bottom-left-radius: var(--part-focus-border-bottom-radius, var(--part-focus-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  border-bottom-right-radius: var(--part-focus-border-bottom-radius, var(--part-focus-border-radius, var(--part-border-bottom-radius, var(--part-border-radius))));
  height: 100%;
}
template-grid .icon-button,
template-grid button.part-content.mat-mdc-button-base {
  --mdc-fab-container-color: var(--icon-button-background-color);
  --mdc-fab-icon-color: var(--icon-button-icon-color);
  --mdc-fab-container-shape: var(--icon-button-border-radius, 50%);
  border-radius: var(--icon-button-border-radius, 50%);
  background-color: var(--icon-button-background-color);
  background-image: var(--icon-button-background-image);
  background-attachment: var(--icon-button-background-attachment);
  background-position: var(--icon-button-background-position);
  background-repeat: var(--icon-button-background-repeat);
  background-size: var(--icon-button-background-size);
  background-origin: var(--icon-button-background-origin);
  border-left-color: var(--icon-button-border-left-color, var(--icon-button-border-color));
  border-left-style: var(--icon-button-border-left-style, var(--icon-button-border-style));
  border-left-width: var(--icon-button-border-left-width, var(--icon-button-border-width));
  border-right-color: var(--icon-button-border-right-color, var(--icon-button-border-color));
  border-right-style: var(--icon-button-border-right-style, var(--icon-button-border-style));
  border-right-width: var(--icon-button-border-right-width, var(--icon-button-border-width));
  border-top-color: var(--icon-button-border-top-color, var(--icon-button-border-color));
  border-top-style: var(--icon-button-border-top-style, var(--icon-button-border-style));
  border-top-width: var(--icon-button-border-top-width, var(--icon-button-border-width));
  border-bottom-color: var(--icon-button-border-bottom-color, var(--icon-button-border-color));
  border-bottom-style: var(--icon-button-border-bottom-style, var(--icon-button-border-style));
  border-bottom-width: var(--icon-button-border-bottom-width, var(--icon-button-border-width));
}
template-grid .icon-button mat-icon,
template-grid button.part-content.mat-mdc-button-base mat-icon {
  color: var(--icon-button-color);
  font-size: var(--icon-button-size);
}
template-grid .icon-button:hover,
template-grid button.part-content.mat-mdc-button-base:hover {
  --mdc-fab-container-color: var(--icon-button-hover-background-color, var(--icon-button-background-color));
  --mdc-fab-icon-color: var(--icon-button-hover-icon-color, var(--icon-button-icon-color));
  --mdc-fab-container-shape: var(--icon-button-hover-border-radius, var(--icon-button-border-radius, 50%));
  border-radius: var(--icon-button-hover-border-radius, var(--icon-button-border-radius, 50%));
  background-color: var(--icon-button-hover-background-color, var(--icon-button-background-color));
  background-image: var(--icon-button-hover-background-image, var(--icon-button-background-image));
  background-attachment: var(--icon-button-hover-background-attachment, var(--icon-button-background-attachment));
  background-position: var(--icon-button-hover-background-position, var(--icon-button-background-position));
  background-repeat: var(--icon-button-hover-background-repeat, var(--icon-button-background-repeat));
  background-size: var(--icon-button-hover-background-size, var(--icon-button-background-size));
  background-origin: var(--icon-button-hover-background-origin, var(--icon-button-background-origin));
  border-left-color: var(--icon-button-hover-border-left-color, var(--icon-button-hover-border-color, var(--icon-button-border-left-color, var(--icon-button-border-color))));
  border-left-style: var(--icon-button-hover-border-left-style, var(--icon-button-hover-border-style, var(--icon-button-border-left-style, var(--icon-button-border-style))));
  border-left-width: var(--icon-button-hover-border-left-width, var(--icon-button-hover-border-width, var(--icon-button-border-left-width, var(--icon-button-border-width))));
  border-right-color: var(--icon-button-hover-border-right-color, var(--icon-button-hover-border-color, var(--icon-button-border-right-color, var(--icon-button-border-color))));
  border-right-style: var(--icon-button-hover-border-right-style, var(--icon-button-hover-border-style, var(--icon-button-border-right-style, var(--icon-button-border-style))));
  border-right-width: var(--icon-button-hover-border-right-width, var(--icon-button-hover-border-width, var(--icon-button-border-right-width, var(--icon-button-border-width))));
  border-top-color: var(--icon-button-hover-border-top-color, var(--icon-button-hover-border-color, var(--icon-button-border-top-color, var(--icon-button-border-color))));
  border-top-style: var(--icon-button-hover-border-top-style, var(--icon-button-hover-border-style, var(--icon-button-border-top-style, var(--icon-button-border-style))));
  border-top-width: var(--icon-button-hover-border-top-width, var(--icon-button-hover-border-width, var(--icon-button-border-top-width, var(--icon-button-border-width))));
  border-bottom-color: var(--icon-button-hover-border-bottom-color, var(--icon-button-hover-border-color, var(--icon-button-border-bottom-color, var(--icon-button-border-color))));
  border-bottom-style: var(--icon-button-hover-border-bottom-style, var(--icon-button-hover-border-style, var(--icon-button-border-bottom-style, var(--icon-button-border-style))));
  border-bottom-width: var(--icon-button-hover-border-bottom-width, var(--icon-button-hover-border-width, var(--icon-button-border-bottom-width, var(--icon-button-border-width))));
}
template-grid .icon-button:hover mat-icon,
template-grid button.part-content.mat-mdc-button-base:hover mat-icon {
  color: var(--icon-button-hover-color, var(--icon-button-color));
  font-size: var(--icon-button-hover-size, var(--icon-button-size));
}
template-grid .mat-mdc-text-field-wrapper {
  background-color: var(--input-background-color);
  border-radius: var(--input-border-radius);
}
template-grid .mat-mdc-text-field-wrapper:hover {
  background-color: var(--input-hover-background-color, var(--input-background-color));
  border-radius: var(--input-hover-border-radius, var(--input-border-radius));
}
template-grid .mat-mdc-text-field-wrapper:focus {
  background-color: var(--input-focus-background-color, var(--input-background-color));
  border-radius: var(--input-focus-border-radius, var(--input-border-radius));
}
template-grid mat-form-field input:focus {
  border: unset;
}
template-grid mat-form-field input[type=text]:focus,
template-grid mat-form-field input[type=email]:focus,
template-grid mat-form-field input[type=url]:focus,
template-grid mat-form-field input[type=password]:focus,
template-grid mat-form-field input[type=number]:focus,
template-grid mat-form-field input[type=date]:focus,
template-grid mat-form-field input[type=datetime-local]:focus,
template-grid mat-form-field input[type=month]:focus,
template-grid mat-form-field input[type=search]:focus,
template-grid mat-form-field input[type=tel]:focus,
template-grid mat-form-field input[type=time]:focus,
template-grid mat-form-field input[type=week]:focus,
template-grid mat-form-field input[multiple]:focus,
template-grid mat-form-field textarea:focus,
template-grid mat-form-field select:focus {
  border: unset;
  box-shadow: unset;
}
template-grid mat-form-field input[type=text],
template-grid mat-form-field input[type=email],
template-grid mat-form-field input[type=url],
template-grid mat-form-field input[type=password],
template-grid mat-form-field input[type=number],
template-grid mat-form-field input[type=date],
template-grid mat-form-field input[type=datetime-local],
template-grid mat-form-field input[type=month],
template-grid mat-form-field input[type=search],
template-grid mat-form-field input[type=tel],
template-grid mat-form-field input[type=time],
template-grid mat-form-field input[type=week],
template-grid mat-form-field input[multiple],
template-grid mat-form-field textarea,
template-grid mat-form-field select {
  padding-top: unset;
  padding-left: unset;
  padding-right: unset;
  padding-bottom: unset;
  border: unset;
  box-shadow: unset;
}
template-grid mat-form-field.mat-mdc-form-field:hover,
template-grid mat-form-field:hover .mdc-text-field--outlined {
  --mdc-outlined-text-field-outline-width: var(--input-hover-border-width, var(--input-border-width));
  --mdc-outlined-text-field-container-shape: var(--input-hover-border-radius, var(--input-border-radius));
}
template-grid mat-form-field.mat-mdc-form-field,
template-grid mat-form-field .mdc-text-field--outlined {
  --mdc-outlined-text-field-outline-width: var(--input-border-width);
  --mdc-outlined-text-field-outline-color: var(--input-border-color);
  --mdc-outlined-text-field-container-shape: var(--input-border-radius);
  --mdc-outlined-text-field-focus-outline-width: var(
      --input-focus-within-border-width,
      var(--input-focus-border-width, var(--input-hover-border-width, var(--input-border-width)))
  );
  --mdc-outlined-text-field-focus-outline-color: var(
      --input-focus-within-border-color,
      var(--input-focus-border-color, var(--input-hover-border-color, var(--input-border-color)))
  );
  --mdc-outlined-text-field-focus-container-shape: var(
      --input-focus-within-border-radius,
      var(--input-focus-border-radius, var(--input-hover-border-radius, var(--input-border-radius)))
  );
  --mdc-outlined-text-field-hover-outline-color: var(--input-hover-border-color, var(--input-border-color));
  --mat-form-field-outlined-label-text-populated-size: var(--input-label-font-size);
  --mdc-outlined-text-field-label-text-font: var(--input-label-font-family);
  --mdc-outlined-text-field-label-text-size: var(--input-label-font-size);
  --mdc-outlined-text-field-label-text-tracking: var(--input-label-font-letter-spacing);
  --mdc-outlined-text-field-label-text-weight: var(--input-label-font-weight);
  --mdc-outlined-text-field-label-text-color: var(--input-label-color);
  --mdc-outlined-text-field-focus-label-text-color: var(
      --input-label-focus-within-color,
      var(--input-label-focus-color, var(--input-label-hover-color, var(--input-label-focus-color)))
  );
  font-style: var(--input-label-font-style) !important;
}
template-grid mat-form-field.mat-mdc-form-field:hover,
template-grid mat-form-field:hover .mdc-text-field--outlined {
  --mat-form-field-outlined-label-text-populated-size: var(--input-label-hover-font-size, var(--input-label-font-size));
  --mdc-outlined-text-field-label-text-font: var(--input-label-hover-font-family, var(--input-label-font-family));
  --mdc-outlined-text-field-label-text-size: var(--input-label-hover-font-size, var(--input-label-font-size));
  --mdc-outlined-text-field-label-text-tracking: var(--input-label-hover-font-letter-spacing, var(--input-label-font-letter-spacing));
  --mdc-outlined-text-field-label-text-weight: var(--input-label-hover-font-weight, var(--input-label-font-weight));
  --mdc-outlined-text-field-label-text-color: var(--input-label-hover-color, var(--input-label-color));
}
template-grid mat-form-field.mat-mdc-form-field.mat-focused,
template-grid mat-form-field.mat-focused .mdc-text-field--outlined {
  --mat-form-field-outlined-label-text-populated-size: var(
      --input-label-focus-within-font-size,
      var(--input-label-focus-font-size, var(--input-label-hover-font-size, var(--input-label-font-size)))
  );
  --mdc-outlined-text-field-label-text-font: var(
      --input-label-focus-within-font-family,
      var(--input-label-focus-font-family, var(--input-label-hover-font-family, var(--input-label-font-family)))
  );
  --mdc-outlined-text-field-label-text-size: var(
      --input-label-focus-within-font-size,
      var(--input-label-focus-font-size, var(--input-label-hover-font-size, var(--input-label-font-size)))
  );
  --mdc-outlined-text-field-label-text-tracking: var(
      --input-label-focus-within-font-letter-spacing,
      var(
          --input-label-focus-font-letter-spacing,
          var(--input-label-hover-font-letter-spacing, var(--input-label-font-letter-spacing))
      )
  );
  --mdc-outlined-text-field-label-text-weight: var(
      --input-label-focus-within-font-weight,
      var(--input-label-focus-font-weight, var(--input-label-hover-font-weight, var(--input-label-font-weight)))
  );
  --mdc-outlined-text-field-label-text-color: var(
      --input-label-focus-within-color,
      var(--input-label-focus-color, var(--input-label-hover-color, var(--input-label-color)))
  );
}
template-grid mat-form-field.mat-mdc-form-field input,
template-grid mat-form-field.mat-mdc-form-field textarea,
template-grid mat-form-field.mat-mdc-form-field mat-select,
template-grid mat-form-field .mdc-text-field--outlined input,
template-grid mat-form-field .mdc-text-field--outlined textarea,
template-grid mat-form-field .mdc-text-field--outlined mat-select {
  font-family: var(--input-answer-font-family) !important;
  line-height: var(--input-answer-font-line-height) !important;
  font-size: var(--input-answer-font-size) !important;
  letter-spacing: var(--input-answer-font-letter-spacing) !important;
  font-weight: var(--input-answer-font-weight) !important;
  font-stretch: var(--input-answer-font-stretch) !important;
  font-style: var(--input-answer-font-style) !important;
  font-variant: var(--input-answer-font-variant) !important;
  font-variant-caps: var(--input-answer-font-variant-caps) !important;
  text-align: var(--input-answer-font-alignment) !important;
  color: var(--input-answer-color) !important;
}
template-grid mat-form-field:hover .mat-mdc-form-field input,
template-grid mat-form-field:hover .mat-mdc-form-field textarea,
template-grid mat-form-field:hover .mat-mdc-form-field mat-select,
template-grid mat-form-field:hover .mdc-text-field--outlined input,
template-grid mat-form-field:hover .mdc-text-field--outlined textarea,
template-grid mat-form-field:hover .mdc-text-field--outlined mat-select {
  font-family: var(--input-answer-hover-font-family, var(--input-answer-font-family)) !important;
  line-height: var(--input-answer-hover-font-line-height, var(--input-answer-font-line-height)) !important;
  font-size: var(--input-answer-hover-font-size, var(--input-answer-font-size)) !important;
  letter-spacing: var(--input-answer-hover-font-letter-spacing, var(--input-answer-font-letter-spacing)) !important;
  font-weight: var(--input-answer-hover-font-weight, var(--input-answer-font-weight)) !important;
  font-stretch: var(--input-answer-hover-font-stretch, var(--input-answer-font-stretch)) !important;
  font-style: var(--input-answer-hover-font-style, var(--input-answer-font-style)) !important;
  font-variant: var(--input-answer-hover-font-variant, var(--input-answer-font-variant)) !important;
  font-variant-caps: var(--input-answer-hover-font-variant-caps, var(--input-answer-font-variant-caps)) !important;
  text-align: var(--input-answer-hover-font-alignment, var(--input-answer-font-alignment)) !important;
  color: var(--input-answer-hover-color, var(--input-answer-color)) !important;
}
template-grid mat-form-field.mat-focused.mat-mdc-form-field input,
template-grid mat-form-field.mat-focused.mat-mdc-form-field textarea,
template-grid mat-form-field.mat-focused.mat-mdc-form-field mat-select,
template-grid mat-form-field.mat-focused .mdc-text-field--outlined input,
template-grid mat-form-field.mat-focused .mdc-text-field--outlined textarea,
template-grid mat-form-field.mat-focused .mdc-text-field--outlined mat-select {
  font-family: var(--input-answer-focus-within-font-family, var(--input-answer-focus-font-family, var(--input-answer-hover-font-family, var(--input-answer-font-family)))) !important;
  line-height: var(--input-answer-focus-within-font-line-height, var(--input-answer-focus-font-line-height, var(--input-answer-hover-font-line-height, var(--input-answer-font-line-height)))) !important;
  font-size: var(--input-answer-focus-within-font-size, var(--input-answer-focus-font-size, var(--input-answer-hover-font-size, var(--input-answer-font-size)))) !important;
  letter-spacing: var(--input-answer-focus-within-font-letter-spacing, var(--input-answer-focus-font-letter-spacing, var(--input-answer-hover-font-letter-spacing, var(--input-answer-font-letter-spacing)))) !important;
  font-weight: var(--input-answer-focus-within-font-weight, var(--input-answer-focus-font-weight, var(--input-answer-hover-font-weight, var(--input-answer-font-weight)))) !important;
  font-stretch: var(--input-answer-focus-within-font-stretch, var(--input-answer-focus-font-stretch, var(--input-answer-hover-font-stretch, var(--input-answer-font-stretch)))) !important;
  font-style: var(--input-answer-focus-within-font-style, var(--input-answer-focus-font-style, var(--input-answer-hover-font-style, var(--input-answer-font-style)))) !important;
  font-variant: var(--input-answer-focus-within-font-variant, var(--input-answer-focus-font-variant, var(--input-answer-hover-font-variant, var(--input-answer-font-variant)))) !important;
  font-variant-caps: var(--input-answer-within-focus-font-variant-caps, var(--input-answer-focus-font-variant-caps, var(--input-answer-hover-font-variant-caps, var(--input-answer-font-variant-caps)))) !important;
  text-align: var(--input-answer-focus-within-font-alignment, var(--input-answer-focus-font-alignment, var(--input-answer-hover-font-alignment, var(--input-answer-font-alignment)))) !important;
  color: var(--input-answer-focus-within-color, var(--input-answer-focus-color, var(--input-answer-hover-color, var(--input-answer-color)))) !important;
}
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline .mdc-notched-outline__leading,
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline .mdc-notched-outline__notch,
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline .mdc-notched-outline__trailing {
  border-style: var(--input-border-style);
}
template-grid mat-form-field.mat-form-field-appearance-outline.mat-focused .mdc-notched-outline .mdc-notched-outline__leading,
template-grid mat-form-field.mat-form-field-appearance-outline.mat-focused .mdc-notched-outline .mdc-notched-outline__notch,
template-grid mat-form-field.mat-form-field-appearance-outline.mat-focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-style: var(--input-focus-within-border-style, var(--input-focus-border-style, var(--input-hover-border-style, var(--input-border-style))));
}
template-grid mat-form-field.mat-form-field-appearance-outline:hover .mdc-notched-outline .mdc-notched-outline__leading,
template-grid mat-form-field.mat-form-field-appearance-outline:hover .mdc-notched-outline .mdc-notched-outline__notch,
template-grid mat-form-field.mat-form-field-appearance-outline:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-style: var(--input-hover-border-style, var(--input-border-style));
}
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline--notched .mdc-notched-outline__notch {
  border-top: none !important;
}
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline .mdc-notched-outline__leading,
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline .mdc-notched-outline__notch {
  border-right: none !important;
}
template-grid mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline .mdc-notched-outline__trailing {
  border-left: none !important;
}
template-grid .mat-form-field-underline {
  background-color: red;
}
template-grid .mat-form-field-ripple {
  background-color: red;
}
template-grid .checkbox-field .question {
  margin-top: var(--checkbox-field-label-margin-top, var(--checkbox-field-label-margin));
  margin-right: var(--checkbox-field-label-margin-right, var(--checkbox-field-label-margin));
  margin-bottom: var(--checkbox-field-label-margin-bottom, var(--checkbox-field-label-margin));
  margin-left: var(--checkbox-field-label-margin-left, var(--checkbox-field-label-margin));
  font-size: var(--checkbox-field-label-font-size);
  letter-spacing: var(--checkbox-field-label-letter-spacing);
  font-weight: var(--checkbox-field-label-font-weight);
  font-style: var(--checkbox-field-label-font-style);
  color: var(--checkbox-field-label-color);
  font-family: var(--checkbox-field-label-font-family);
  line-height: var(--checkbox-field-label-line-height);
}
template-grid .checkbox-field .question:hover {
  margin-top: var(--checkbox-field-label-hover-margin-top, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-top, var(--checkbox-field-label-margin))));
  margin-right: var(--checkbox-field-label-hover-margin-right, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-right, var(--checkbox-field-label-margin))));
  margin-bottom: var(--checkbox-field-label-hover-margin-bottom, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-bottom, var(--checkbox-field-label-margin))));
  margin-left: var(--checkbox-field-label-hover-margin-left, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-left, var(--checkbox-field-label-margin))));
  font-size: var(--checkbox-field-label-hover-font-size, var(--checkbox-field-label-font-size));
  letter-spacing: var(--checkbox-field-label-hover-letter-spacing, var(--checkbox-field-label-letter-spacing));
  font-weight: var(--checkbox-field-label-hover-font-weight, var(--checkbox-field-label-font-weight));
  font-style: var(--checkbox-field-label-hover-font-style, var(--checkbox-field-label-font-style));
  color: var(--checkbox-field-label-hover-color, var(--checkbox-field-label-color));
  font-family: var(--checkbox-field-label-hover-font-family, var(--checkbox-field-label-font-family));
  line-height: var(--checkbox-field-label-hover-line-height, var(--checkbox-field-label-line-height));
}
template-grid .checkbox-field .question:focus-within {
  margin-top: var(--checkbox-field-label-hover-margin-top, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-top, var(--checkbox-field-label-margin))));
  margin-right: var(--checkbox-field-label-hover-margin-right, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-right, var(--checkbox-field-label-margin))));
  margin-bottom: var(--checkbox-field-label-hover-margin-bottom, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-bottom, var(--checkbox-field-label-margin))));
  margin-left: var(--checkbox-field-label-hover-margin-left, var(--checkbox-field-label-hover-margin, var(--checkbox-field-label-margin-left, var(--checkbox-field-label-margin))));
  font-size: var(--checkbox-field-label-focus-within-font-size, var(--checkbox-field-label-hover-font-size, var(--checkbox-field-label-font-size)));
  letter-spacing: var(--checkbox-field-label-focus-within-letter-spacing, var(--checkbox-field-label-hover-letter-spacing, var(--checkbox-field-label-letter-spacing)));
  font-weight: var(--checkbox-field-label-focus-within-font-weight, var(--checkbox-field-label-hover-font-weight, var(--checkbox-field-label-font-weight)));
  font-style: var(--checkbox-field-label-focus-within-font-style, var(--checkbox-field-label-hover-font-style, var(--checkbox-field-label-font-style)));
  color: var(--checkbox-field-label-focus-within-color, var(--checkbox-field-label-hover-color, var(--checkbox-field-label-color)));
  font-family: var(--checkbox-field-label-focus-within-font-family, var(--checkbox-field-label-hover-font-family, var(--checkbox-field-label-font-family)));
  line-height: var(--checkbox-field-label-focus-within-line-height, var(--checkbox-field-label-hover-line-height, var(--checkbox-field-label-line-height)));
}
template-grid .checkbox-field .choice .mdc-form-field {
  font-size: var(--checkbox-field-answer-font-size);
  letter-spacing: var(--checkbox-field-answer-letter-spacing);
  font-weight: var(--checkbox-field-answer-font-weight);
  font-style: var(--checkbox-field-answer-font-style);
  color: var(--checkbox-field-answer-color);
  font-family: var(--checkbox-field-answer-font-family);
  line-height: var(--checkbox-field-answer-line-height);
}
template-grid .checkbox-field .choice .mdc-form-field:hover {
  font-size: var(--checkbox-field-answer-hover-font-size, var(--checkbox-field-answer-font-size));
  letter-spacing: var(--checkbox-field-answer-hover-letter-spacing, var(--checkbox-field-answer-letter-spacing));
  font-weight: var(--checkbox-field-answer-hover-font-weight, var(--checkbox-field-answer-font-weight));
  font-style: var(--checkbox-field-answer-hover-font-style, var(--checkbox-field-answer-font-style));
  color: var(--checkbox-field-answer-hover-color, var(--checkbox-field-answer-color));
  font-family: var(--checkbox-field-answer-hover-font-family, var(--checkbox-field-answer-font-family));
  line-height: var(--checkbox-field-answer-hover-line-height, var(--checkbox-field-answer-line-height));
}
template-grid .checkbox-field .choice .mdc-form-field:focus-within {
  font-size: var(--checkbox-field-answer-focus-within-font-size, var(--checkbox-field-answer-hover-font-size, var(--checkbox-field-answer-font-size)));
  letter-spacing: var(--checkbox-field-answer-focus-within-letter-spacing, var(--checkbox-field-answer-hover-letter-spacing, var(--checkbox-field-answer-letter-spacing)));
  font-weight: var(--checkbox-field-answer-focus-within-font-weight, var(--checkbox-field-answer-hover-font-weight, var(--checkbox-field-answer-font-weight)));
  font-style: var(--checkbox-field-answer-focus-within-font-style, var(--checkbox-field-answer-hover-font-style, var(--checkbox-field-answer-font-style)));
  color: var(--checkbox-field-answer-focus-within-color, var(--checkbox-field-answer-hover-color, var(--checkbox-field-answer-color)));
  font-family: var(--checkbox-field-answer-focus-within-font-family, var(--checkbox-field-answer-hover-font-family, var(--checkbox-field-answer-font-family)));
  line-height: var(--checkbox-field-answer-focus-within-line-height, var(--checkbox-field-answer-hover-line-height, var(--checkbox-field-answer-line-height)));
}
template-grid .checkbox-field mat-grid-tile {
  margin-top: var(--checkbox-field-answer-margin-top, var(--checkbox-field-answer-margin));
  margin-right: var(--checkbox-field-answer-margin-right, var(--checkbox-field-answer-margin));
  margin-bottom: var(--checkbox-field-answer-margin-bottom, var(--checkbox-field-answer-margin));
  margin-left: var(--checkbox-field-answer-margin-left, var(--checkbox-field-answer-margin));
}
template-grid .checkbox-field mat-grid-tile:hover {
  margin-top: var(--checkbox-field-answer-hover-margin-top, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-top, var(--checkbox-field-answer-margin))));
  margin-right: var(--checkbox-field-answer-hover-margin-right, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-right, var(--checkbox-field-answer-margin))));
  margin-bottom: var(--checkbox-field-answer-hover-margin-bottom, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-bottom, var(--checkbox-field-answer-margin))));
  margin-left: var(--checkbox-field-answer-hover-margin-left, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-left, var(--checkbox-field-answer-margin))));
}
template-grid .checkbox-field mat-grid-tile:focus-within {
  margin-top: var(--checkbox-field-answer-focus-within-margin-top, var(--checkbox-field-answer-focus-within-margin, var(--checkbox-field-answer-hover-margin-top, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-top, var(--checkbox-field-answer-margin))))));
  margin-right: var(--checkbox-field-answer-focus-within-margin-right, var(--checkbox-field-answer-focus-within-margin, var(--checkbox-field-answer-hover-margin-right, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-right, var(--checkbox-field-answer-margin))))));
  margin-bottom: var(--checkbox-field-answer-focus-within-margin-bottom, var(--checkbox-field-answer-focus-within-margin, var(--checkbox-field-answer-hover-margin-bottom, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-bottom, var(--checkbox-field-answer-margin))))));
  margin-left: var(--checkbox-field-answer-focus-within-margin-left, var(--checkbox-field-answer-focus-within-margin, var(--checkbox-field-answer-hover-margin-left, var(--checkbox-field-answer-hover-margin, var(--checkbox-field-answer-margin-left, var(--checkbox-field-answer-margin))))));
}
template-grid .checkbox-field mat-checkbox.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-unselected-icon-color: var(--checkbox-field-unselected-color);
  --mdc-checkbox-unselected-hover-icon-color: var(
      --checkbox-field-hover-unselected-color,
      var(--checkbox-field-unselected-color)
  );
  --mdc-checkbox-unselected-pressed-icon-color: var(
      --checkbox-field-hover-unselected-color,
      var(--checkbox-field-unselected-color)
  );
  --mdc-checkbox-selected-focus-icon-color: var(
      --checkbox-field-focus-within-selected-color,
      var(--checkbox-field-selected-color)
  );
  --mdc-checkbox-selected-hover-icon-color: var(--checkbox-field-hover-selected-color, var(--checkbox-field-selected-color));
  --mdc-checkbox-selected-icon-color: var(--checkbox-field-selected-color);
  --mdc-checkbox-pressed-focus-icon-color: var(
      --checkbox-field-focus-within-selected-color,
      var(--checkbox-field-selected-color)
  );
  --mdc-checkbox-pressed-hover-icon-color: var(--checkbox-field-hover-selected-color, var(--checkbox-field-selected-color));
  --mdc-checkbox-pressed-icon-color: var(--checkbox-field-selected-color);
  --mdc-theme-text-primary-on-background: var(--checkbox-field-unselected-color);
}
template-grid .checkbox-field mat-checkbox.choice:hover {
  --mdc-checkbox-unselected-icon-color: var(--checkbox-field-hover-unselected-color, var(--checkbox-field-unselected-color));
  --mdc-checkbox-selected-icon-color: var(--checkbox-field-hover-selected-color, var(--checkbox-field-selected-color));
}
template-grid .checkbox-field mat-checkbox.choice:focus-within,
template-grid .checkbox-field mat-checkbox.choice:focus,
template-grid .checkbox-field mat-checkbox.choice:active {
  --mdc-checkbox-unselected-icon-color: var(
      --checkbox-field-focus-within-unselected-color,
      var(--checkbox-field-hover-unselected-color, var(--checkbox-field-unselected-color))
  );
  --mdc-checkbox-selected-icon-color: var(
      --checkbox-field-focus-within-selected-color,
      var(--checkbox-field-hover-selected-color, var(--checkbox-field-hover-selected-color))
  );
}
template-grid .radiobutton-field .question {
  margin-top: var(--radiobutton-field-label-margin-top, var(--radiobutton-field-label-margin));
  margin-right: var(--radiobutton-field-label-margin-right, var(--radiobutton-field-label-margin));
  margin-bottom: var(--radiobutton-field-label-margin-bottom, var(--radiobutton-field-label-margin));
  margin-left: var(--radiobutton-field-label-margin-left, var(--radiobutton-field-label-margin));
  font-size: var(--radiobutton-field-label-font-size);
  letter-spacing: var(--radiobutton-field-label-letter-spacing);
  font-weight: var(--radiobutton-field-label-font-weight);
  font-style: var(--radiobutton-field-label-font-style);
  color: var(--radiobutton-field-label-color);
  font-family: var(--radiobutton-field-label-font-family);
  line-height: var(--radiobutton-field-label-line-height);
}
template-grid .radiobutton-field:hover .question {
  margin-top: var(--radiobutton-field-label-hover-margin-top, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-top, var(--radiobutton-field-label-margin))));
  margin-right: var(--radiobutton-field-label-hover-margin-right, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-right, var(--radiobutton-field-label-margin))));
  margin-bottom: var(--radiobutton-field-label-hover-margin-bottom, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-bottom, var(--radiobutton-field-label-margin))));
  margin-left: var(--radiobutton-field-label-hover-margin-left, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-left, var(--radiobutton-field-label-margin))));
  font-size: var(--radiobutton-field-label-hover-font-size, var(--radiobutton-field-label-font-size));
  letter-spacing: var(--radiobutton-field-label-hover-letter-spacing, var(--radiobutton-field-label-letter-spacing));
  font-weight: var(--radiobutton-field-label-hover-font-weight, var(--radiobutton-field-label-font-weight));
  font-style: var(--radiobutton-field-label-hover-font-style, var(--radiobutton-field-label-font-style));
  color: var(--radiobutton-field-label-hover-color, var(--radiobutton-field-label-color));
  font-family: var(--radiobutton-field-label-hover-font-family, var(--radiobutton-field-label-font-family));
  line-height: var(--radiobutton-field-label-hover-line-height, var(--radiobutton-field-label-line-height));
}
template-grid .radiobutton-field:focus-within .question {
  margin-top: var(--radiobutton-field-label-hover-margin-top, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-top, var(--radiobutton-field-label-margin))));
  margin-right: var(--radiobutton-field-label-hover-margin-right, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-right, var(--radiobutton-field-label-margin))));
  margin-bottom: var(--radiobutton-field-label-hover-margin-bottom, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-bottom, var(--radiobutton-field-label-margin))));
  margin-left: var(--radiobutton-field-label-hover-margin-left, var(--radiobutton-field-label-hover-margin, var(--radiobutton-field-label-margin-left, var(--radiobutton-field-label-margin))));
  font-size: var(--radiobutton-field-label-focus-within-font-size, var(--radiobutton-field-label-hover-font-size, var(--radiobutton-field-label-font-size)));
  letter-spacing: var(--radiobutton-field-label-focus-within-letter-spacing, var(--radiobutton-field-label-hover-letter-spacing, var(--radiobutton-field-label-letter-spacing)));
  font-weight: var(--radiobutton-field-label-focus-within-font-weight, var(--radiobutton-field-label-hover-font-weight, var(--radiobutton-field-label-font-weight)));
  font-style: var(--radiobutton-field-label-focus-within-font-style, var(--radiobutton-field-label-hover-font-style, var(--radiobutton-field-label-font-style)));
  color: var(--radiobutton-field-label-focus-within-color, var(--radiobutton-field-label-hover-color, var(--radiobutton-field-label-color)));
  font-family: var(--radiobutton-field-label-focus-within-font-family, var(--radiobutton-field-label-hover-font-family, var(--radiobutton-field-label-font-family)));
  line-height: var(--radiobutton-field-label-focus-within-line-height, var(--radiobutton-field-label-hover-line-height, var(--radiobutton-field-label-line-height)));
}
template-grid .radiobutton-field .choice .mdc-form-field {
  font-size: var(--radiobutton-field-answer-font-size);
  letter-spacing: var(--radiobutton-field-answer-letter-spacing);
  font-weight: var(--radiobutton-field-answer-font-weight);
  font-style: var(--radiobutton-field-answer-font-style);
  color: var(--radiobutton-field-answer-color);
  font-family: var(--radiobutton-field-answer-font-family);
  line-height: var(--radiobutton-field-answer-line-height);
}
template-grid .radiobutton-field .choice .mdc-form-field:hover {
  font-size: var(--radiobutton-field-answer-hover-font-size, var(--radiobutton-field-answer-font-size));
  letter-spacing: var(--radiobutton-field-answer-hover-letter-spacing, var(--radiobutton-field-answer-letter-spacing));
  font-weight: var(--radiobutton-field-answer-hover-font-weight, var(--radiobutton-field-answer-font-weight));
  font-style: var(--radiobutton-field-answer-hover-font-style, var(--radiobutton-field-answer-font-style));
  color: var(--radiobutton-field-answer-hover-color, var(--radiobutton-field-answer-color));
  font-family: var(--radiobutton-field-answer-hover-font-family, var(--radiobutton-field-answer-font-family));
  line-height: var(--radiobutton-field-answer-hover-line-height, var(--radiobutton-field-answer-line-height));
}
template-grid .radiobutton-field .choice .mdc-form-field:focus-within {
  font-size: var(--radiobutton-field-answer-focus-within-font-size, var(--radiobutton-field-answer-hover-font-size, var(--radiobutton-field-answer-font-size)));
  letter-spacing: var(--radiobutton-field-answer-focus-within-letter-spacing, var(--radiobutton-field-answer-hover-letter-spacing, var(--radiobutton-field-answer-letter-spacing)));
  font-weight: var(--radiobutton-field-answer-focus-within-font-weight, var(--radiobutton-field-answer-hover-font-weight, var(--radiobutton-field-answer-font-weight)));
  font-style: var(--radiobutton-field-answer-focus-within-font-style, var(--radiobutton-field-answer-hover-font-style, var(--radiobutton-field-answer-font-style)));
  color: var(--radiobutton-field-answer-focus-within-color, var(--radiobutton-field-answer-hover-color, var(--radiobutton-field-answer-color)));
  font-family: var(--radiobutton-field-answer-focus-within-font-family, var(--radiobutton-field-answer-hover-font-family, var(--radiobutton-field-answer-font-family)));
  line-height: var(--radiobutton-field-answer-focus-within-line-height, var(--radiobutton-field-answer-hover-line-height, var(--radiobutton-field-answer-line-height)));
}
template-grid .radiobutton-field mat-grid-tile {
  margin-top: var(--radiobutton-field-answer-margin-top, var(--radiobutton-field-answer-margin));
  margin-right: var(--radiobutton-field-answer-margin-right, var(--radiobutton-field-answer-margin));
  margin-bottom: var(--radiobutton-field-answer-margin-bottom, var(--radiobutton-field-answer-margin));
  margin-left: var(--radiobutton-field-answer-margin-left, var(--radiobutton-field-answer-margin));
}
template-grid .radiobutton-field mat-grid-tile:hover {
  margin-top: var(--radiobutton-field-answer-hover-margin-top, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-top, var(--radiobutton-field-answer-margin))));
  margin-right: var(--radiobutton-field-answer-hover-margin-right, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-right, var(--radiobutton-field-answer-margin))));
  margin-bottom: var(--radiobutton-field-answer-hover-margin-bottom, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-bottom, var(--radiobutton-field-answer-margin))));
  margin-left: var(--radiobutton-field-answer-hover-margin-left, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-left, var(--radiobutton-field-answer-margin))));
}
template-grid .radiobutton-field mat-grid-tile:focus-within {
  margin-top: var(--radiobutton-field-answer-focus-within-margin-top, var(--radiobutton-field-answer-focus-within-margin, var(--radiobutton-field-answer-hover-margin-top, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-top, var(--radiobutton-field-answer-margin))))));
  margin-right: var(--radiobutton-field-answer-focus-within-margin-right, var(--radiobutton-field-answer-focus-within-margin, var(--radiobutton-field-answer-hover-margin-right, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-right, var(--radiobutton-field-answer-margin))))));
  margin-bottom: var(--radiobutton-field-answer-focus-within-margin-bottom, var(--radiobutton-field-answer-focus-within-margin, var(--radiobutton-field-answer-hover-margin-bottom, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-bottom, var(--radiobutton-field-answer-margin))))));
  margin-left: var(--radiobutton-field-answer-focus-within-margin-left, var(--radiobutton-field-answer-focus-within-margin, var(--radiobutton-field-answer-hover-margin-left, var(--radiobutton-field-answer-hover-margin, var(--radiobutton-field-answer-margin-left, var(--radiobutton-field-answer-margin))))));
}
template-grid .radiobutton-field .mat-mdc-radio-button {
  --mdc-radio-selected-icon-color: var(--radiobutton-field-selected-color) !important;
  --mdc-radio-unselected-icon-color: var(--radiobutton-field-unselected-color) !important;
  --mdc-radio-selected-hover-icon-color: var(
      --radiobutton-field-hover-selected-color,
      var(--radiobutton-field-selected-color)
  ) !important;
  --mdc-radio-unselected-hover-icon-color: var(
      --radiobutton-field-hover-unselected-color,
      var(--radiobutton-field-unselected-color)
  ) !important;
  --mdc-radio-selected-focus-icon-color: var(
      --radiobutton-field-focus-within-selected-color,
      var(--radiobutton-field-hover-selected-color, var(--radiobutton-field-selected-color))
  ) !important;
  --mdc-radio-unselected-focus-icon-color: var(
      --radiobutton-field-focus-within-unselected-color,
      var(--radiobutton-field-hover-unselected-color, var(--radiobutton-field-unselected-color))
  ) !important;
}
template-grid .radiobutton-field .mat-mdc-radio-button:focus {
  --mdc-radio-selected-icon-color: var(
      --radiobutton-field-focus-within-selected-color,
      var(--radiobutton-field-hover-selected-color, var(--radiobutton-field-selected-color))
  ) !important;
  --mdc-radio-unselected-icon-color: var(
      --radiobutton-field-focus-within-unselected-color,
      var(--radiobutton-field-hover-unselected-color, var(--radiobutton-field-unselected-color))
  ) !important;
}
template-grid .radiobutton-field .mat-mdc-radio-button:focus-within {
  --mdc-radio-selected-icon-color: var(
      --radiobutton-field-focus-within-selected-color,
      var(--radiobutton-field-hover-selected-color, var(--radiobutton-field-selected-color))
  ) !important;
  --mdc-radio-unselected-icon-color: var(
      --radiobutton-field-focus-within-unselected-color,
      var(--radiobutton-field-hover-unselected-color, var(--radiobutton-field-unselected-color))
  ) !important;
}
template-grid .slider-field mat-slider {
  --mdc-slider-handle-color: var(--slider-color) !important;
  --mdc-slider-focus-handle-color: var(--slider-color) !important;
  --mdc-slider-hover-handle-color: var(--slider-color) !important;
  --mdc-slider-active-track-color: var(--slider-color) !important;
  --mdc-slider-inactive-track-color: var(--slider-color) !important;
  --mat-mdc-slider-ripple-color: var(--slider-color) !important;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--slider-color) !important;
}
template-grid .slider-field .question {
  margin-top: var(--slider-field-label-margin-top, var(--slider-field-label-margin));
  margin-right: var(--slider-field-label-margin-right, var(--slider-field-label-margin));
  margin-bottom: var(--slider-field-label-margin-bottom, var(--slider-field-label-margin));
  margin-left: var(--slider-field-label-margin-left, var(--slider-field-label-margin));
  font-size: var(--slider-field-label-font-size);
  letter-spacing: var(--slider-field-label-letter-spacing);
  font-weight: var(--slider-field-label-font-weight);
  font-style: var(--slider-field-label-font-style);
  color: var(--slider-field-label-color);
  font-family: var(--slider-field-label-font-family);
  line-height: var(--slider-field-label-line-height);
}
template-grid .slider-field .question:hover {
  margin-top: var(--slider-field-label-hover-margin-top, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-top, var(--slider-field-label-margin))));
  margin-right: var(--slider-field-label-hover-margin-right, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-right, var(--slider-field-label-margin))));
  margin-bottom: var(--slider-field-label-hover-margin-bottom, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-bottom, var(--slider-field-label-margin))));
  margin-left: var(--slider-field-label-hover-margin-left, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-left, var(--slider-field-label-margin))));
  font-size: var(--slider-field-label-hover-font-size, var(--slider-field-label-font-size));
  letter-spacing: var(--slider-field-label-hover-letter-spacing, var(--slider-field-label-letter-spacing));
  font-weight: var(--slider-field-label-hover-font-weight, var(--slider-field-label-font-weight));
  font-style: var(--slider-field-label-hover-font-style, var(--slider-field-label-font-style));
  color: var(--slider-field-label-hover-color, var(--slider-field-label-color));
  font-family: var(--slider-field-label-hover-font-family, var(--slider-field-label-font-family));
  line-height: var(--slider-field-label-hover-line-height, var(--slider-field-label-line-height));
}
template-grid .slider-field .question:focus-within {
  margin-top: var(--slider-field-label-hover-margin-top, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-top, var(--slider-field-label-margin))));
  margin-right: var(--slider-field-label-hover-margin-right, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-right, var(--slider-field-label-margin))));
  margin-bottom: var(--slider-field-label-hover-margin-bottom, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-bottom, var(--slider-field-label-margin))));
  margin-left: var(--slider-field-label-hover-margin-left, var(--slider-field-label-hover-margin, var(--slider-field-label-margin-left, var(--slider-field-label-margin))));
  font-size: var(--slider-field-label-focus-within-font-size, var(--slider-field-label-hover-font-size, var(--slider-field-label-font-size)));
  letter-spacing: var(--slider-field-label-focus-within-letter-spacing, var(--slider-field-label-hover-letter-spacing, var(--slider-field-label-letter-spacing)));
  font-weight: var(--slider-field-label-focus-within-font-weight, var(--slider-field-label-hover-font-weight, var(--slider-field-label-font-weight)));
  font-style: var(--slider-field-label-focus-within-font-style, var(--slider-field-label-hover-font-style, var(--slider-field-label-font-style)));
  color: var(--slider-field-label-focus-within-color, var(--slider-field-label-hover-color, var(--slider-field-label-color)));
  font-family: var(--slider-field-label-focus-within-font-family, var(--slider-field-label-hover-font-family, var(--slider-field-label-font-family)));
  line-height: var(--slider-field-label-focus-within-line-height, var(--slider-field-label-hover-line-height, var(--slider-field-label-line-height)));
}
template-grid mat-divider {
  --mat-divider-color: var(--divider-color);
}
template-grid .mat-mdc-tab-group,
template-grid .mat-mdc-tab-nav-bar {
  --mat-tab-header-active-label-text-color: var(--tab-accent-color);
  --mat-tab-header-active-hover-label-text-color: var(--tab-hover-accent-color, var(--tab-accent-color));
  --mat-tab-header-active-hover-indicator-color: var(--tab-hover-accent-color, var(--tab-accent-color));
  --mat-tab-header-active-focus-label-text-color: var(--tab-accent-color);
  --mat-tab-header-active-focus-indicator-color: var(--tab-accent-color);
  --mat-tab-header-active-ripple-color: var(--tab-accent-color);
  --mdc-tab-indicator-active-indicator-color: var(--tab-accent-color);
  --mat-tab-header-inactive-ripple-color: var(--tab-accent-color);
}
template-grid mat-tab-body {
  border-bottom-left-radius: var(--part-border-bottom-radius, var(--part-border-radius));
  border-bottom-right-radius: var(--part-border-right-radius, var(--part-border-radius));
}
template-grid mat-tab-header.mat-mdc-tab-header {
  border-top-left-radius: var(--part-border-bottom-radius, var(--part-border-radius));
  border-top-right-radius: var(--part-border-right-radius, var(--part-border-radius));
  --mat-tab-header-label-text-font: var(--tab-font-family);
  --mat-tab-header-label-text-size: var(--tab-font-size);
  --mat-tab-header-label-text-line-height: var(--tab-line-height);
  --mat-tab-header-label-text-weight: var(--tab-font-weight);
  --mat-tab-header-inactive-label-text-color: var(--tab-color);
  --mat-tab-header-inactive-focus-label-text-color: var(--tab-color);
  --mat-tab-header-inactive-hover-label-text-color: var(--tab-color);
}
template-grid .link {
  font-style: var(--link-font-style);
  font-family: var(--link-font-family);
  font-size: var(--link-font-size);
  font-weight: var(--link-font-weight);
  color: var(--link-color);
  line-height: var(--link-font-line-height);
  letter-spacing: var(--link-letter-spacing);
  font-stretch: var(--link-font-stretch);
  font-variant: var(--link-font-variant);
  font-variant-caps: var(--link-font-variant-caps);
  text-align: var(--link-text-align);
  text-decoration-line: var(--link-text-decoration-line);
  text-decoration-style: var(--link-text-decoration-style);
  text-decoration-color: var(--link-text-decoration-color);
  text-decoration-thickness: var(--link-text-decoration-thickness);
}
template-grid .link:hover {
  font-style: var(--link-hover-font-style, var(--link-font-style));
  font-family: var(--link-hover-font-family, var(--link-font-family));
  font-size: var(--link-hover-font-size, var(--link-font-size));
  font-weight: var(--link-hover-font-weight, var(--link-font-weight));
  color: var(--link-hover-color, var(--link-color));
  line-height: var(--link-hover-font-line-height, var(--link-font-line-height));
  letter-spacing: var(--link-hover-letter-spacing, var(--link-letter-spacing));
  font-stretch: var(--link-hover-font-stretch, var(--link-font-stretch));
  font-variant: var(--link-hover-font-variant, var(--link-font-variant));
  font-variant-caps: var(--link-hover-font-variant-caps, var(--link-font-variant-caps));
  text-align: var(--link-hover-text-align, var(--link-text-align));
  text-decoration-line: var(--link-hover-text-decoration-line, var(--link-text-decoration-line));
  text-decoration-style: var(--link-hover-text-decoration-style, var(--link-text-decoration-style));
  text-decoration-color: var(--link-hover-text-decoration-color, var(--link-text-decoration-color));
  text-decoration-thickness: var(--link-hover-text-decoration-thickness, var(--link-text-decoration-thickness));
}
template-grid .link:focus {
  font-style: var(--link-focus-font-style, var(--link-font-style));
  font-family: var(--link-focus-font-family, var(--link-font-family));
  font-size: var(--link-focus-font-size, var(--link-font-size));
  font-weight: var(--link-focus-font-weight, var(--link-font-weight));
  color: var(--link-focus-color, var(--link-color));
  line-height: var(--link-focus-font-line-height, var(--link-font-line-height));
  letter-spacing: var(--link-focus-letter-spacing, var(--link-letter-spacing));
  font-stretch: var(--link-focus-font-stretch, var(--link-font-stretch));
  font-variant: var(--link-focus-font-variant, var(--link-font-variant));
  font-variant-caps: var(--link-focus-font-variant-caps, var(--link-font-variant-caps));
  text-align: var(--link-focus-text-align, var(--link-text-align));
  text-decoration-line: var(--link-focus-text-decoration-line, var(--link-text-decoration-line));
  text-decoration-style: var(--link-focus-text-decoration-style, var(--link-text-decoration-style));
  text-decoration-color: var(--link-focus-text-decoration-color, var(--link-text-decoration-color));
  text-decoration-thickness: var(--link-focus-text-decoration-thickness, var(--link-text-decoration-thickness));
}
template-grid .link:active {
  font-style: var(--link-active-font-style, var(--link-font-style));
  font-family: var(--link-active-font-family, var(--link-font-family));
  font-size: var(--link-active-font-size, var(--link-font-size));
  font-weight: var(--link-active-font-weight, var(--link-font-weight));
  color: var(--link-active-color, var(--link-color));
  line-height: var(--link-active-font-line-height, var(--link-font-line-height));
  letter-spacing: var(--link-active-letter-spacing, var(--link-letter-spacing));
  font-stretch: var(--link-active-font-stretch, var(--link-font-stretch));
  font-variant: var(--link-active-font-variant, var(--link-font-variant));
  font-variant-caps: var(--link-active-font-variant-caps, var(--link-font-variant-caps));
  text-align: var(--link-active-text-align, var(--link-text-align));
  text-decoration-line: var(--link-active-text-decoration-line, var(--link-text-decoration-line));
  text-decoration-style: var(--link-active-text-decoration-style, var(--link-text-decoration-style));
  text-decoration-color: var(--link-active-text-decoration-color, var(--link-text-decoration-color));
  text-decoration-thickness: var(--link-active-text-decoration-thickness, var(--link-text-decoration-thickness));
}
template-grid img:hover {
  object-fit: var(--image-hover-object-fit, var(--image-object-fit));
}
template-grid span.svg-image svg {
  height: 100%;
  width: 100%;
}
template-grid span.svg-image {
  height: 100%;
  width: 100%;
  display: block;
  color: var(--image-color);
}
template-grid span.svg-image:hover {
  color: var(--image-hover-color, var(--image-color));
}
template-grid h1 {
  --title-font-size: var(--headline-large-font-size);
  --title-letter-spacing: var(--headline-large-letter-spacing);
  --title-font-weight: var(--headline-large-font-weight);
  --title-font-style: var(--headline-large-font-style);
  --title-color: var(--headline-large-font-color);
  --title-font-family: var(--headline-large-font-family);
}
template-grid h2 {
  --title-font-size: var(--headline-medium-font-size);
  --title-letter-spacing: var(--headline-medium-letter-spacing);
  --title-font-weight: var(--headline-medium-font-weight);
  --title-font-style: var(--headline-medium-font-style);
  --title-color: var(--headline-medium-font-color);
  --title-font-family: var(--headline-medium-font-family);
}
template-grid h3 {
  --title-font-size: var(--headline-small-font-size);
  --title-letter-spacing: var(--headline-small-letter-spacing);
  --title-font-weight: var(--headline-small-font-weight);
  --title-font-style: var(--headline-small-font-style);
  --title-color: var(--headline-small-font-color);
  --title-font-family: var(--headline-small-font-family);
}
template-grid h4 {
  --title-font-size: var(--title-large-font-size);
  --title-letter-spacing: var(--title-large-letter-spacing);
  --title-font-weight: var(--title-large-font-weight);
  --title-font-style: var(--title-large-font-style);
  --title-color: var(--title-large-font-color);
  --title-font-family: var(--title-large-font-family);
}
template-grid h5 {
  --title-font-size: var(--title-medium-font-size);
  --title-letter-spacing: var(--title-medium-letter-spacing);
  --title-font-weight: var(--title-medium-font-weight);
  --title-font-style: var(--title-medium-font-style);
  --title-color: var(--title-medium-font-color);
  --title-font-family: var(--title-medium-font-family);
}
template-grid h6 {
  --title-font-size: var(--title-small-font-size);
  --title-letter-spacing: var(--title-small-letter-spacing);
  --title-font-weight: var(--title-small-font-weight);
  --title-font-style: var(--title-small-font-style);
  --title-color: var(--title-small-font-color);
  --title-font-family: var(--title-small-font-family);
}
template-grid h1,
template-grid h2,
template-grid h3,
template-grid h4,
template-grid h5,
template-grid h6 {
  font-size: var(--title-font-size) !important;
  letter-spacing: var(--title-letter-spacing) !important;
  font-weight: var(--title-font-weight) !important;
  font-style: var(--title-font-style) !important;
  color: var(--title-color) !important;
  font-family: var(--title-font-family) !important;
  line-height: var(--title-line-height) !important;
  text-align: var(--title-text-align) !important;
  font-variant: var(--title-font-variant, normal) !important;
  font-variant-caps: var(--title-font-variant-caps, normal) !important;
  font-stretch: var(--title-font-stretch) !important;
  text-decoration-line: var(--title-text-decoration-line);
  text-decoration-style: var(--title-text-decoration-style);
  text-decoration-color: var(--title-text-decoration-color);
  text-decoration-thickness: var(--title-text-decoration-thickness);
}
template-grid codex-datatable-part-front mat-form-field {
  --input-border-color: var(--alternate-color);
  --input-background-color: var(--part-background-color);
}
template-grid codex-datatable-part-front .part-content .mat-mdc-icon-button:hover {
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-state-layer-color: var(--primary-color);
}
template-grid codex-datatable-part-front .part-content .mat-mdc-option:hover {
  background-color: var(--primary-color);
}
template-grid codex-datatable-part-front .part-content {
  overflow: hidden;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #8000ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #ffebee;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #8000ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #8000ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffebee;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffebee;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-option-label-text-font: Inter;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Inter;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-title-text-font: Inter;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Inter;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #8000ff;
  --mdc-linear-progress-track-color: rgba(128, 0, 255, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ffebee;
  --mdc-linear-progress-track-color: rgba(255, 235, 238, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: Inter;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #8000ff;
  --mdc-filled-text-field-focus-active-indicator-color: #8000ff;
  --mdc-filled-text-field-focus-label-text-color: rgba(128, 0, 255, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ffebee;
  --mdc-filled-text-field-error-focus-label-text-color: #ffebee;
  --mdc-filled-text-field-error-label-text-color: #ffebee;
  --mdc-filled-text-field-error-caret-color: #ffebee;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ffebee;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ffebee;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ffebee;
  --mdc-outlined-text-field-caret-color: #8000ff;
  --mdc-outlined-text-field-focus-outline-color: #8000ff;
  --mdc-outlined-text-field-focus-label-text-color: rgba(128, 0, 255, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ffebee;
  --mdc-outlined-text-field-error-focus-label-text-color: #ffebee;
  --mdc-outlined-text-field-error-label-text-color: #ffebee;
  --mdc-outlined-text-field-error-hover-label-text-color: #ffebee;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ffebee;
  --mdc-outlined-text-field-error-hover-outline-color: #ffebee;
  --mdc-outlined-text-field-error-outline-color: #ffebee;
  --mat-form-field-focus-select-arrow-color: rgba(128, 0, 255, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ffebee;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ffebee;
  --mdc-filled-text-field-focus-active-indicator-color: #ffebee;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 235, 238, 0.87);
  --mdc-outlined-text-field-caret-color: #ffebee;
  --mdc-outlined-text-field-focus-outline-color: #ffebee;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 235, 238, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 235, 238, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: Inter;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Inter;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Inter;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Inter;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(128, 0, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 235, 238, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 235, 238, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 235, 238, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 235, 238, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Inter;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
  --mdc-dialog-subhead-font: Inter;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Inter;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #8000ff;
  --mdc-chip-elevated-selected-container-color: #8000ff;
  --mdc-chip-elevated-disabled-container-color: #8000ff;
  --mdc-chip-flat-disabled-selected-container-color: #8000ff;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #ffebee;
  --mdc-chip-elevated-selected-container-color: #ffebee;
  --mdc-chip-elevated-disabled-container-color: #ffebee;
  --mdc-chip-flat-disabled-selected-container-color: #ffebee;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Inter;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #8000ff;
  --mdc-switch-selected-handle-color: #8000ff;
  --mdc-switch-selected-hover-state-layer-color: #8000ff;
  --mdc-switch-selected-pressed-state-layer-color: #8000ff;
  --mdc-switch-selected-focus-handle-color: #35357d;
  --mdc-switch-selected-hover-handle-color: #35357d;
  --mdc-switch-selected-pressed-handle-color: #35357d;
  --mdc-switch-selected-focus-track-color: #9292c2;
  --mdc-switch-selected-hover-track-color: #9292c2;
  --mdc-switch-selected-pressed-track-color: #9292c2;
  --mdc-switch-selected-track-color: #9292c2;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Inter;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #8000ff;
  --mdc-radio-selected-hover-icon-color: #8000ff;
  --mdc-radio-selected-icon-color: #8000ff;
  --mdc-radio-selected-pressed-icon-color: #8000ff;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #8000ff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffebee;
  --mdc-radio-selected-hover-icon-color: #ffebee;
  --mdc-radio-selected-icon-color: #ffebee;
  --mdc-radio-selected-pressed-icon-color: #ffebee;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ffebee;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Inter;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-handle-color: #8000ff;
  --mdc-slider-focus-handle-color: #8000ff;
  --mdc-slider-hover-handle-color: #8000ff;
  --mdc-slider-active-track-color: #8000ff;
  --mdc-slider-inactive-track-color: #8000ff;
  --mdc-slider-with-tick-marks-inactive-container-color: #8000ff;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #8000ff;
  --mat-slider-hover-state-layer-color: rgba(128, 0, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(128, 0, 255, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #ffebee;
  --mdc-slider-focus-handle-color: #ffebee;
  --mdc-slider-hover-handle-color: #ffebee;
  --mdc-slider-active-track-color: #ffebee;
  --mdc-slider-inactive-track-color: #ffebee;
  --mdc-slider-with-tick-marks-inactive-container-color: #ffebee;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #ffebee;
  --mat-slider-hover-state-layer-color: rgba(255, 235, 238, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 235, 238, 0.2);
}

html {
  --mdc-slider-label-label-text-font: Inter;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Inter;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #8000ff;
  --mdc-radio-selected-hover-icon-color: #8000ff;
  --mdc-radio-selected-icon-color: #8000ff;
  --mdc-radio-selected-pressed-icon-color: #8000ff;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffebee;
  --mdc-radio-selected-hover-icon-color: #ffebee;
  --mdc-radio-selected-icon-color: #ffebee;
  --mdc-radio-selected-pressed-icon-color: #ffebee;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #8000ff;
  --mdc-checkbox-selected-hover-icon-color: #8000ff;
  --mdc-checkbox-selected-icon-color: #8000ff;
  --mdc-checkbox-selected-pressed-icon-color: #8000ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #8000ff;
  --mdc-checkbox-selected-hover-state-layer-color: #8000ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #8000ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffebee;
  --mdc-checkbox-selected-hover-icon-color: #ffebee;
  --mdc-checkbox-selected-icon-color: #ffebee;
  --mdc-checkbox-selected-pressed-icon-color: #ffebee;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffebee;
  --mdc-checkbox-selected-hover-state-layer-color: #ffebee;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffebee;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #8000ff;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: Inter;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Inter;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Inter;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Inter;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Inter;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #8000ff;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #8000ff;
  --mat-tab-header-active-ripple-color: #8000ff;
  --mat-tab-header-inactive-ripple-color: #8000ff;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #8000ff;
  --mat-tab-header-active-hover-label-text-color: #8000ff;
  --mat-tab-header-active-focus-indicator-color: #8000ff;
  --mat-tab-header-active-hover-indicator-color: #8000ff;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ffebee;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ffebee;
  --mat-tab-header-active-ripple-color: #ffebee;
  --mat-tab-header-inactive-ripple-color: #ffebee;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ffebee;
  --mat-tab-header-active-hover-label-text-color: #ffebee;
  --mat-tab-header-active-focus-indicator-color: #ffebee;
  --mat-tab-header-active-hover-indicator-color: #ffebee;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #8000ff;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ffebee;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: Inter;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #8000ff;
  --mdc-checkbox-selected-hover-icon-color: #8000ff;
  --mdc-checkbox-selected-icon-color: #8000ff;
  --mdc-checkbox-selected-pressed-icon-color: #8000ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #8000ff;
  --mdc-checkbox-selected-hover-state-layer-color: #8000ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #8000ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffebee;
  --mdc-checkbox-selected-hover-icon-color: #ffebee;
  --mdc-checkbox-selected-icon-color: #ffebee;
  --mdc-checkbox-selected-pressed-icon-color: #ffebee;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffebee;
  --mdc-checkbox-selected-hover-state-layer-color: #ffebee;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffebee;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-label-text-font: Inter;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #8000ff;
  --mat-text-button-state-layer-color: #8000ff;
  --mat-text-button-ripple-color: rgba(128, 0, 255, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #3f51b5;
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ffebee;
  --mat-text-button-state-layer-color: #ffebee;
  --mat-text-button-ripple-color: rgba(255, 235, 238, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #8000ff;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ffebee;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #8000ff;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ffebee;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #8000ff;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #8000ff;
  --mat-outlined-button-ripple-color: rgba(128, 0, 255, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ffebee;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ffebee;
  --mat-outlined-button-ripple-color: rgba(255, 235, 238, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: Inter;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Inter;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Inter;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Inter;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #8000ff;
  --mat-icon-button-state-layer-color: #8000ff;
  --mat-icon-button-ripple-color: rgba(128, 0, 255, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ffebee;
  --mat-icon-button-state-layer-color: #ffebee;
  --mat-icon-button-ripple-color: rgba(255, 235, 238, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #8000ff;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ffebee;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #8000ff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ffebee;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: Inter;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #3f51b5;
  --mdc-snackbar-supporting-text-font: Inter;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Inter;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Inter;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Inter;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #8000ff;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ffebee;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #8000ff;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #ffebee;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-badge-text-font: Inter;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: Inter;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: Inter;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Inter;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #8000ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(128, 0, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(128, 0, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(128, 0, 255, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #8000ff;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(128, 0, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffebee;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 235, 238, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 235, 238, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 235, 238, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 235, 238, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ffebee;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Inter;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: Inter;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Inter;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #8000ff;
}
.mat-icon.mat-accent {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ffebee;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #8000ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #8000ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #8000ff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #ffebee;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ffebee;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffebee;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffebee;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffebee;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Inter;
  --mat-stepper-header-label-text-font: Inter;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #8000ff;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ffebee;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Inter;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Inter;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: white;
}

.mdc-notched-outline__notch {
  border-right: none !important;
  border-left: none !important;
}

/* You can add global styles to this file, and also import other style files */
.minimum-density mat-form-field input {
  height: 24px !important;
}
.minimum-density mat-form-field.mat-mdc-form-field,
.minimum-density .mat-mdc-select-min-line {
  font-size: 10px;
}
.minimum-density .mat-mdc-form-field-infix {
  min-height: 36px;
}

body {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.example-spacer {
  flex: 1 1 auto;
}

.clearfix {
  clear: both;
}

.buttonContainer button,
button.nocodexbutton {
  height: 45px !important;
}

mat-dialog-actions {
  margin-top: 10px;
  justify-content: end;
}

mat-dialog-actions button {
  margin-left: 5px !important;
  transition: 0.2s;
}

/** Link **/
.simple-link:hover {
  color: #9c38ff;
}

.simple-link:hover svg use {
  stroke: #9c38ff;
}

/** Snackbar **/
snack-bar-container.error {
  background: #ff003d;
}

snack-bar-container.success {
  background: #00cb14;
}

/** Background **/
mat-sidenav-container {
  background-image: url("/images/theme/background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
}

/** Icon list **/
ul.iconList li mat-icon {
  display: block;
  position: absolute;
}

ul.iconList li {
  display: inline;
}

ul.iconList [mat-button]:hover mat-icon,
ul.iconList [mat-icon-button]:hover mat-icon {
  color: #fff;
}

ul.iconList [mat-button]:hover,
ul.iconList [mat-icon-button]:hover,
ul.iconList .toggled {
  background-color: #9c38ff;
  opacity: 0.8;
  color: #fff;
}

ul.iconList button,
ul.iconList a {
  color: rgb(84, 90, 105);
  border: 1px solid rgb(84, 90, 105);
  background-color: white;
  transition: 0.2s;
}

/** Form fields **/
.mat-form-field-wrapper,
mat-form-field {
  width: 100%;
}

/** Dialog **/
.action-container {
  padding: 0;
}

.action-container mat-dialog-container,
.template-hierarchy-container mat-dialog-container {
  padding: 0;
}

.nocodex .swal2-modal button.swal2-confirm.styled:focus {
  border: none;
  outline: none;
}

.nocodex .swal2-modal button.swal2-confirm.styled {
  background-color: #9c38ff !important;
  border-left-color: #9c38ff !important;
  border-right-color: #9c38ff !important;
  color: #fff;
}

.nocodex .swal2-modal button.styled {
  background-color: #fafafa !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  font-weight: 500;
  color: #000;
  line-height: 22px;
}

/** Autocomplete **/
.autocomplete-icon {
  float: left;
  color: #616161;
}

.autocomplete-text {
  color: #616161;
}

/** Expansion panel **/
.nocodex .mat-expansion-panel-body {
  padding: 0;
}

.nocodex .mat-expansion-panel-header {
  padding: 0 10px;
}

.nocodex .mat-expansion-panel-header .resetButton mat-icon {
  vertical-align: unset;
}

.nocodex .mat-expansion-panel-header .deleteButton,
.nocodex .mat-expansion-panel-header .resetButton {
  margin-top: -2px !important;
  width: 25px;
  height: 25px;
  float: right;
  position: absolute;
  right: 25px;
}

.nocodex .mat-expansion-panel-header .deleteButton ::ng-deep .mat-button-wrapper,
.nocodex .mat-expansion-panel-header .resetButton ::ng-deep .mat-button-wrapper {
  top: -8px;
  position: absolute;
  right: 0px;
}

/** Tabs **/
.mat-mdc-tab-body-content {
  padding: 5px;
}

.toolbar-autocomplete .mat-option {
  font-size: 10px !important;
}

.alignment-picker-line h5,
.pixel-selector-line h5,
.degrees-picker-line h5,
.viewport-selector-line h5,
.input-line label,
.number-input-line h5 {
  float: left;
  line-height: 35px;
}

.alignment-picker-line mat-button-toggle-group,
.input-line mat-form-field,
.number-input-line mat-form-field,
.pixel-selector-line codex-pixel-selector,
.degrees-picker-line codex-degrees-picker,
.viewport-selector-line codex-viewport-selector {
  float: right;
}

.pixel-selector-line codex-pixel-selector,
.degrees-picker-line codex-degrees-picker,
.number-input-line mat-form-field {
  width: 70px;
}

.alignment-picker-line .mat-button-toggle-label-content {
  line-height: 30px !important;
  padding: 0 11px !important;
}

.alignment-picker-line mat-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.alignment-picker-line mat-button-toggle-group {
  height: 35px !important;
}

.alignment-picker-line,
.pixel-selector-line,
.degrees-picker-line,
.viewport-selector-line,
.number-input-line {
  clear: both;
  font-size: 12px;
  margin-bottom: 10px;
  height: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/** Style input **/
.style-title h4,
.style-title h5 {
  line-height: 40px;
}

.style-title h4,
.style-title h5,
.style-title button {
  display: inline-block;
}

.style-title button {
  margin-left: 10px;
}

/** Transformation **/
.transform-45-left {
  transform: rotate(45deg);
}

.transform-90-left {
  transform: rotate(90deg);
}

.transform-135-left {
  transform: rotate(135deg);
}

.transform-180-left {
  transform: rotate(180deg);
}

.transform-270-left {
  transform: rotate(270deg);
}

mat-divider.nocodex-divider {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.title {
  font-size: 14px;
  font-weight: bold;
}

.subtitle {
  font-size: 12px;
  font-weight: bold;
}

.image-picker:hover span {
  display: block;
}

.image-picker span {
  display: none;
  text-align: center;
  color: white;
  font-weight: bold;
}

.image-picker:hover img {
  background-color: #d0d0e5;
  cursor: pointer;
}

app-arguments ngx-mat-select-search .mat-mdc-form-field-subscript-wrapper {
  height: 5px;
}

mat-tab-group.editor-tabs .editor-tabs-body:not(.editor-tab-template, .editor-tab-action) > .mat-mdc-tab-body-content {
  overflow: scroll;
}

.cdk-overlay-container {
  z-index: 999 !important;
}

/* Toggle container styling */
codex-search-data-dialog .toggle {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  background-color: #ccc;
  border-radius: 9999px;
  transition: background-color 0.2s ease;
}

/* The knob inside the toggle */
codex-search-data-dialog .toggle::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

/* When the toggle is checked (peer checked) */
codex-search-data-dialog .peer:checked ~ .toggle {
  background-color: #4f46e5; /* Indigo or custom "dark-button-background" */
}

codex-search-data-dialog .peer:checked ~ .toggle::after {
  transform: translateX(18px);
}

/* Utility for screen-reader-only input (optional, from Tailwind) */
codex-search-data-dialog .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* To control label alignment and spacing */
codex-search-data-dialog .toggle-line {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

codex-search-data-dialog .dark-background {
  background-color: #080414;
}

codex-search-data-dialog .grey-background {
  background-color: #28313e;
}

.odd\:bg-white:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.even\:bg-gray-50:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:cursor-pointer:hover{
  cursor: pointer;
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:\!bg-light-button-background:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-accentlight:hover{
  background-color: #DD7EFF15;
}

.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(195 221 253 / var(--tw-bg-opacity));
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}

.hover\:bg-dark-button-background:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-light-button-background:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 56 255 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(128 0 255 / var(--tw-bg-opacity));
}

.hover\:bg-primarylight\/30:hover{
  background-color: rgb(153 51 255 / 0.3);
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}

.hover\:text-blue-900:hover{
  --tw-text-opacity: 1;
  color: rgb(35 56 118 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: rgb(128 0 255 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:border-0:focus{
  border-width: 0px;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4: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(4px + 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-blue-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.focus\:ring-gray-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.focus\:ring-gray-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.focus\:ring-purple-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(144 97 249 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.peer:checked ~ .peer-checked\:bg-dark-button-background{
  --tw-bg-opacity: 1;
  background-color: rgb(122 0 243 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dark\:divide-gray-600:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity));
}

.dark\:border-blue-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.dark\:border-dark-border:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark\:border-dark-input-border_color:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark\:border-gray-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.dark\:border-gray-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.dark\:border-transparent:is(.dark *){
  border-color: transparent;
}

.dark\:border-white:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.dark\:\!bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.dark\:\!bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
}

.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(35 56 118 / var(--tw-bg-opacity));
}

.dark\:bg-dark-background_level_0:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark\:bg-dark-input-background_color:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800\/50:is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}

.dark\:bg-gray-900\/80:is(.dark *){
  background-color: rgb(17 24 39 / 0.8);
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(164 202 254 / var(--tw-text-opacity));
}

.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.dark\:text-dark-accordion-header_text_color:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.dark\:text-purple-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(202 191 253 / var(--tw-text-opacity));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:placeholder-gray-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.dark\:ring-offset-gray-700:is(.dark *){
  --tw-ring-offset-color: #374151;
}

.odd\:dark\:bg-gray-900:is(.dark *):nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.even\:dark\:bg-gray-800:is(.dark *):nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-blue-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:hover\:text-blue-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(164 202 254 / var(--tw-text-opacity));
}

.dark\:hover\:text-blue-500:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:focus\:bg-gray-600:focus:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:focus\:ring-blue-800:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

.dark\:focus\:ring-gray-400:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.dark\:focus\:ring-purple-600:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 58 242 / var(--tw-ring-opacity));
}

.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){
  --tw-ring-offset-color: #374151;
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --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));
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after{
  content: var(--tw-content);
  --tw-translate-x: -100%;
  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));
}

/*# sourceMappingURL=styles.0b7ead7b14f87eab.css.map*/