@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
.fill[data-v-3b79a7f7] {
  font-variation-settings: "FILL" 1 !important;
}
.ag-filter-panel-buttons {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex-wrap: wrap;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-filter-panel-buttons-button {
  line-height: 1.5;
}

.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
  color: var(--ag-filter-panel-apply-button-color);
  background-color: var(--ag-filter-panel-apply-button-background-color);
}

.ag-filter-panel > *:where(:last-child) {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-row.ag-row-pinned-source {
  color: var(--ag-pinned-source-row-text-color);
  background-color: var(--ag-pinned-source-row-background-color);
  font-weight: var(--ag-pinned-source-row-font-weight);
}

.ag-row.ag-row-pinned {
  color: var(--ag-pinned-row-text-color);
  background-color: var(--ag-pinned-row-background-color);
  font-weight: var(--ag-pinned-row-font-weight);
}

.ag-floating-top-viewport {
  border-bottom: var(--ag-pinned-row-border);
}

.ag-floating-bottom-viewport {
  border-top: var(--ag-pinned-row-border);
}

.ag-measurement-container {
  --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-column-arrow {
  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}

.ag-icon-column-arrow::before {
  content: var(--ag-icon-font-code-column-arrow, "\f13a");
  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}

.ag-icon-column-arrow::after {
  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-un-pin {
  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}

.ag-icon-un-pin::before {
  content: var(--ag-icon-font-code-un-pin, "\f13b");
  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}

.ag-icon-un-pin::after {
  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-bottom {
  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}

.ag-icon-pinned-bottom::before {
  content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}

.ag-icon-pinned-bottom::after {
  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-top {
  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}

.ag-icon-pinned-top::before {
  content: var(--ag-icon-font-code-pinned-top, "\f13f");
  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}

.ag-icon-pinned-top::after {
  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-up {
  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}

.ag-icon-chevron-up::before {
  content: var(--ag-icon-font-code-chevron-up, "\f140");
  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}

.ag-icon-chevron-up::after {
  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-down {
  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}

.ag-icon-chevron-down::before {
  content: var(--ag-icon-font-code-chevron-down, "\f141");
  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}

.ag-icon-chevron-down::after {
  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-left {
  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}

.ag-icon-chevron-left::before {
  content: var(--ag-icon-font-code-chevron-left, "\f142");
  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}

.ag-icon-chevron-left::after {
  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-right {
  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}

.ag-icon-chevron-right::before {
  content: var(--ag-icon-font-code-chevron-right, "\f143");
  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}

.ag-icon-chevron-right::after {
  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter-add {
  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}

.ag-icon-filter-add::before {
  content: var(--ag-icon-font-code-filter-add, "\f144");
  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}

.ag-icon-filter-add::after {
  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-edit {
  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}

.ag-icon-edit::before {
  content: var(--ag-icon-font-code-edit, "\f145");
  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}

.ag-icon-edit::after {
  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-edit, 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-tooltip-error-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 10%
  );
  --ag-tooltip-error-text-color: var(--ag-invalid-color);
  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --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-range-header-highlight-color: color-mix(
      in srgb,
      var(--ag-header-background-color),
      var(--ag-foreground-color) 8%
  );
  --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-full-row-invalid-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 25%
  );
  --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-error-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-pagination-panel-height: var(--ag-header-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-row-numbers-selected-color: #bbb;
  --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-find-match-color: var(--ag-foreground-color);
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-background-color: #ffa500;
  --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
  --ag-cell-batch-edit-text-color: #422f00;
  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-viewport {
  position: relative;
}

.ag-spanning-container {
  position: absolute;
  top: 0;
  z-index: 1;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container,
.ag-floating-top-container,
.ag-floating-bottom-container {
  min-height: 1px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  z-index: 1;
}

.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-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-floating-bottom-container,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom,
.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-spanned-cell-wrapper {
  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-animation.ag-prevent-animation .ag-row,
.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
  transition: none !important;
}

.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-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
  align-items: normal;
  height: 100%;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
  height: 100%;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  line-height: initial;
}

.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.ag-cell-editor.ag-cell-editor input {
  height: 100%;
  min-height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
  opacity: 0.8;
}

.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-date-floating-filter-wrapper {
  display: flex;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top,
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

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

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

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

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

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

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

.ag-context-menu-loading-icon {
  position: absolute;
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  contain: paint;
}

.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,
.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
  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-row-number-cell {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ag-ltr .ag-row-number-cell {
  text-align: right;
}
.ag-rtl .ag-row-number-cell {
  text-align: left;
}

.ag-row-numbers-resizer {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 4px;
  width: 100%;
  cursor: ns-resize;
}

.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],
.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
  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=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></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 {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  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.invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
.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:not(.invalid), .ag-picker-field-wrapper:focus-within:not(.invalid) {
  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-cell-editor-tooltip {
  background-color: var(--ag-tooltip-error-background-color);
  color: var(--ag-tooltip-error-text-color);
  border: var(--ag-borders) var(--ag-tooltip-error-border-color);
  font-weight: 500;
}

.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-cell-wrapper > .ag-group-checkbox-spacing {
  width: var(--ag-icon-size);
  margin-right: var(--ag-cell-widget-spacing);
}

.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,
.ag-spanned-row {
  color: var(--ag-data-color);
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row.ag-row-editing-invalid {
  background-color: var(--ag-full-row-invalid-background-color);
}

.ag-spanned-cell-wrapper {
  background-color: var(--ag-background-color);
  position: absolute;
}

.ag-spanned-cell-wrapper > .ag-spanned-cell {
  display: block;
  position: relative;
}

.ag-row-highlight-above::after,
.ag-row-highlight-inside::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;
  pointer-events: none;
}

.ag-row-highlight-above::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0;
}

.ag-row-highlight-indent::after {
  display: block;
  width: auto;
  left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
  right: 1px;
}

.ag-row-highlight-inside::after {
  display: block;
  width: auto;
  height: auto;
  inset: 0;
  background-color: var(--ag-selected-row-background-color);
  border: 1px solid var(--ag-range-selection-border-color);
}

.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.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-header-range-highlight {
  background-color: var(--ag-range-header-highlight-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) - 2px);
  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:not(.ag-invisible) {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom:not(.ag-invisible) {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-find-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-find-match {
  color: var(--ag-find-match-color);
  background-color: var(--ag-find-match-background-color);
}

.ag-find-active-match {
  color: var(--ag-find-active-match-color);
  background-color: var(--ag-find-active-match-background-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-cell-range-selected.ag-cell-range-chart,
.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-cell-range-selected.ag-cell-range-chart.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-cell-range-selected.ag-cell-range-chart.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-cell-range-selected-1.ag-cell-range-chart,
.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-cell-range-selected-2.ag-cell-range-chart,
.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-cell-range-selected-3.ag-cell-range-chart,
.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-cell-range-selected-4.ag-cell-range-chart,
.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-cell-inline-editing.ag-cell-editing-error {
  border-color: var(--ag-invalid-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 {
  position: relative;
}

.ag-menu-option:focus-visible {
  outline: none;
}
.ag-menu-option: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-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-filter-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ag-filter-panel .ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel .ag-mini-filter {
  margin-top: var(--ag-widget-vertical-spacing);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-panel .ag-standard-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,
.ag-filter-panel .ag-set-filter-body-wrapper {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-panel-container {
  flex: 1;
  overflow: auto;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
}

.ag-filter-panel-container > *:not(:last-child) {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-card {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}
.ag-ltr .ag-filter-card .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-filter-card .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-ltr .ag-filter-card-header > *:not(:last-child) {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-card-header > *:not(:last-child) {
  padding-left: var(--ag-grid-size);
}

.ag-filter-card-heading {
  flex: 1;
  overflow: hidden;
  padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-ltr .ag-filter-card-heading {
  padding-left: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-heading {
  padding-right: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-expand {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ag-filter-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-filter-card-expand-icon {
  display: flex;
  flex: 1;
  justify-content: end;
}

.ag-filter-card-editing-icon {
  margin: 0 var(--ag-grid-size);
}

.ag-filter-card-summary,
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon,
.ag-filter-card-editing-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-color);
}

.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon {
  transition: color 0.25s ease-in-out;
}

.ag-filter-card-expand-icon:hover .ag-icon,
.ag-filter-card-delete-icon:hover .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-expand,
.ag-filter-card-delete {
  border-radius: var(--ag-button-border-radius);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ag-filter-panel .ag-standard-button {
  cursor: pointer;
}

.ag-filter-card-summary,
.ag-filter-type-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-filter-card-delete {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-delete {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-summary {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-type-select {
  padding-top: var(--ag-widget-vertical-spacing);
}

.ag-filter-card-add {
  padding: 0;
  border: 0;
}

.ag-filter-add-button {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  line-height: 1.5;
}

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

.ag-filter-add-select {
  border: 0;
}
.ag-ltr .ag-filter-add-select .ag-text-field-input {
  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-rtl .ag-filter-add-select .ag-text-field-input {
  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-filter-add-select .ag-rich-select-value {
  padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
  border: 0;
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

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

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

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

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

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

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: unset;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-pagination-panel-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

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

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

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

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

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

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu-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;
  padding: 1px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
  padding: unset;
}
.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-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

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

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

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-row-number-cell {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}

.ag-row-number-header.ag-row-number-selection-enabled {
  cursor: cell;
}

.ag-row-number-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-row-number-range-selected {
  background-color: var(--ag-row-numbers-selected-color);
}

.ag-ltr .ag-row-number-header,
.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
  border-right: var(--ag-pinned-column-border);
}
.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
}

.ag-rtl .ag-row-number-header,
.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
  border-left: var(--ag-pinned-column-border);
}
.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto;
}

.ag-cell-batch-edit {
  background-color: var(--ag-cell-batch-edit-background-color);
  color: var(--ag-cell-batch-edit-text-color);
}

.ag-cell.ag-cell-inline-editing {
  background-color: var(--ag-background-color);
  background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));
}

.ag-row-batch-edit {
  background-color: var(--ag-row-batch-edit-background-color);
  color: var(--ag-row-batch-edit-text-color);
}

.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-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-error-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-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABzUAAsAAAAAPOAAAByEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKzji/FAE2AiQDgmgLgTYABCAFhEYHhkYbvTNlQcDGAWDa/P0RReWoMyLZ4CzM/v9DcmNM9ACsi0AQwTQhDWHL4NqMdePeGClltMJGrLTuMvf8hbUCjZYozi+/kt8hj73YmUgga6cpdoxOuYO8dP+JaQTbuXjYIUloijx8vx/t3LdmbeMm1WYimFqntB1CpTGESKb9v9x638HCmehXAXZhkTPkJKLWVCkzKeo0RepMAmB4nLN/JYiH8oK0DK0ECl4meIXiOjFsG3ixicJS2AlT5sDuM2hnmsLNrLkDtn/0tuRkRicGfIEzqNhGN7sHIogaoiV8KfFjv01VM1x7MmtY5JQxt8fzlz7RJCQzoQA+CMplEG9Ju+zm+60UbqsDRJGVXMT8cnVBYr4Rb52fmdZnWkcWTl+zgpyIVAWW/0bA/+ksW8MR64IwB13o9VhT12lGYxh9yfZY9r6V53T7vCzDe9FqWUfkrQLMtX0OWMc6dgAroKLkPimaFG26qwN1dV2Kog08/O83K1QqoXA6IQTx+y5i6ScgyszSvHZRa2VxBDXYYv2oxMa+YTDdVKU9HmFKusZ9G8ZmDb1rXbWbhZIiAgLGf38QARSbuMSMvhs2hC6ZT28gB7m/Z4Cv0XHJP70PnjMD6rEoeD7lvMNOSM3GJ/8ix7M4Tt3+k+vLrc5HfXVefbA8KkZc/MSHYBJMJCBkCorBk9LKCpWGFRo9U47J4LLNbY40RCJzijXr0TRFCMwS3qU5G0Fu7CXF5uH+toR7fppUG0cmmiI4ARW7LlFxXivYksYg0NL7j/FYcAgoE2aK4izoMMM1NI0ykcCOBihcm7plTEhwKV2+cROYxPoJwmnXiH8At86g0KbQNeHN7V3hwKghRKabBbu4p+pVEEsCY8So2twPwRaICrS8R4bxQlrOmR75os/PGgGW4dIo7t7ly4FZ7J5U7/qHGrANYsCT3DbHIc8SAlm6RiJNByJYp/aiGkzf/P711/9AUUU301AE5dDQPM0+xA8FUqbwzfOfUyxiu3eP2IBhO61nXj1m4kUG2ERP6VIQ1g1XS6MoewUooVYlS070VUxylBU2a/C00Mrs3CZKxSOc+iIbj1H4+f5cgpAIdK8OM53xDWranJsd3VMtaxC+NWk7Mg5M58QighvRChpNAFNOxUpoQyuvhbGbRTPEJ6djV6Eo3WxsSpRHPmhEkK2j0JDdBZ1nYKKFyE+mdcgHXc4wt/uSCdFMkYdgQa6dvYWVT+8uo3/CB2Gs240siP1NlHSEplScfAmWZ05ffocHZcwbO6bTCvlRuxgOt4gBMXnveeWLE8EeQAeGZTPQHcMzLad8eZIBZ+MHKf5ZMtumqaERCKwxf7AuIPagipQ1dWwRL8ujZOCqqG60LyzDFaZksPEMpIqAVLLqEiLsMIHU160zmKzaH84GSr/jpzyQHnSH8Ont549/OiKBhMtxfwSLZ8gj+KslIzZgO1e2O9/IW1cCeUAO0Hw4yKXO3j3RHOwHeQNfDtCJKOdpg/cz9Nw7P7KejFRpcd9LH7LIpp8b3Jsh9OAt6Tj2RyBiTt/MYbPhlWUzRntbCieUILY11cLKlguDhfjx3Dy8fPxqLvs02OOFwuAIJAqNwd4wvnMCokgi+/qoNDoDxmSxOVweXyAUiSVSGUSuUKrUGq1ObzCazJCuQeS7v46X/J8/tKCbeCNOZZjNWlRxQJom9lpdrLaQrlAKyD3sVHeBlie0BByhIeAEWgBOohngFFoGTqNR4AzaBM6iYeAcmgPOo3HgIpoHLqFZ4DJaAa6gSeAqmgCuoTXgBhoBbqJp4BYaA26jVeAO2gDuoingHloE7qN14MHFWyAjijcFNDCBDdiBB3AAT+AELmDnHxAAISAMRIAoEAPiQAJIAikgDWSALJAD8kABKAIloAxU5JdbFf6qAXWgATSBlvyyakMvHaAL9IA+MACGwAgYAxNgCsyAObAAlvJ1s4LBrIENsAV2wB44AWfgAlyl6XXKtjR9TtmO0T2Af1WG2B7wcMGxn6WvK76su6n01BObpCnecokRuvzppfATTK4o9xQUhTGGBB0Km9wtsNskCAY5EKVWd11xLrG761Tjau4De0upxEsM/+MFkHouzsR0hBDQqy+dpXf9HeCuK2LCoAPQeSsLG/3wd9gyf3d74JyigsAPQGDX4pmnX2J5lLwnqR3xrgUiRKRoyo0h1C5iUwsWpBYu4Ph0NrtIyNQKrv5AepDfSm8Gt4JJc7WsLlh/lmVrwb1zdLvCcMSnQA8HNM0eMSF/mKNR+PwuwOKy2yAdO2q5uoV52WjyiVRfw9bbzcH9naCgmKVK2OCKh7iaQ1a56BWcr4hIWu4eB1PcQaPg+KVKdCQSVavPg0Idm6qrkMMXP39cv6TVFHwS0ikls4C8r1rY+6zLCEp581Sd+FQuv/17UXjmLpGcWGrNaRRgjwJR/Sat9+39OVpqRO/FQhwrq8JrkkTLcdlqVbWq4P//JQrkDe+gHP3t25VFa711SJwQA9GiaRSuYWzB5J+pE8Z9SUtsWyBmMNv0BdOExmdG/+Az0QpEN2eHkk0YrtLTmx/iZeYHfGv0mPGF+GN1ufWhdDd50v5SF3wvL4rXKf4wGd2QlyAXO+EUap05GLaI6+svHAxRO2RRxOJNV2SWJpxZy3tnjXD6D/LXLNrsrm+KR0YNOUlwHAUH0MNRZi75Y5pKOPU7mIP/nJFf252K4VEYmqE2jQKgsDUcCenTKVBj+Ixuk5hBVTcbCJolTbWQjkKdUSTs2zzz52627/epRTVN038wJKzbhwNay4dkQI6APoV/n7rDhYzjCivJnvkT6Pan4M9fFNG8cN5AVZTyF8zqPuJF3VKr4mn8N9XhP7wex3/0SUC/fT+nFASHYU6chXzjyuLqcke2Odq62znKkFVmxslAwxAt0Q14XOQba2HG8XkJnLNtYiqwjS+uLq63shaNbNN0HDPdpJELi5XeqAN1ShVSEkwHyjFp0eECy6OeqZ4JKb6+oymaLdG2zRDBhJQU5DxwbFmimk0hmzg6HoPjZBJNyChJ4qi7Ucnb/X4Tf749juL06r/VZIV4n6YOVVNH4Ng5S2CNMiUqBF1jtdQ7cON/JVLebnCDcpGX2wB3hC1aqCKwZGcULZfmzmn71LO1ssL2JGgUcVlcr3I6BBiBhPQOnKCYTsErlsV3bJEOotNEiTcTheMDTjp6yOjr3mCdW2Ye+feZKsAri0FzuKYim41eYx81B8NBgfhY1AT/pN7uV+2WYICPIrmQObCXOJ9+GImboSlI8mJ620MRoLH65yszjyRHbSK8Y0IPi+9a6FhL/eSLf2kJ1XrP/1E3XusMD3Zmv/uTUatchOWonYf+Xlpo7x89hybJOBzDExqOIhjHJEmQ9Hb6V/3kkobR/vZ060tTkCqu0/Yj/y53OweHM01148//ocRES06hkJlb8aEH5uBAuYtyYbaMPegzerpqJbgqd0WPVc1n1Q44NfUqbcJDWjkTxREFTn36acY5IuUhPEOGx9u1X/FKjxIAILQ7XGMhwpngvMvodHJz6vmdetMnxvnTrmjMjrJHJT0oNMAMPFhvKoMhElV0Puxr5LfJXtQzMQIADhadDIlzFoxiyYkX8dBYF+weH84khDjAnZpBScaTOyrM3ZzVneqONTe44hkKjV5fk/TbGk3lBu8SpGhvFtxscQNc8yQRbNkkP5DQ5mh6mYRwMS9O2i71OsUYBh0oCnfyzFW1lMIVEJlrgDmGn2BFpwc4TPz2vF0k17ESjHh4dDIVk1hp7fkBLt5Dy3Wf5TfPGa0Ke1In0RKqyCCzt9BVsS41zlOrKUNoHf++CPjCadkzOtlJixXzk+q9Mss660Ts2RDmmHGYsqN2dORkd30AZEAzh825qlot4aBrNovlYKTOaayDD3OOeOr3nRRk1eifHsthTqP57B62R9H0wJ/VpB8Q9Hxqb/NVyvvbrqiOzHzpoZR3OD49sFGoY49ppU0xl7gj7xXN/jWaqG+Vjsk5caKVgTU7jQtCq/Ad16N2KckFmIm9ULZEhsbkfzIbUFZSMthAy42LFaeJepaO8ny5D++uOlS3GbXkSr2gypo1dlybHRlej8BpTXdFuLrdRbmGTmnyycFznW3n7RAFYypxvIbCakKWk2cX5aTZxDfSBqJquQ1hpSQo3zdnLumUdepC3qUSxxaPEqOlhANUOJa/UAbOo+EtYR7LFxvnrK8NlFeLHZZ6CsVIza6UfKfAQQ7pLEZBP0OkC9MhbKCFQanTOVpVABTq+mW8G3bdsC21zXmmYqv5JeGRiR7Uq1sB9mZfW6TL9BW/roJy5Hjxa01e1VTFMX/zMBqFp3pAGvpq4yquChANEJSAwA6HHc47rmTz8B/yH/oX/506z7gnqYteyYBbZEi8DF7x7QXQGnmx9O0i9e4LcXo4TVuueyYN212eYnW92RRzUHhlemqXcdEoWEuuDlgaYx2k3UZtLCoJ4TTZVDn+WkoxNceYic3NQH6uaaLgakubffzbRsXMVuyxJY3L4jO7tachTVd+m72bPUzB6X0jsIPCngJFzKyVD7GK0vwbbbGcZs2clLf0a8ZXQA32BIXE1DB5v69RpBgCWLilefhDOLAw7uvqwENmbR3HrAK1UUsxug7dxKpoH87puGnoL5m6EHPezLyPv1ZiSVvJJJy7UdK0+2mOAq6c7ZU9uK5Mg2MUk1cV20YWleOzsMG/pHBfFCSzuNJmGpLYZqgVamFWxS3rTvfO+twrsiApJLFNGAmnbSovcVpfRbyKbOECz+xLjJBZt44yOSCkdSzwnzJRC+l161J8VO3t7IKy7iEA/oSy7aoTqQrkOzwCLF13fgG7rTFaic4YFFJDmgocKPBYEcDgjLMzZTIooR/cv4GQuBq7caAFaZkAwZPDtMaPj+v1z4Rq4bCL4+Pd5fjMdkK/5s3tOHZXTujHgYe8BqqxA5gaP3CbmQT0oEr2wHPmCdTiGjhb0GoW2Ox6vUcWpigmuSDnW9XhoinlFSkoEoLUiZNlZWhKUEgQmlpRloZuXgiusoGzxSkPxBybf8SotqmhVVG/Z9PybZ70R7FOw1ogsGY5nshgXZfWPdoHePIQ9q4D33ZPdPWY1xL4Q+murWcvgBwnZ0Hl5uffTn77fHNlW75f7u3M9GELNK2F0o7MzIFA58Du7CxyDBsjzboTgQcyMzvGXADKu0TjalxXU0PThJ3MTirDhqzp0GlWaQmDMykp++9XXNw2RpehNtExuZaWoY6Lr9y8qZ6jtlvvsdtrt8ecryucQHLXZ4XofPx5kQJsSWI7FXyd02t1+XnnweeXrdBcNwUwl69kT3Hj+X2+vFhR1MeP550TBeTGVPJ/i0WbDx1efHhvM5qL8mf27qs9rTDF33eoztYLkitQRsjMzAAHnbHfhNKvHYwQWNzCYVjPrhXU4FqIiPqCeoL6REjPy4/x1cpJmP6yMwO2YtuusIGnHW8nh9fF43btZ/dyg3H6vMDcsT9pXIMzjo5OjhSuxenTSo4MTuIUflXV6YHAvLGJshJl9ebYsyy8DA/GS/F5u5Okgjg/4vKisVnFemLuLbF7yqru+QmNunj001uHs+W7hF7n26G9k+sf320ytvzquiLeJ7NsxDJqzRfnOYXZjbbsCgVng+3hM7YczkxE0GbJw7qNmNWR6ztit7yzZudCm3NbLp53mL2H+GEGjnBtZznhcNQmdJ536nO76zwbi2L5zy8cv7trfyr8GxHpo3UWAaftJlapDpYmzqGPnaoHbAeqnYLvi80tj9prXnvniz11UkrKSOlHqfOiClbyy7iKTMtVR7Zs9fWj1doO8/lzLCublyQLybRJd9Y6pVtnhsiSeNlG8i3rQ1EWgzR/v3TNJU9KqpPSUubrpgqF8XHmGAx4iv2hGiex52OP6aVqIcXzYvA9J8p65ZOjVD0ek9yXOXavoDlp1Y7KJKf0ETbxqTeiMKbw1gn5v81HgqzZKWlrcpoPVibAI+aYeZyzoiSvZe7AE4sRmY098OEZCTGMkd1l5ez2RpXGnCQYIXCXx4OaZSEp3pLYCIl3WlVfb90WV8m9H7LH4354VWwzlfgp1bvQqc5rIm6915jzz5TpsysDTEfn8NKrjpRRIafIUSZzLOIUetBLt4TMlizJm5X5V7R6JW6p6+2t2nhBNCKJTfFeFlITGAjkGwUrZ5Xp+TPDJa5zQWEq/lvilE1ETVeGJLpDeTKdjeFTKxoHqw1bfZJL9kocYx03SfYB7i1J9tkqQwqCpXrLOzI/eUAyJ3tOD2TIV55N71jqpcEFSLSrByPZjEt9FJjm75+2WLLTiy93eESCYQoZ1Ukg9S9Iwo8e9lL6CMn+Vz5yXpCmoLmEXVg/cGmC+kH+B5cJ0/a29qkZvZ4y2Z9BS7moamz39Psu4P2NByPVkY4Zj8tsTVWYvg9qm+Z5QXmqHxDdEtM447WEOxUaw+ml0UgDe9EcdIkXUZ6v0EsQWdk0TmVneYKyoEaogfwBy5XpbaSFble5M5oJbXDXC5iHGLdKWFkmpyWDHuRmRJOJtAQ8uQslHMygfX0nEz0TJ411+5AF1IRBB0mchDow3sg1jpOHyeOmXRJcy/iEgCxejMwzZ5Eq0dJsfkDGTjc4c6fzxGHivGlugrzqYAn+2fxoqWfuwoXL5Hj+oYgPX1gW0jCX0wCP1zYKQf9h9jQ04HF26yonKJxRKnUm6gydexhc+MADcqVS0rPY5f3BtaawDj7k70vrEZw8cFgoh1JJC9Umxx4Kf9k+AheVyu3NQruaCCBC1F1rqSYnrdSc/EKgWZPEZiEJZ5GlQ6MKB0kCUyS+TDJMNGEmJ0HlX1DrcUpjQqf4a3iM31kBl+CFrJqAiPOHGJyZmCCEpogIyrVVBoMOD2JPBd0R6p3t25uPrgJOrccs8Mzewb/x448kk6ey4WlaqDFhjqaq2tvszQynkoLYfOLAT50C6Iq5wMlZKg1bIClclB6Q6u+fGpBOSnYm1X9OTX7WZec3hZeELV8eVhLxcctbvvK0wIeIx+4PoCT81SeipAk4Ig+8rD24/HO+A5fX9xx/mjMlj+Ea2CAai07bPaH4+nbcQEWT8K2gKTcwFv1Adt4nkM2NiZ3ixAbkEnyzg8+in515gpFQkJdHGasz6H/10zhTnyzR3sguKyfycgVQC2xvbbWf4qbyz4pYCpfdHvuserYlCtAqQSKmxuIhiY0vrgpNEmzrsdq37L1LPJrc6IIq3GJREdTCu4IqkMTf1mvJfcu17N2dyAdVgrtQg/nYxbop7HqQmjDCkHMEI4E1TBkgWXzfojs7F73P5w+dPfG886IGAm+wdns+wDTw0SPl5x8dOsEj9RmP7upa9u7h4FPXeNzVQTUEruKJNWbXSiX5ycvhtvkF89HSZf0ZUcuTtsH6gvpim+6MMIl35BartPQ/OeC2pOWRGadLVlhPBctybXYXlqqw7Mp4gR/PpnDRvp2l+fbdS7sz7IjCxVth+ob4lPgNrvXHj9e7tgdv3ZTFopK1j5gK3XSuOMtnuaJZv6mPSqZa0fiB6MDA+XfdZQWejdsJDzBrUChN6DwOxGAAbnI1poHjg4O0UC2kZmZ9ELrZWSK/wK6xkRgcHIck9HovnbowAZK4FoKXB2xTOQF41xsTXOLFWt7D2FxiZobYPx04QmMimWKXEOBlSqV15olRSkg9fGABs4T0WgMDDE6BXP1Yt5H/xRHpYAMm9ERM3wL6rjIxZ7FBbKG3FjUNdtnfMY3Y9tdUqxrbPAvKu5VffjAhl1KfnZYWIIqW4AHX23WBMb2KM7+7PuzTiE4cQQJ3Ol+8QAw8eV6Buz13B1pbz+GzOqMxI6mD2dyu5IARMqzfsaooNF8szg8tehJa7Ey+eOaeFH+GiiNFMlqkti0XFPLz2try+IWCO5L92tva+HmCwjsZ7hf+mAZWVrkeo6pKL3GokYmKBixCVuHcgEqcbqh4etEDaktdHm0YG39foKSGScbjEQb2TOGlaZtU8HnGuBvYHYvES1PBbn5fJA7JzQ0RS1emvzftZ28v/aYfVqZJxbnBIbnfyIUwrmf+f65Mk6RAaemkZBp/rfeiBwWGOP5eY5ww5zGvKLOC/+ko4wMZP4IxfP8Vl5pBR90yWFOq+++Qc5TXY+cwzmMvf+d1bpXPdgxZ28dZe9lod4CnD0/b2Nvk72ha1PhVvo2XTSWYOoZaOOoc5D500jf3dMkrxfc4XJ0f7HX0Lc9+Jn7LZQpTO59oos/njcL04VEBLqgCifzdLse/mKz5c9NzcbSRG//J5opFbfbIuAh1PA6UBPoJRkSYFlTuvtDbkNLEpiW1cCnlCJ3yBgdzCLMc23pTZhwAQVMAuqjPpfDiRTROk58R2bOXV9bTOAia3JU6P4POdf3cF8hX4mcLDLbshw5P8ny7Vn4r+0Rf8Fj+n90iaGGvZo5f62uXyS0bWR38DtbGVSO3MFrVwFiThhaMNByXhUm31/hg4Gm6UllYoGz4kSOPsI6QJySEnrc+H0o0NICN/6znbeqxK7JGOiVvUwGnBCFRURvJH6lNGrB5EK+zRI10nqUexFV6gKibrUZSAKg/XYW8X0g1yM17hCELs/I6BvT7uHSahyUHEP+8vhRJrka/Sp2ITLcNpXhktaQ1+nTPx8jFQGvFEU/26b/IAZ5pkdSOPNRlQO883diAvInT0OeHSxCjg49QF2IbxLNyruUtIRMp3kgsPIyOAX0IlxWIxIMawymvLJA8wJv/U6JYMuSp6qgIujvNe7ga9Z4wqHWjbemRn2Sm2/5H8NHBT3V74xI08j/mVogBAIosXny/6YT1RPxpg3r08bfx1QBQv8LNVIb/PIv9jZ8U/wvZ3eF/CuavvwEkLU4A88AWgJhBF0QB6wV3VWMBAtB2hIA7Qd+YL3ochHN6GTXgB33UQQAcspmhy8DeF4iDSoAAl7EFcIEM2LRADAiBX4yNp/czBKZ/jziQAj8xHkx/j3xgxTL+3fygxSoKuF8fxbsv2Yjev2Kdg5HHjYIf8xMleabi5fCcdnxHJBSj6IrTrUht/apaFZVwU7wzxRGFwEUU/kCrh7NqfHt6qsKAB8tNx9RH8e5LNoFT718xFjk8bRHEFmWZP/GNJfBLYypeDs+Q4SMQ9MpG0Zmn28FMbWy+6sasip1XuCnesRJIFkLGEcRs+wNtKA7nGnZ8e9pMVcGKg8US/5+YazP/y2RsM5ik0TkYnEwWF5ubhxfFcIKkaIbleEGUZEXVdMO0bMf1/CCM4iTN8qKs6qbt+mGc5kUQJUxkhaqabkxn88XStGxntd5sb4z/r1Nyv64Fa6OeaWhE+JJ6JtmhNWQxDOzZiK7bjfbzxNfy3IXu8WE/nhwqSuPJKG7T8pmgJs4tB5Yy+rvZMvoUc0NpaplUjFV0fcvxNrDCKfVsans2a99hsgO8kk6Om0eDvaGb4A3LFEw69y7FYeUDweTAfpK0X4uPg1o4x35uUsuJlQ6DJ8pBR4GN81SPG3P1jb9jv0HKY05pogUx4YxYSxMCX8AHsXIGe5hIg+hb1rVEPw2Xp6zKVHJVrR78aCC+Pms/mRanqcFQLR1f6EqY0GZAKaONvzGPTNuizkwFsbSBE2AbbixHmDwO54g0ziQI69ayY8hpUCi3Om4GZhqjNFG1gbk0b1soFWgOM0mc02L3doSuPLEqN9NEUTlOO4e30oDVOc6vhO9ETOLUAiixNm3zL7c0zvXReQUDNQggKHhgILhAAgsBzvAJJ7hC+QgayBDhBi1UcO8A);
  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-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --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-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-input-error-focus-box-shadow: 0 0 0 3px
      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
  --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-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-active-color) 50%);
  --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-filter-panel-card-subtle-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-filter-panel-apply-button-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-active-color);
}

.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-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  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-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    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-row-number-cell,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz .ag-filter-card-title,
.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-row-number-cell,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-card-title,
.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-row-number-cell,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-card-title {
  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;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

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

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

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

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

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

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

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

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

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

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-add-select .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-dark .ag-filter-add-select .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,
.ag-theme-quartz-auto-dark .ag-filter-add-select .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 .ag-ltr .ag-filter-add-select .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-dark .ag-ltr .ag-filter-add-select .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, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select .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 .ag-rtl .ag-filter-add-select .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-dark .ag-rtl .ag-filter-add-select .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, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select .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 .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select 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-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select 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, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select 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 .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select 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-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select 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, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input {
  padding-right: 26px;
}

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

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

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

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

.TextDropdown[data-v-4d0324e4] {
  position: relative;
  width: 100%;
}
.help-message[data-v-4d0324e4] {
  position: absolute;
  bottom: calc(-1.5 * 1em);
  left: 10px;
  margin: 0;
  font-size: 14px;
}
.TextDropdown.has-error summary[data-v-4d0324e4] {
  background-color: var(--error-bg-color) !important;
  color: var(--error-color) !important;
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  ) !important;
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;
  border: 1px solid;
  width: 100%;
  border-radius: 15px;
  border-color: red;
}
.TextDropdown.has-error summary[data-v-4d0324e4]:focus {
  border-color: var(--error-color);
}
.TextDropdown.has-error .help-message[data-v-4d0324e4] {
  color: var(--error-color);
}
.TextDropdown.success summary[data-v-4d0324e4] {
  background-color: var(--success-bg-color);
  color: var (--success-color);
}
.TextDropdown.success summary[data-v-4d0324e4]:focus {
  border-color: var (--success-color);
}
.TextDropdown.success .help-message[data-v-4d0324e4] {
  color: var (--success-color);
}

.TextInput {
  position: relative;
  width: 100%;
}
.help-message {
  position: absolute;
  left: 10px;
  margin: 0;
  font-size: 14px;
}
.TextInput.has-error input {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;

  border-color: red;
}
.TextInput.has-error .dateInputContainer .dateInputChild {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;
}
.TextInput.has-error input:focus {
  border-color: var(--error-color);
}
.TextInput.has-error .help-message {
  color: var(--error-color);
  border-color: var(--error-color);
}
.TextInput.success .help-message {
  color: var(--success-color);
}


.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
@media print {
@page {
    size: 8in 11in;
    margin: 1cm;
}
body {
    margin: 0;
    padding: 0;
}
.bg-white.z-50 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
}


.inter-font[data-v-019d708a] {
  /* font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif; */
  /* -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}
.invoice-container[data-v-019d708a] {
  max-width: 8.5in;
  margin: 0 auto;
  padding: 5.5in;
}
.accent-band[data-v-019d708a] {
  min-height: 100%;
}
.info-box[data-v-019d708a] {
  /* background: white; */
  padding: 0.4rem;
  transition: all 0.2s ease;
}
.info-box[data-v-019d708a]:hover {
  /* background: #f8fafc; */
}
.info-label[data-v-019d708a] {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.15rem;
}
.info-value[data-v-019d708a] {
  font-weight: 600;
  color: #1e293b;
  line-height: 1.3;
}

/* Print Styles */
@media print {
.invoice-container[data-v-019d708a] {
    margin: 0 !important;
    padding: 0.5rem !important;
    box-shadow: none;
    max-height: none;
}
@media print {
.text-slate-800[data-v-019d708a] {
      color: #111 !important;
}
.text-slate-600[data-v-019d708a] {
      color: #222 !important;
}
.bg-blue-600[data-v-019d708a] {
      background-color: #004aad !important;
}
.bg-blue-50[data-v-019d708a],
    .bg-slate-50[data-v-019d708a] {
      background-color: #ffffff !important;
}
.bg-gradient-to-r[data-v-019d708a] {
      background: #004aad !important;
} /* Evita degradado */
}
  /* Evitar saltos de página dentro de elementos */
header[data-v-019d708a],
  .info-box[data-v-019d708a],
  .item-row[data-v-019d708a],
  .totals-section[data-v-019d708a],
  .payment-row[data-v-019d708a] {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

  /* Mantener secciones juntas */
section[data-v-019d708a] {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

  /* Evitar saltos antes de títulos importantes */
h3[data-v-019d708a] {
    page-break-after: avoid;
    -moz-column-break-after: avoid;
         break-after: avoid;
}

  /* Mantener firma y términos juntos */
.signature-section[data-v-019d708a] {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    padding: 0.5rem;
}

  /* Evitar huérfanos y viudas */
p[data-v-019d708a] {
    orphans: 3;
    widows: 3;
}
}

.TextInput {
  position: relative;
  width: 100%;
}
.help-message {
  position: absolute;
  left: 10px;
  margin: 0;
  font-size: 14px;
}
.TextInput.has-error input {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;

  border-color: red;
}
.TextInput.has-error .dateInputContainer .dateInputChild {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;
}
.TextInput.has-error input:focus {
  border-color: var(--error-color);
}
.TextInput.has-error .help-message {
  color: var(--error-color);
  border-color: var(--error-color);
}
.TextInput.success .help-message {
  color: var(--success-color);
}

.TextInput {
  position: relative;
  width: 100%;
}
.help-message {
  position: absolute;
  left: 10px;
  margin: 0;
  font-size: 14px;
}
.TextInput.has-error input {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;

  border-color: red;
}
.TextInput.has-error .dateInputContainer .dateInputChild {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;
}
.TextInput.has-error input:focus {
  border-color: var(--error-color);
}
.TextInput.has-error .help-message {
  color: var(--error-color);
  border-color: var(--error-color);
}
.TextInput.success .help-message {
  color: var(--success-color);
}

.ContentLoading[data-v-8fbeaef1] {
  background: #00000085;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  position: fixed;
  align-self: end;
  inset: 0;
  height: 100%;
  display: flex;

  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 999 !important;
}
.animation-text[data-v-8fbeaef1] {
  animation: upText-8fbeaef1 700ms normal ease-in-out;
}
.animation-rotate[data-v-8fbeaef1] {
  animation: rotateX-360-8fbeaef1 2.5s linear infinite;
}
@keyframes upText-8fbeaef1 {
0% {
    transform: translateY(150px) rotateY(180deg);
    scale: 1.2;
    opacity: 0%;
}
70% {
    scale: 1.3;
}
100% {
    transform: rotateY(10deg) translateY(0px);
    scale: 1;
    opacity: 1;
}
}
@keyframes rotateX-360-8fbeaef1 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/* Contenedor para hacer el código de barras más grande */
.print-container[data-v-b3f0a436] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw; /* Ocupa todo el ancho */
  height: 100vh; /* Ocupa toda la altura */
}

/* Estilos de impresión */
@media print {
@page {
    size: A4 portrait; /* Usa tamaño A4 vertical */
    margin: 0; /* Sin márgenes */
}
body[data-v-b3f0a436],
  .print-container[data-v-b3f0a436] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

  /* Hace que el código de barras ocupe toda la página */
svg[data-v-b3f0a436] {
    width: 90%; /* Ajusta el ancho */
    height: 90%; /* Ajusta la altura */
}
}


.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
@media print {
@page {
    size: 8in 11in; /* Tamaño de página */
    margin: 1cm; /* Márgenes */
}

  /* Ajusta el contenido al tamaño de la página */
body {
    margin: 0;
    padding: 0;
}
.bg-white.z-50 {
    margin: 0;
    padding: 0;
    width: 100%; /* Asegurar ancho completo */
    height: auto;
    overflow: hidden; /* Elimina desbordamientos */
}
}

.TextInput {
  position: relative;
  width: 100%;
}
.help-message {
  position: absolute;
  left: 10px;
  margin: 0;
  font-size: 14px;
}
.TextInput.has-error input {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;

  border-color: red;
}
.TextInput.has-error .dateInputContainer .dateInputChild {
  background-color: var(--error-bg-color);
  color: var(--error-color);
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;
}
.TextInput.has-error input:focus {
  border-color: var(--error-color);
}
.TextInput.has-error .help-message {
  color: var(--error-color);
  border-color: var(--error-color);
}
.TextInput.success .help-message {
  color: var(--success-color);
}

.animate-noti[data-v-a7c19491] {
  animation: anim-noti-a7c19491 3s infinite alternate ease-in-out;
}
.animate-noti-v2[data-v-a7c19491] {
  animation: anim-noti-v2-a7c19491 1.5s infinite alternate ease-in-out;
}
@keyframes anim-noti-a7c19491 {
0% {
    transform: rotate(-15deg);
}
50% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-15deg);
}
}
@keyframes anim-noti-v2-a7c19491 {
0% {
    transform: rotate(-20deg) scale(1);
}
25% {
    transform: rotate(40deg) scale(1.1);
}
50% {
    transform: rotate(-20deg) scale(1.1);
}
75% {
    transform: rotate(40deg) scale(1.1);
}
100% {
    transform: rotate(-20deg) scale(1);
}
}

.active-option[data-v-ce20448b] {
  background: linear-gradient(45deg, transparent, rgb(var(--accent)));
  background-size: 400% 400%;
  animation: active-animation-ce20448b 600ms ease forwards;
}
.inactive-option[data-v-ce20448b] {
  animation: inactive-animation-ce20448b 1s ease forwards;
}
@keyframes active-animation-ce20448b {
0% {
    background-position: 0% 50%;
    transform: scale(0.5);
}
50% {
    background-position: 100% 0%;
    transform: scale(1.5);
}
100% {
    background-position: 100% 80%;
    transform: scale(1.2);
}
}
@keyframes inactive-animation-ce20448b {
0% {
    transform: scale(1.3);
}
100% {
    transform: scale(1);
}
}

.active-option[data-v-4c1c7352] {
  background: linear-gradient(45deg, transparent, rgb(var(--accent)));
  background-size: 400% 400%;
  animation: active-animation-4c1c7352 600ms ease forwards;
}
.inactive-option[data-v-4c1c7352] {
  animation: inactive-animation-4c1c7352 1s ease forwards;
}
@keyframes active-animation-4c1c7352 {
0% {
    background-position: 0% 50%;
    transform: scale(0.5);
}
50% {
    background-position: 100% 0%;
    transform: scale(1.5);
}
100% {
    background-position: 100% 80%;
    transform: scale(1.2);
}
}
@keyframes inactive-animation-4c1c7352 {
0% {
    transform: scale(1.3);
}
100% {
    transform: scale(1);
}
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  :root {
    --success-color: rgb(var(--accent));
    --success-bg-color: #e0e0e0;
    --error-color: #f23648;
    --error-bg-color: #fddfe2;
    --secondary-light: 204, 204, 204;
    --surface-dark-900: 28, 28, 28;
    --accent: 6, 100, 212;
    --hover: 13, 13, 13;
    --border-light: 4, 3, 3;
    --surface-dark-700: 68, 64, 60;
    --light: 2, 6, 23;
    --dark: 221, 230, 237;
    --focus-input-light: 207, 250, 254;
    --focus-input-dark: 41, 37, 36;
    --placeholder-light: rgb(var(--surface-dark-900), 0.5);
    --placeholder-dark: rgb(var(--secondary-light), 0.3);
    --primary-skeleton: rgb(var(--primary-light));
    --secondary-skeleton: rgb(var(--secondary-light));

    --surface-0: #ffffff;
    --surface-50: #fafafa;
    --surface-100: #f5f5f5;
    --surface-200: #e5e5e5;
    --surface-300: #d4d4d4;
    --surface-400: #a3a3a3;
    --surface-500: rgb(115, 115, 115);
    --surface-600: rgb(39, 39, 39);
    --surface-700: rgb(26, 26, 26);
    --surface-800: rgb(14, 14, 14);
    --surface-900: rgb(1, 1, 1);
    --surface-950: rgb(13, 13, 13);

    
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 1.2rem;
  }
  .dark {
    --accent: 6,182,212;
    --success-color: rgb(var(--accent));
    --success-bg-color: #323232;
    --primary-skeleton: #292929;
    --secondary-skeleton: #595959;
    --surface-0: 255, 255, 255;
    --surface-50: 255, 255, 255;
    --surface-100: 1, 1, 1;
    --surface-200: 20, 20, 20, 0;
    --surface-300: 255, 254, 254;
    --surface-400: 115, 115, 115;
    --surface-500: 255, 255, 255;
    --surface-600: 40, 40, 40;
    --surface-700: 35, 35, 35;
    --surface-800: 30, 30, 30;
    --surface-900: 20, 20, 20;
    --surface-950: 28, 28, 28;
    --test:rgb(12, 10, 9);

    --background: 0 0% 3.9%; 
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: rgb(var(--accent));
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
  }
.container {
  width: 100%;
}
@media (min-width: 180px) {

  .container {
    max-width: 180px;
  }
}
@media (min-width: 320px) {

  .container {
    max-width: 320px;
  }
}
@media (min-width: 480px) {

  .container {
    max-width: 480px;
  }
}
@media (min-width: 540px) {

  .container {
    max-width: 540px;
  }
}
@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;
  }
}
@media (min-width: 1920px) {

  .container {
    max-width: 1920px;
  }
}
.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;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.-inset-y-7 {
  top: -1.75rem;
  bottom: -1.75rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-1 {
  left: 0.25rem;
  right: 0.25rem;
}
.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}
.inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}
.inset-y-\[2\.2rem\] {
  top: 2.2rem;
  bottom: 2.2rem;
}
.inset-y-\[4\.2rem\] {
  top: 4.2rem;
  bottom: 4.2rem;
}
.inset-y-\[6\.1rem\] {
  top: 6.1rem;
  bottom: 6.1rem;
}
.inset-y-\[8\.1rem\] {
  top: 8.1rem;
  bottom: 8.1rem;
}
.-bottom-1\.5 {
  bottom: -0.375rem;
}
.-bottom-8 {
  bottom: -2rem;
}
.-left-10 {
  left: -2.5rem;
}
.-left-3 {
  left: -0.75rem;
}
.-left-\[100rem\] {
  left: -100rem;
}
.-left-\[200rem\] {
  left: -200rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-right-12 {
  right: -3rem;
}
.-right-3 {
  right: -0.75rem;
}
.-right-4 {
  right: -1rem;
}
.-right-\[0\.25rem\] {
  right: -0.25rem;
}
.-right-\[0\.30rem\] {
  right: -0.30rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-4 {
  top: -1rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-16 {
  left: 4rem;
}
.left-24 {
  left: 6rem;
}
.left-\[30\%\] {
  left: 30%;
}
.right-0 {
  right: 0px;
}
.right-10 {
  right: 2.5rem;
}
.right-2 {
  right: 0.5rem;
}
.right-4 {
  right: 1rem;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[0\.5rem\] {
  top: 0.5rem;
}
.top-\[10\%\] {
  top: 10%;
}
.top-\[40\%\] {
  top: 40%;
}
.isolate {
  isolation: isolate;
}
.\!z-10 {
  z-index: 10 !important;
}
.\!z-20 {
  z-index: 20 !important;
}
.\!z-40 {
  z-index: 40 !important;
}
.\!z-50 {
  z-index: 50 !important;
}
.-z-10 {
  z-index: -10;
}
.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;
}
.\!col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-full {
  grid-column: 1 / -1;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mr-2 {
  margin-right: 0.5rem !important;
}
.\!mt-1 {
  margin-top: 0.25rem !important;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.\!inline-flex {
  display: inline-flex !important;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-5 {
  height: 1.25rem !important;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-full {
  height: 100% !important;
}
.\!h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-0 {
  height: 0px;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-44 {
  height: 11rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-52 {
  height: 13rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[--reka-select-trigger-height\] {
  height: var(--reka-select-trigger-height);
}
.h-\[10rem\] {
  height: 10rem;
}
.h-\[12rem\] {
  height: 12rem;
}
.h-\[15rem\] {
  height: 15rem;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.4rem\] {
  height: 2.4rem;
}
.h-\[2rem\] {
  height: 2rem;
}
.h-\[3\.7rem\] {
  height: 3.7rem;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[40rem\] {
  height: 40rem;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[6rem\] {
  height: 6rem;
}
.h-\[70rem\] {
  height: 70rem;
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-max {
  height: -moz-max-content;
  height: max-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-14 {
  max-height: 3.5rem;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[10rem\] {
  max-height: 10rem;
}
.max-h-\[12rem\] {
  max-height: 12rem;
}
.max-h-\[20rem\] {
  max-height: 20rem;
}
.max-h-\[30rem\] {
  max-height: 30rem;
}
.max-h-\[35rem\] {
  max-height: 35rem;
}
.max-h-\[37rem\] {
  max-height: 37rem;
}
.max-h-\[40dvh\] {
  max-height: 40dvh;
}
.max-h-\[50rem\] {
  max-height: 50rem;
}
.max-h-\[60dvh\] {
  max-height: 60dvh;
}
.max-h-full {
  max-height: 100%;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-60 {
  min-height: 15rem;
}
.min-h-80 {
  min-height: 20rem;
}
.min-h-\[10rem\] {
  min-height: 10rem;
}
.min-h-\[28rem\] {
  min-height: 28rem;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.min-h-\[40dvh\] {
  min-height: 40dvh;
}
.min-h-\[40rem\] {
  min-height: 40rem;
}
.min-h-\[5rem\] {
  min-height: 5rem;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[8rem\] {
  min-height: 8rem;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-5 {
  width: 1.25rem !important;
}
.\!w-full {
  width: 100% !important;
}
.\!w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[12rem\] {
  width: 12rem;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[18rem\] {
  width: 18rem;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20rem\] {
  width: 20rem;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[25rem\] {
  width: 25rem;
}
.w-\[2rem\] {
  width: 2rem;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[40rem\] {
  width: 40rem;
}
.w-\[4rem\] {
  width: 4rem;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[50rem\] {
  width: 50rem;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-\[70rem\] {
  width: 70rem;
}
.w-auto {
  width: auto;
}
.w-dvw {
  width: 100dvw;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-screen {
  width: 100vw;
}
.min-w-14 {
  min-width: 3.5rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-48 {
  min-width: 12rem;
}
.min-w-\[--reka-select-trigger-width\] {
  min-width: var(--reka-select-trigger-width);
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[15rem\] {
  min-width: 15rem;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[20rem\] {
  min-width: 20rem;
}
.min-w-\[24rem\] {
  min-width: 24rem;
}
.min-w-\[30rem\] {
  min-width: 30rem;
}
.min-w-\[60rem\] {
  min-width: 60rem;
}
.min-w-full {
  min-width: 100%;
}
.\!max-w-\[10rem\] {
  max-width: 10rem !important;
}
.max-w-14 {
  max-width: 3.5rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-\[100rem\] {
  max-width: 100rem;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[17rem\] {
  max-width: 17rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[30rem\] {
  max-width: 30rem;
}
.max-w-\[40rem\] {
  max-width: 40rem;
}
.max-w-\[5rem\] {
  max-width: 5rem;
}
.max-w-\[70rem\] {
  max-width: 70rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-\[1\] {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow-0 {
  flex-grow: 0;
}
.table-auto {
  table-layout: auto;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-center {
  transform-origin: center;
}
.-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-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-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-y-100 {
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce {

  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.resize-none {
  resize: none;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.auto-rows-auto {
  grid-auto-rows: auto;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1fr\2c 1\.9rem\] {
  grid-template-columns: 1fr 1.9rem;
}
.grid-cols-\[1fr\2c 10rem\2c 10rem\] {
  grid-template-columns: 1fr 10rem 10rem;
}
.grid-cols-\[1fr\2c 20rem\] {
  grid-template-columns: 1fr 20rem;
}
.grid-cols-\[1fr\2c 3rem\] {
  grid-template-columns: 1fr 3rem;
}
.grid-cols-\[1fr\2c 5rem\2c 10rem\2c 10rem\] {
  grid-template-columns: 1fr 5rem 10rem 10rem;
}
.grid-cols-\[1fr\2c auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[2\.5rem\2c 1fr\] {
  grid-template-columns: 2.5rem 1fr;
}
.grid-cols-\[3rem\2c 1fr\2c 1rem\2c 1rem\] {
  grid-template-columns: 3rem 1fr 1rem 1rem;
}
.grid-cols-\[3rem\2c 1fr\2c 3rem\] {
  grid-template-columns: 3rem 1fr 3rem;
}
.grid-cols-\[3rem\2c 1fr\] {
  grid-template-columns: 3rem 1fr;
}
.grid-cols-\[500px\2c 1fr\] {
  grid-template-columns: 500px 1fr;
}
.grid-cols-\[6rem\2c 1fr\2c auto\] {
  grid-template-columns: 6rem 1fr auto;
}
.grid-cols-\[6rem\2c auto\2c 2rem\] {
  grid-template-columns: 6rem auto 2rem;
}
.grid-cols-\[auto\2c 1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-rows-2-rows-layout-index {
  grid-template-rows: 5rem minmax(0, 1fr);
}
.grid-rows-\[auto\2c 1fr\2c auto\] {
  grid-template-rows: auto 1fr auto;
}
.grid-rows-\[auto\2c 1fr\] {
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto\2c auto\2c 1fr\2c 5rem\] {
  grid-template-rows: auto auto 1fr 5rem;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-content-center {
  place-content: center;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\[1\.7px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1.7px * var(--tw-divide-x-reverse));
  border-left-width: calc(1.7px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-\[1px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.\!divide-red-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(220 38 38 / var(--tw-divide-opacity, 1)) !important;
}
.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1));
}
.divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border));
}
.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-divide-opacity, 1));
}
.divide-primary-light > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--primary-light), var(--tw-divide-opacity, 1));
}
.divide-secondary-light > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(var(--secondary-light), var(--tw-divide-opacity, 1));
}
.divide-surface-light-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-divide-opacity, 1));
}
.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-divide-opacity, 1));
}
.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;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.\!text-wrap {
  text-wrap: wrap !important;
}
.text-wrap {
  text-wrap: wrap;
}
.\!rounded-3xl {
  border-radius: 1.5rem !important;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.\!rounded-md {
  border-radius: calc(var(--radius) - 2px) !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.\!rounded-sm {
  border-radius: calc(var(--radius) - 4px) !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.rounded-t-sm {
  border-top-left-radius: calc(var(--radius) - 4px);
  border-top-right-radius: calc(var(--radius) - 4px);
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[1\.4px\] {
  border-width: 1.4px;
}
.border-\[1px\] {
  border-width: 1px;
}
.\!border-b-\[1px\] {
  border-bottom-width: 1px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-b-\[10px\] {
  border-bottom-width: 10px;
}
.border-b-\[2\.5px\] {
  border-bottom-width: 2.5px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-\[10px\] {
  border-left-width: 10px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-r-\[10px\] {
  border-right-width: 10px;
}
.border-r-\[1px\] {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-t-\[10px\] {
  border-top-width: 10px;
}
.border-t-\[2px\] {
  border-top-width: 2px;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-none {
  border-style: none;
}
.\!border-border {
  border-color: hsl(var(--border)) !important;
}
.\!border-input {
  border-color: hsl(var(--input)) !important;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-border {
  border-color: hsl(var(--border));
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-destructive\/20 {
  border-color: hsl(var(--destructive) / 0.2);
}
.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: hsl(var(--input));
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-primary\/30 {
  border-color: hsl(var(--primary) / 0.3);
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-secondary-light {
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-light), var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}
.border-stone-700 {
  --tw-border-opacity: 1;
  border-color: rgb(68 64 60 / var(--tw-border-opacity, 1));
}
.border-surface-dark-700\/20 {
  border-color: rgb(36 36 36 / 0.2);
}
.border-surface-light-0 {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-surface-light-500 {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.\!border-b-accent {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(var(--accent), var(--tw-border-opacity, 1)) !important;
}
.border-l-accent {
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--accent), var(--tw-border-opacity, 1));
}
.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-l-destructive {
  border-left-color: hsl(var(--destructive));
}
.border-l-green-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-l-orange-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-l-purple-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-t-accent {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--accent), var(--tw-border-opacity, 1));
}
.\!bg-accent {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1)) !important;
}
.\!bg-accent\/20 {
  background-color: rgb(var(--accent), 0.2) !important;
}
.\!bg-accent\/50 {
  background-color: rgb(var(--accent), 0.5) !important;
}
.\!bg-green-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-primary-dark {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1)) !important;
}
.\!bg-primary-light {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--primary-light), var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-secondary-light {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--secondary-light), var(--tw-bg-opacity, 1)) !important;
}
.\!bg-surface-light-0 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-surface-light-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-\[\#0284c7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}
.bg-\[\#65d067\] {
  --tw-bg-opacity: 1;
  background-color: rgb(101 208 103 / var(--tw-bg-opacity, 1));
}
.bg-\[\#84cc16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ab5cc9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 92 201 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d946ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eb363e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 54 62 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4143f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 20 63 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4f4f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5da73\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 218 115 / var(--tw-bg-opacity, 1));
}
.bg-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1));
}
.bg-accent\/10 {
  background-color: rgb(var(--accent), 0.1);
}
.bg-accent\/20 {
  background-color: rgb(var(--accent), 0.2);
}
.bg-accent\/40 {
  background-color: rgb(var(--accent), 0.4);
}
.bg-accent\/50 {
  background-color: rgb(var(--accent), 0.5);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-cyan-500\/50 {
  background-color: rgb(6 182 212 / 0.5);
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}
.bg-destructive\/15 {
  background-color: hsl(var(--destructive) / 0.15);
}
.bg-destructive\/5 {
  background-color: hsl(var(--destructive) / 0.05);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-400\/80 {
  background-color: rgb(74 222 128 / 0.8);
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-green-500\/50 {
  background-color: rgb(34 197 94 / 0.5);
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-green-800\/50 {
  background-color: rgb(22 101 52 / 0.5);
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}
.bg-neutral-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.bg-neutral-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-500\/10 {
  background-color: rgb(249 115 22 / 0.1);
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary-dark {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1));
}
.bg-primary-dark\/50 {
  background-color: rgba(var(--primary-dark), 0.5);
}
.bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-light), var(--tw-bg-opacity, 1));
}
.bg-primary-light\/40 {
  background-color: rgb(var(--primary-light), 0.4);
}
.bg-primary-light\/50 {
  background-color: rgb(var(--primary-light), 0.5);
}
.bg-primary-light\/60 {
  background-color: rgb(var(--primary-light), 0.6);
}
.bg-primary-light\/70 {
  background-color: rgb(var(--primary-light), 0.7);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/10 {
  background-color: rgb(168 85 247 / 0.1);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/80 {
  background-color: rgb(239 68 68 / 0.8);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-secondary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-light), var(--tw-bg-opacity, 1));
}
.bg-secondary-light\/50 {
  background-color: rgb(var(--secondary-light), 0.5);
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-surface-dark-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}
.bg-surface-dark-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
}
.bg-surface-dark-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}
.bg-surface-light-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-surface-light-0\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.bg-surface-light-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-surface-light-100\/50 {
  background-color: rgb(245 245 245 / 0.5);
}
.bg-surface-light-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}
.bg-surface-light-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}
.bg-surface-light-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
}
.bg-surface-light-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/30 {
  background-color: rgb(250 204 21 / 0.3);
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500\/20 {
  background-color: rgb(234 179 8 / 0.2);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.\!from-accent {
  --tw-gradient-from: rgb(var(--accent), 1) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(var(--accent), 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.\!from-yellow-500\/20 {
  --tw-gradient-from: rgb(234 179 8 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-accent {
  --tw-gradient-from: rgb(var(--accent), 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--accent), 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-light {
  --tw-gradient-from: rgb(var(--primary-light), 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--primary-light), 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-light-0 {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-light-100 {
  --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 245 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-light-300 {
  --tw-gradient-from: #d4d4d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(212 212 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface-light-400 {
  --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-50\% {
  --tw-gradient-from-position: 50%;
}
.\!to-accent {
  --tw-gradient-to: rgb(var(--accent), 1) var(--tw-gradient-to-position) !important;
}
.\!to-accent\/50 {
  --tw-gradient-to: rgb(var(--accent), 0.5) var(--tw-gradient-to-position) !important;
}
.\!to-yellow-500 {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position) !important;
}
.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.to-muted\/20 {
  --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
}
.to-muted\/30 {
  --tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position);
}
.to-primary-light {
  --tw-gradient-to: rgb(var(--primary-light), 1) var(--tw-gradient-to-position);
}
.to-secondary-light {
  --tw-gradient-to: rgb(var(--secondary-light), 1) var(--tw-gradient-to-position);
}
.to-surface-dark-900 {
  --tw-gradient-to: #2c2c2c var(--tw-gradient-to-position);
}
.to-surface-light-0 {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-surface-light-100 {
  --tw-gradient-to: #f5f5f5 var(--tw-gradient-to-position);
}
.to-surface-light-300 {
  --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position);
}
.to-surface-light-400 {
  --tw-gradient-to: #a3a3a3 var(--tw-gradient-to-position);
}
.to-surface-light-500 {
  --tw-gradient-to: #737373 var(--tw-gradient-to-position);
}
.to-50\% {
  --tw-gradient-to-position: 50%;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-5 {
  padding: 1.25rem !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[0\.3rem\] {
  padding: 0.3rem;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[5px\] {
  padding: 5px;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.2rem\] {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.py-\[0\.5px\] {
  padding-top: 0.5px;
  padding-bottom: 0.5px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[4\.8rem\] {
  padding-top: 4.8rem;
}
.text-left {
  text-align: left;
}
.\!text-center {
  text-align: center !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-middle {
  vertical-align: middle;
}
.align-text-top {
  vertical-align: text-top;
}
.font-primary {
  font-family: inter-font, sans;
}
.\!text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.\!text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.\!text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}
.\!text-8xl {
  font-size: 6rem !important;
  line-height: 1 !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-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-\[0\.55rem\] {
  font-size: 0.55rem;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[3\.3rem\] {
  font-size: 3.3rem;
}
.text-\[3rem\] {
  font-size: 3rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-medium {
  font-weight: 500 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-accent {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--accent), var(--tw-text-opacity, 1)) !important;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-blue-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1)) !important;
}
.\!text-dark {
  color: rgb(var(--dark)) !important;
}
.\!text-green-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1)) !important;
}
.\!text-inherit {
  color: inherit !important;
}
.\!text-light {
  color: rgb(var(--light)) !important;
}
.\!text-orange-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1)) !important;
}
.\!text-purple-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}
.\!text-secondary-light {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--secondary-light), var(--tw-text-opacity, 1)) !important;
}
.\!text-surface-dark-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(36 36 36 / var(--tw-text-opacity, 1)) !important;
}
.\!text-surface-dark-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(44 44 44 / var(--tw-text-opacity, 1)) !important;
}
.\!text-yellow-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1)) !important;
}
.text-accent {
  --tw-text-opacity: 1;
  color: rgb(var(--accent), var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-border {
  color: hsl(var(--border));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-current {
  color: currentColor;
}
.text-dark {
  color: rgb(var(--dark));
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-destructive\/70 {
  color: hsl(var(--destructive) / 0.7);
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-foreground\/80 {
  color: hsl(var(--foreground) / 0.8);
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-light {
  color: rgb(var(--light));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-secondary-light {
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-light), var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-stone-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(120 113 108 / var(--tw-placeholder-opacity, 1));
}
.placeholder-stone-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(120 113 108 / var(--tw-placeholder-opacity, 1));
}
.\!caret-accent {
  caret-color: rgb(var(--accent), 1) !important;
}
.caret-accent {
  caret-color: rgb(var(--accent), 1);
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black {
  --tw-shadow-color: #000;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-dark {
  --tw-shadow-color: rgba(var(--primary-dark), 1);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.\!outline-\[1px\] {
  outline-width: 1px !important;
}
.\!ring-4 {
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --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);
}
.ring-\[0\.5px\] {
  --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(0.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[1\.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(1.2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[1\.5px\] {
  --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(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[1px\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\!ring-accent {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1)) !important;
}
.\!ring-red-500 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)) !important;
}
.ring-accent {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}
.ring-accent\/20 {
  --tw-ring-color: rgb(var(--accent), 0.2);
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.ring-border {
  --tw-ring-color: hsl(var(--border));
}
.ring-cyan-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.ring-dark {
  --tw-ring-color: rgb(var(--dark));
}
.ring-primary-dark {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-dark), var(--tw-ring-opacity, 1));
}
.ring-primary-light {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-light), var(--tw-ring-opacity, 1));
}
.ring-secondary-light {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--secondary-light), var(--tw-ring-opacity, 1));
}
.ring-stone-950 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(12 10 9 / var(--tw-ring-opacity, 1));
}
.ring-surface-dark-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(36 36 36 / var(--tw-ring-opacity, 1));
}
.ring-surface-dark-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(44 44 44 / var(--tw-ring-opacity, 1));
}
.ring-surface-light-0 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-surface-light-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity, 1));
}
.ring-surface-light-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity, 1));
}
.ring-surface-light-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity, 1));
}
.ring-surface-light-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(64 64 64 / var(--tw-ring-opacity, 1));
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-yellow-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1));
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.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);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}



/* //solo en mobile */
@media screen  and (max-width: 640px) {
  :root {
      touch-action: pan-y, pan-x;
    }
  
    body {
      touch-action: none;
    }
  
    .p-disabled,
    .p-component:disabled {
      opacity: var(--p-disabled-opacity);
      cursor: not-allowed;
    }
  
    input,
    textarea,
    select {
      font-size: 16px !important;
    }
  
     

}

@font-face {
  font-family: "inter-font";
  src: url("/fonts/Nunito-Regular.ttf ") format("woff2");
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

* {
  --bar-color: trasparent;
  --bar-size: 5px;
  --bar-radius: 10px;

  --thumb-color: color-mix(in srgb, rgb(var(--accent)), transparent 32%);
  --thumb-size: 5px;
  --thumb-radius: 10px;

  scrollbar-color: var(--thumb-color) var(--bar-color);
  scrollbar-width: auto;
}

*::-webkit-scrollbar {
  width: var(--bar-size);
  height: var(--bar-size);
}

*::-webkit-scrollbar-track {
  background-color: var(--bar-color);
  border-radius: var(--bar-radius);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--thumb-color);
  border-radius: var(--thumb-radius);
  width: var(--thumb-size);
  height: var(--thumb-size);
}

.invalid-element {
  background: linear-gradient(
    to right,
    rgba(255, 51, 0, 0),
    rgba(255, 3, 3, 0.342)
  );
  background-size: 400% 400%;
  animation: animate-invalid 1.2s ease;
  outline-style: solid;
  outline-color: red;
  outline-width: 1px;
}

@keyframes animate-invalid {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}

.skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  z-index: 20;
  background: linear-gradient(
    90deg,
    var(--primary-skeleton) 25%,
    var(--secondary-skeleton) 50%,
    var(--primary-skeleton) 75%
  );
  background-size: 200% 100%;
  animation: animate-skeleton 1.5s linear infinite;
  opacity: 1;
}

@keyframes animate-skeleton {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

/* tables styles */
.ag-theme-quartz {

  --ag-background-color: transparent !important;
  --ag-grid-size: 10px !important;
  --ag-list-item-height: 20px !important;
  --ag-row-height: 60px !important;

  --ag-foreground-color: rgb(var(--light)) !important;
  --ag-header-foreground-color: rgb(var(--light)) !important;

  --ag-odd-row-background-color: transparent !important;
  --ag-header-column-resize-handle-color: rgb(0, 0, 0);
  --ag-header-background-color: rgb(var(--accent)) !important;
  --ag-row-hover-color: rgb(var(--secondary-light)) !important;
  --ag-data-color: rgb(var(--light)) !important;
  --ag-font-size: 14px !important;
  --ag-font-family: inter-font !important;
  --ag-input-focus-border-color: rgb(var(--accent)) !important;
  /* disable all borders */

  /* then add back a border between rows */
  --ag-row-border-style: solid !important;

  --ag-row-border-width: 1.5px !important;

  --ag-row-border-color: transparent !important;
  /* and between columns */
  /* --ag-cell-horizontal-border: solid rgb(150, 150, 200);   */
  
  /* styles filter */
  --ag-menu-background-color: rgb(var(--primary-light)) !important;
  --ag-borders-input: rgb(var(--primary-light)) !important;
  --ag-input-field-input: rgb(var(--primary-light));

  --ag-secondary-foreground-color: rgb(var(--light)) !important;
  --ag-active-color: rgb(var(--light)) !important;
  --ag-range-selection-background-color: red;
  --ag-range-selection-highlight-color: red;
  --ag-checkbox-background-color: rgb(var(--primary-light)) !important;
  --ag-checkbox-checked-color: rgb(var(--accent)) !important;

  --ag-icon-font-weight-first: 800 !important;
  --ag-icon-font-weight-previous: 800 !important;
  --ag-icon-font-weight-next: 800 !important;
  --ag-icon-font-weight-last: 800 !important;

  --ag-control-panel-background-color: transparent !important;
}

.ag-header-cell-text {
  font-weight: bold;
}

.dark .ag-theme-quartz {
  --ag-background-color: transparent !important;
  --ag-grid-size: 10px !important;
  --ag-list-item-height: 20px !important;
  --ag-row-height: 60px;

  --ag-foreground-color: rgb(var(--dark)) !important;
  --ag-header-foreground-color: rgb(0, 0, 0);
  --ag-header-background-color: rgb(var(--accent)) !important;
  /* --ag-odd-row-background-color: var(--surface-dark-900); */
  --ag-header-column-resize-handle-color: rgb(0, 0, 0);
  --ag-header-column-font-weight: bold !important;

  --ag-row-hover-color: rgb(var(--surface-dark-900)) !important;
  --ag-data-color: rgb(var(--dark)) !important;

  --ag-active-color: rgb(var(--accent)) !important;

  /* styles filter */
  --ag-menu-background-color: rgb(var(--surface-dark-900)) !important;
  --ag-borders-input: rgb(var(--accent)) !important;
  --ag-input-focus-border-color: rgb(var(--accent)) !important;

  --ag-secondary-foreground-color: rgb(var(--dark)) !important;

  --ag-range-selection-background-color: red;
  --ag-range-selection-highlight-color: red;
  --ag-checkbox-background-color: rgb(var(--surface-dark-900)) !important;
  --ag-checkbox-checked-color: rgb(var(--accent)) !important;

  --ag-row-border-color: transparent !important;

  .ag-icon-menu {
    color: rgb(var(--dark)) !important;
  }

  .ag-icon-asc {
    color: black !important;
  }

  .ag-icon-desc {
    color: black !important;
  }

  .ag-picker-field-display {
    color: rgb(var(--accent)) !important;
  }

  .ag-header-icon {
    color: rgb(var(--accent)) !important;
  }

  .ag-icon-filter {
    color: black !important;
  }
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  background-color: red !important;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: none !important;
}
.ag-header {
  border: 1px solid var(--ag-border-color) !important;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.ag-body {
  border: 1px solid var(--ag-border-color) !important;
  border-radius: 10px;
  background: rgb(var(--primary-light));
  padding-top: 10px;
}
.dark .ag-body {
  background: rgb(var(--primary-dark));
}
.ag-paging-panel {
  border-top: none !important;
  width: -moz-max-content;
  width: max-content;
  align-self: flex-end;
  border-radius: 10px;
}
.ag-paging-button.ag-disabled {
  cursor: pointer !important;
  padding: 10px;
  opacity: 50%;
  background: rgb(var(--primary-dark)) !important;
  border-radius: 100%;
  --ag-icon-font-color-first: rgb(var(--dark)) !important;
  --ag-icon-font-color-previous: rgb(var(--dark)) !important;
  --ag-icon-font-color-next: rgb(var(--dark)) !important;
  --ag-icon-font-color-last: rgb(var(--dark)) !important;
}

.ag-paging-button {
  cursor: pointer !important;
  padding: 10px;

  background: rgb(var(--accent)) !important;
  border-radius: 100% !important;
  --ag-icon-font-color-first: rgb(var(--light)) !important;
  --ag-icon-font-color-previous: rgb(var(--light)) !important;
  --ag-icon-font-color-next: rgb(var(--light)) !important;
  --ag-icon-font-color-last: rgb(var(--light)) !important;
}

/* end code tables styles */

/* Estilos para WebKit (Chrome, Safari, Edge) */
.dark input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}

/* Estilos para Firefox */
.dark input[type="date"]::-moz-calendar-picker-indicator {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}

/* Estilos para IE y Edge Legacy */
.dark input[type="date"]::-ms-clear {
  display: none;
}

.dark input[type="date"]::-ms-expand {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}

/* Estilos para WebKit (Chrome, Safari, Edge) */
.dark input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}

/* Estilos para Firefox */
.dark input[type="time"]::-moz-calendar-picker-indicator {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}

/* Estilos para IE y Edge Legacy */
.dark input[type="time"]::-ms-clear {
  display: none;
}

.dark input[type="time"]::-ms-expand {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%)
    contrast(100%);
}

.\*\:cursor-pointer > * {
  cursor: pointer;
}

.\*\:rounded-2xl > * {
  border-radius: 1rem;
}

.\*\:rounded-md > * {
  border-radius: calc(var(--radius) - 2px);
}

.\*\:border > * {
  border-width: 1px;
}

.\*\:border-border > * {
  border-color: hsl(var(--border));
}

.\*\:p-2 > * {
  padding: 0.5rem;
}

.first-letter\:uppercase::first-letter {
  text-transform: uppercase;
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.focus-within\:relative:focus-within {
  position: relative;
}

.focus-within\:z-20:focus-within {
  z-index: 20;
}

.focus-within\:\!divide-accent:focus-within > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(var(--accent), var(--tw-divide-opacity, 1)) !important;
}

.focus-within\:bg-surface-light-100:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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-within\:ring-\[1\.5px\]:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:\!ring-accent:focus-within {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1)) !important;
}

.focus-within\:ring-accent:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse {

  50% {
    opacity: .5;
  }
}

.hover\:animate-pulse:hover {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.hover\:border-accent:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent), var(--tw-border-opacity, 1));
}

.hover\:\!bg-primary-light:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--primary-light), var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-accent:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1));
}

.hover\:bg-accent\/70:hover {
  background-color: rgb(var(--accent), 0.7);
}

.hover\:bg-cyan-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1));
}

.hover\:bg-destructive\/5:hover {
  background-color: hsl(var(--destructive) / 0.05);
}

.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-muted\/60:hover {
  background-color: hsl(var(--muted) / 0.6);
}

.hover\:bg-neutral-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-light), var(--tw-bg-opacity, 1));
}

.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary));
}

.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gradient-to-bl:hover {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.hover\:bg-gradient-to-tr:hover {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.hover\:\!from-accent:hover {
  --tw-gradient-from: rgb(var(--accent), 1) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(var(--accent), 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.hover\:\!to-accent:hover {
  --tw-gradient-to: rgb(var(--accent), 1) var(--tw-gradient-to-position) !important;
}

.hover\:\!to-yellow-500\/20:hover {
  --tw-gradient-to: rgb(234 179 8 / 0.2) var(--tw-gradient-to-position) !important;
}

.hover\:to-70\%:hover {
  --tw-gradient-to-position: 70%;
}

.hover\:font-light:hover {
  font-weight: 300;
}

.hover\:\!text-accent:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--accent), var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-dark:hover {
  color: rgb(var(--dark)) !important;
}

.hover\:\!text-light:hover {
  color: rgb(var(--light)) !important;
}

.hover\:text-accent:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--accent), var(--tw-text-opacity, 1));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-dark:hover {
  color: rgb(var(--dark));
}

.hover\:text-green-400:hover {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.hover\:text-light:hover {
  color: rgb(var(--light));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:ring-1:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-\[1\.5px\]:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:\!ring-accent:hover {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1)) !important;
}

.hover\:\!ring-accent\/70:hover {
  --tw-ring-color: rgb(var(--accent), 0.7) !important;
}

.hover\:\!ring-yellow-500:hover {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1)) !important;
}

.hover\:ring-accent:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}

.focus\:translate-x-2:focus {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.focus\:\!border-accent:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--accent), var(--tw-border-opacity, 1)) !important;
}

.focus\:border-accent:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--accent), var(--tw-border-opacity, 1));
}

.focus\:\!bg-primary-light:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--primary-light), var(--tw-bg-opacity, 1)) !important;
}

.focus\:\!bg-stone-100:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1)) !important;
}

.focus\:bg-accent:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1));
}

.focus\:text-light:focus {
  color: rgb(var(--light));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:\!outline-\[1px\]:focus {
  outline-width: 1px !important;
}

.focus\:\!outline-accent:focus {
  outline-color: rgb(var(--accent), 1) !important;
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[1px\]:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-accent:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}

.focus\:ring-cyan-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity, 1));
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-surface-light-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-accent:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-20:disabled {
  opacity: 0.2;
}

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:\!text-accent {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--accent), var(--tw-text-opacity, 1)) !important;
}

.group:hover .group-hover\: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);
}

.peer:checked ~ .peer-checked\:visible {
  visibility: visible;
}

.has-\[\:checked\]\:ring-2:has(:checked) {
  --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);
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes accordion-up {

  from {
    height: var(--reka-accordion-content-height);
  }

  to {
    height: 0;
  }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.2s ease-out;
}

@keyframes accordion-down {

  from {
    height: 0;
  }

  to {
    height: var(--reka-accordion-content-height);
  }
}

.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.2s ease-out;
}

.data-\[selected\]\:bg-primary[data-selected] {
  background-color: hsl(var(--primary));
}

.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}

.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1));
}

.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}

.data-\[disabled\]\:text-muted-foreground[data-disabled] {
  color: hsl(var(--muted-foreground));
}

.data-\[outside-view\]\:text-muted-foreground[data-outside-view] {
  color: hsl(var(--muted-foreground));
}

.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: hsl(var(--muted-foreground));
}

.data-\[selected\]\:text-primary-foreground[data-selected] {
  color: hsl(var(--primary-foreground));
}

.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}

.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: hsl(var(--primary-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}

.data-\[unavailable\]\:text-destructive-foreground[data-unavailable] {
  color: hsl(var(--destructive-foreground));
}

.data-\[unavailable\]\:line-through[data-unavailable] {
  text-decoration-line: line-through;
}

.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}

.data-\[outside-view\]\:opacity-50[data-outside-view] {
  opacity: 0.5;
}

.data-\[selected\]\:opacity-100[data-selected] {
  opacity: 1;
}

.data-\[state\=active\]\:shadow[data-state="active"] {
  --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);
}

.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 500ms;
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 500ms;
}

.data-\[selected\]\:hover\:bg-primary:hover[data-selected] {
  background-color: hsl(var(--primary));
}

.data-\[selected\]\:hover\:text-primary-foreground:hover[data-selected] {
  color: hsl(var(--primary-foreground));
}

.data-\[selected\]\:focus\:bg-primary:focus[data-selected] {
  background-color: hsl(var(--primary));
}

.data-\[selected\]\:focus\:text-primary-foreground:focus[data-selected] {
  color: hsl(var(--primary-foreground));
}

.dark\:divide-stone-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(68 64 60 / var(--tw-divide-opacity, 1));
}

.dark\:divide-stone-900:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(28 25 23 / var(--tw-divide-opacity, 1));
}

.dark\:divide-surface-dark-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(36 36 36 / var(--tw-divide-opacity, 1));
}

.dark\:border-border:is(.dark *) {
  border-color: hsl(var(--border));
}

.dark\:border-destructive:is(.dark *) {
  border-color: hsl(var(--destructive));
}

.dark\:border-red-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.dark\:border-surface-dark-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(32 32 32 / var(--tw-border-opacity, 1));
}

.dark\:border-surface-dark-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(36 36 36 / var(--tw-border-opacity, 1));
}

.dark\:border-surface-dark-700\/50:is(.dark *) {
  border-color: rgb(36 36 36 / 0.5);
}

.dark\:border-surface-light-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
}

.dark\:\!bg-primary-dark:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1)) !important;
}

.dark\:\!bg-surface-dark-100:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(12 12 12 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:\!bg-surface-dark-900:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:bg-accent\/20:is(.dark *) {
  background-color: rgb(var(--accent), 0.2);
}

.dark\:bg-amber-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}

.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: rgb(69 26 3 / 0.2);
}

.dark\:bg-blue-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-500\/20:is(.dark *) {
  background-color: rgb(34 197 94 / 0.2);
}

.dark\:bg-green-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-950\/30:is(.dark *) {
  background-color: rgb(5 46 22 / 0.3);
}

.dark\:bg-neutral-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-orange-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1));
}

.dark\:bg-pink-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(80 7 36 / var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-dark:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1));
}

.dark\:bg-primary-dark\/50:is(.dark *) {
  background-color: rgba(var(--primary-dark), 0.5);
}

.dark\:bg-primary-dark\/60:is(.dark *) {
  background-color: rgba(var(--primary-dark), 0.6);
}

.dark\:bg-primary-dark\/70:is(.dark *) {
  background-color: rgba(var(--primary-dark), 0.7);
}

.dark\:bg-purple-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 7 100 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-950\/20:is(.dark *) {
  background-color: rgb(69 10 10 / 0.2);
}

.dark\:bg-red-950\/30:is(.dark *) {
  background-color: rgb(69 10 10 / 0.3);
}

.dark\:bg-secondary-light:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-light), var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-0:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-100:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(12 12 12 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-100\/20:is(.dark *) {
  background-color: rgb(12 12 12 / 0.2);
}

.dark\:bg-surface-dark-100\/50:is(.dark *) {
  background-color: rgb(12 12 12 / 0.5);
}

.dark\:bg-surface-dark-100\/80:is(.dark *) {
  background-color: rgb(12 12 12 / 0.8);
}

.dark\:bg-surface-dark-200:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
}

.dark\:bg-surface-dark-900\/40:is(.dark *) {
  background-color: rgb(44 44 44 / 0.4);
}

.dark\:bg-surface-dark-900\/50:is(.dark *) {
  background-color: rgb(44 44 44 / 0.5);
}

.dark\:bg-surface-dark-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}

.dark\:from-accent:is(.dark *) {
  --tw-gradient-from: rgb(var(--accent), 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--accent), 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-primary-dark:is(.dark *) {
  --tw-gradient-from: rgba(var(--primary-dark), 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(var(--primary-dark), 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-surface-dark-100:is(.dark *) {
  --tw-gradient-from: #0c0c0c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(12 12 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-surface-dark-600:is(.dark *) {
  --tw-gradient-from: #202020 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(32 32 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-surface-dark-700:is(.dark *) {
  --tw-gradient-from: #242424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-surface-dark-900:is(.dark *) {
  --tw-gradient-from: #2c2c2c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(44 44 44 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-surface-light-700:is(.dark *) {
  --tw-gradient-from: #404040 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(64 64 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:to-primary-dark:is(.dark *) {
  --tw-gradient-to: rgba(var(--primary-dark), 1) var(--tw-gradient-to-position);
}

.dark\:to-surface-dark-100:is(.dark *) {
  --tw-gradient-to: #0c0c0c var(--tw-gradient-to-position);
}

.dark\:to-surface-dark-600:is(.dark *) {
  --tw-gradient-to: #202020 var(--tw-gradient-to-position);
}

.dark\:to-surface-dark-700:is(.dark *) {
  --tw-gradient-to: #242424 var(--tw-gradient-to-position);
}

.dark\:to-surface-dark-800:is(.dark *) {
  --tw-gradient-to: #282828 var(--tw-gradient-to-position);
}

.dark\:to-surface-dark-900:is(.dark *) {
  --tw-gradient-to: #2c2c2c var(--tw-gradient-to-position);
}

.dark\:to-surface-dark-950:is(.dark *) {
  --tw-gradient-to: #303030 var(--tw-gradient-to-position);
}

.dark\:font-extralight:is(.dark *) {
  font-weight: 200;
}

.dark\:font-normal:is(.dark *) {
  font-weight: 400;
}

.dark\:\!text-accent:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--accent), var(--tw-text-opacity, 1)) !important;
}

.dark\:\!text-dark:is(.dark *) {
  color: rgb(var(--dark)) !important;
}

.dark\:\!text-light:is(.dark *) {
  color: rgb(var(--light)) !important;
}

.dark\:\!text-secondary-light:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--secondary-light), var(--tw-text-opacity, 1)) !important;
}

.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-dark:is(.dark *) {
  color: rgb(var(--dark));
}

.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-green-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.dark\:text-light:is(.dark *) {
  color: rgb(var(--light));
}

.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.dark\:text-stone-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}

.dark\:placeholder-secondary-light:is(.dark *)::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--secondary-light), var(--tw-placeholder-opacity, 1));
}

.dark\:placeholder-secondary-light:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(var(--secondary-light), var(--tw-placeholder-opacity, 1));
}

.dark\:shadow-md:is(.dark *) {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-sm:is(.dark *) {
  --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);
}

.dark\:shadow-black:is(.dark *) {
  --tw-shadow-color: #000;
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:outline-surface-dark-700:is(.dark *) {
  outline-color: #242424;
}

.dark\:ring-2:is(.dark *) {
  --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);
}

.dark\:ring-light:is(.dark *) {
  --tw-ring-color: rgb(var(--light));
}

.dark\:ring-primary-dark:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--primary-dark), var(--tw-ring-opacity, 1));
}

.dark\:ring-stone-800:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 36 / var(--tw-ring-opacity, 1));
}

.dark\:ring-surface-dark-400:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 24 24 / var(--tw-ring-opacity, 1));
}

.dark\:ring-surface-dark-600:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(32 32 32 / var(--tw-ring-opacity, 1));
}

.dark\:ring-surface-dark-700:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(36 36 36 / var(--tw-ring-opacity, 1));
}

.\*\:dark\:bg-surface-dark-300:is(.dark *) > * {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}

.dark\:focus-within\:\!divide-accent:focus-within:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(var(--accent), var(--tw-divide-opacity, 1)) !important;
}

.dark\:focus-within\:bg-surface-dark-900:focus-within:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
}

.dark\:focus-within\:ring-accent:focus-within:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}

.dark\:hover\:scale-110:hover:is(.dark *) {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dark\:hover\:\!bg-primary-dark:hover:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1)) !important;
}

.dark\:hover\:bg-primary-dark:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-purple-950\/20:hover:is(.dark *) {
  background-color: rgb(59 7 100 / 0.2);
}

.dark\:hover\:bg-surface-dark-400:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-surface-dark-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:\!text-dark:hover:is(.dark *) {
  color: rgb(var(--dark)) !important;
}

.dark\:hover\:text-accent:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(var(--accent), var(--tw-text-opacity, 1));
}

.dark\:hover\:text-dark:hover:is(.dark *) {
  color: rgb(var(--dark));
}

.hover\:dark\:text-dark:is(.dark *):hover {
  color: rgb(var(--dark));
}

.hover\:dark\:\!ring-accent:is(.dark *):hover {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1)) !important;
}

.dark\:focus\:\!bg-primary-dark:focus:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--primary-dark), var(--tw-bg-opacity, 1)) !important;
}

.dark\:focus\:\!bg-surface-dark-900:focus:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1)) !important;
}

.dark\:focus\:ring-accent:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--accent), var(--tw-ring-opacity, 1));
}

@media (min-width: 180px) {

  .mobile-xxs\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .mobile-xxs\:col-span-full {
    grid-column: 1 / -1;
  }

  .mobile-xxs\:flex {
    display: flex;
  }

  .mobile-xxs\:hidden {
    display: none;
  }

  .mobile-xxs\:h-\[35px\] {
    height: 35px;
  }

  .mobile-xxs\:h-\[5rem\] {
    height: 5rem;
  }

  .mobile-xxs\:h-max {
    height: -moz-max-content;
    height: max-content;
  }

  .mobile-xxs\:max-h-32 {
    max-height: 8rem;
  }

  .mobile-xxs\:\!w-full {
    width: 100% !important;
  }

  .mobile-xxs\:w-\[20rem\] {
    width: 20rem;
  }

  .mobile-xxs\:min-w-\[35px\] {
    min-width: 35px;
  }

  .mobile-xxs\:max-w-\[18rem\] {
    max-width: 18rem;
  }

  .mobile-xxs\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .mobile-xxs\:flex-col {
    flex-direction: column;
  }

  .mobile-xxs\:gap-10 {
    gap: 2.5rem;
  }

  .mobile-xxs\:self-center {
    align-self: center;
  }

  .mobile-xxs\:\!rounded-none {
    border-radius: 0px !important;
  }

  .mobile-xxs\:p-2 {
    padding: 0.5rem;
  }

  .mobile-xxs\:p-5 {
    padding: 1.25rem;
  }

  .mobile-xxs\:p-\[4rem\] {
    padding: 4rem;
  }

  .mobile-xxs\:p-\[5rem\] {
    padding: 5rem;
  }

  .mobile-xxs\:p-\[6\.6rem\] {
    padding: 6.6rem;
  }

  .mobile-xxs\:p-\[6rem\] {
    padding: 6rem;
  }

  .mobile-xxs\:\!py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .mobile-xxs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .mobile-xxs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .mobile-xxs\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .mobile-xxs\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .mobile-xxs\:\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

  .mobile-xxs\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .mobile-xxs\:\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }

  .mobile-xxs\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .mobile-xxs\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .mobile-xxs\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .mobile-xxs\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 320px) {

  .mobile-xs\:hidden {
    display: none;
  }

  .mobile-xs\:max-w-xs {
    max-width: 20rem;
  }
}

@media (min-width: 480px) {

  .mobile-sm\:col-span-full {
    grid-column: 1 / -1;
  }

  .mobile-sm\:flex {
    display: flex;
  }

  .mobile-sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile-sm\:grid-cols-\[1fr\2c 30rem\] {
    grid-template-columns: 1fr 30rem;
  }

  .mobile-sm\:p-10 {
    padding: 2.5rem;
  }
}

@media (min-width: 540px) {

  .tablet\:flex {
    display: flex;
  }

  .tablet\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:w-\[400px\] {
    width: 400px;
  }

  .sm\:w-\[500px\] {
    width: 500px;
  }

  .sm\:w-\[540px\] {
    width: 540px;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:gap-y-0 {
    row-gap: 0px;
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:text-left {
    text-align: left;
  }
}

@media (min-width: 768px) {

  .md\:w-full {
    width: 100%;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .desktop\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .desktop\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .desktop\:col-span-full {
    grid-column: 1 / -1;
  }

  .desktop\:flex {
    display: flex;
  }

  .desktop\:hidden {
    display: none;
  }

  .desktop\:\!h-10 {
    height: 2.5rem !important;
  }

  .desktop\:h-\[10rem\] {
    height: 10rem;
  }

  .desktop\:h-\[35px\] {
    height: 35px;
  }

  .desktop\:h-\[4rem\] {
    height: 4rem;
  }

  .desktop\:h-max {
    height: -moz-max-content;
    height: max-content;
  }

  .desktop\:max-h-72 {
    max-height: 18rem;
  }

  .desktop\:min-h-\[30rem\] {
    min-height: 30rem;
  }

  .desktop\:\!w-10 {
    width: 2.5rem !important;
  }

  .desktop\:\!w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }

  .desktop\:w-\[30rem\] {
    width: 30rem;
  }

  .desktop\:w-\[4rem\] {
    width: 4rem;
  }

  .desktop\:min-w-\[35px\] {
    min-width: 35px;
  }

  .desktop\:min-w-\[35rem\] {
    min-width: 35rem;
  }

  .desktop\:min-w-\[60rem\] {
    min-width: 60rem;
  }

  .desktop\:max-w-\[30rem\] {
    max-width: 30rem;
  }

  .desktop\:max-w-\[80rem\] {
    max-width: 80rem;
  }

  .desktop\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .desktop\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .desktop\:flex-row {
    flex-direction: row;
  }

  .desktop\:justify-end {
    justify-content: flex-end;
  }

  .desktop\:gap-5 {
    gap: 1.25rem;
  }

  .desktop\:self-start {
    align-self: flex-start;
  }

  .desktop\:\!rounded-md {
    border-radius: calc(var(--radius) - 2px) !important;
  }

  .desktop\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .desktop\:p-10 {
    padding: 2.5rem;
  }

  .desktop\:p-5 {
    padding: 1.25rem;
  }

  .desktop\:p-\[10rem\] {
    padding: 10rem;
  }

  .desktop\:p-\[7rem\] {
    padding: 7rem;
  }

  .desktop\:p-\[8rem\] {
    padding: 8rem;
  }

  .desktop\:p-\[9rem\] {
    padding: 9rem;
  }

  .desktop\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .desktop\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .desktop\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .desktop\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .desktop\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .desktop\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .desktop\:pt-10 {
    padding-top: 2.5rem;
  }

  .desktop\:\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

  .desktop\:\!text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }

  .desktop\:\!text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }

  .desktop\:\!text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }

  .desktop\:\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }

  .desktop\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .desktop\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .desktop\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .desktop\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .desktop-md\:col-span-full {
    grid-column: 1 / -1;
  }

  .desktop-md\:flex {
    display: flex;
  }

  .desktop-md\:grid {
    display: grid;
  }

  .desktop-md\:hidden {
    display: none;
  }

  .desktop-md\:max-w-\[60rem\] {
    max-width: 60rem;
  }

  .desktop-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .desktop-lg\:mr-0 {
    margin-right: 0px;
  }

  .desktop-lg\:flex {
    display: flex;
  }

  .desktop-lg\:grid-cols-\[1fr\2c 35rem\] {
    grid-template-columns: 1fr 35rem;
  }

  .desktop-lg\:grid-cols-\[90px\2c 1fr\] {
    grid-template-columns: 90px 1fr;
  }
}

@media (min-width: 1536px) {

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .\32xl\:p-5 {
    padding: 1.25rem;
  }

  .\32xl\:\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }

  .\32xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .\32xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .\32xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .desktop-xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .desktop-xl\:grid-cols-\[1fr\2c 40rem\] {
    grid-template-columns: 1fr 40rem;
  }
}

@media (min-width: 1920px) {

  .desktop-2xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .desktop-2xl\:p-2 {
    padding: 0.5rem;
  }
}

@media print {

  .print\:m-0 {
    margin: 0px;
  }
}

.\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]) {
  border-radius: calc(var(--radius) - 2px);
}

.\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1));
}

.\[\&\:has\(\[data-selected\]\[data-outside-view\]\)\]\:bg-accent\/50:has([data-selected][data-outside-view]) {
  background-color: rgb(var(--accent), 0.5);
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}

.\[\&\>\[data-slot\=input\]\]\:has-\[\[data-slot\=decrement\]\]\:pl-5:has([data-slot=decrement])>[data-slot=input] {
  padding-left: 1.25rem;
}

.\[\&\>\[data-slot\=input\]\]\:has-\[\[data-slot\=increment\]\]\:pr-5:has([data-slot=increment])>[data-slot=input] {
  padding-right: 1.25rem;
}

.\[\&\>span\]\:truncate>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>svg\]\:absolute>svg {
  position: absolute;
}

.\[\&\>svg\]\:left-4>svg {
  left: 1rem;
}

.\[\&\>svg\]\:top-4>svg {
  top: 1rem;
}

.\[\&\>svg\]\:text-destructive>svg {
  color: hsl(var(--destructive));
}

.\[\&\>svg\]\:text-foreground>svg {
  color: hsl(var(--foreground));
}

.\[\&\>svg\~\*\]\:pl-7>svg~* {
  padding-left: 1.75rem;
}

.\[\&\[data-outside-view\]\[data-selected\]\]\:bg-accent\/50[data-outside-view][data-selected] {
  background-color: rgb(var(--accent), 0.5);
}

.\[\&\[data-outside-view\]\[data-selected\]\]\:text-muted-foreground[data-outside-view][data-selected] {
  color: hsl(var(--muted-foreground));
}

.\[\&\[data-outside-view\]\[data-selected\]\]\:opacity-30[data-outside-view][data-selected] {
  opacity: 0.3;
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-state\=open\]\]\:bg-destructive\/5[data-state=open] {
  background-color: hsl(var(--destructive) / 0.05);
}

.\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]) {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent), var(--tw-bg-opacity, 1));
}

.\[\&_input\]\:rounded-md input {
  border-radius: calc(var(--radius) - 2px);
}

.\[\&_input\]\:border input {
  border-width: 1px;
}

.\[\&_input\]\:border-border input {
  border-color: hsl(var(--border));
}

.\[\&_input\]\:bg-background input {
  background-color: hsl(var(--background));
}

.\[\&_input\]\:px-3 input {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.\[\&_input\]\:py-2 input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_input\]\:text-sm input {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
 @font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/assets/material-symbols-outlined.cc8c1563.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/assets/material-symbols-rounded.d242b6af.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/assets/material-symbols-sharp.5d5e9c66.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@keyframes xyz-in-keyframes {
  from {
    opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
    transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))));
  }
}
@keyframes xyz-out-keyframes {
  from {
    opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
    transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))));
  }
}
@keyframes xyz-appear-keyframes {
  from {
    opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
    transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))));
  }
}
:root {
  --xyz-perspective-none: 0;
  --xyz-keyframes-default: none;
  --xyz-ease-default: ease;
  --xyz-duration-default: 0.5s;
  --xyz-delay-default: 0s;
  --xyz-stagger-default: 0.25s;
  --xyz-iterate-default: 1;
  --xyz-direction-default: normal;
  --xyz-out-direction-default: reverse;
  --xyz-origin-default: center;
  --xyz-opacity-default: 1;
  --xyz-perspective-default: var(--xyz-perspective-none);
  --xyz-translate-default: 25%;
  --xyz-translate-z-default: 300px;
  --xyz-rotate-default: 0.25turn;
  --xyz-scale-default: 0.5;
  --xyz-skew-default: 30deg;
}
@supports (transform: perspective(none)) {
  :root {
    --xyz-perspective-none: none;
  }
}

.xyz-nested:nth-child(1), .xyz-appear-nested:nth-child(1), .xyz-out-nested:nth-child(1), .xyz-in-nested:nth-child(1), .xyz-appear:nth-child(1), .xyz-out:nth-child(1), .xyz-in:nth-child(1) {
  --xyz-index: 0;
}
.xyz-nested:nth-last-child(1), .xyz-appear-nested:nth-last-child(1), .xyz-out-nested:nth-last-child(1), .xyz-in-nested:nth-last-child(1), .xyz-appear:nth-last-child(1), .xyz-out:nth-last-child(1), .xyz-in:nth-last-child(1) {
  --xyz-index-rev: 0;
}
.xyz-nested:nth-child(2), .xyz-appear-nested:nth-child(2), .xyz-out-nested:nth-child(2), .xyz-in-nested:nth-child(2), .xyz-appear:nth-child(2), .xyz-out:nth-child(2), .xyz-in:nth-child(2) {
  --xyz-index: 1;
}
.xyz-nested:nth-last-child(2), .xyz-appear-nested:nth-last-child(2), .xyz-out-nested:nth-last-child(2), .xyz-in-nested:nth-last-child(2), .xyz-appear:nth-last-child(2), .xyz-out:nth-last-child(2), .xyz-in:nth-last-child(2) {
  --xyz-index-rev: 1;
}
.xyz-nested:nth-child(3), .xyz-appear-nested:nth-child(3), .xyz-out-nested:nth-child(3), .xyz-in-nested:nth-child(3), .xyz-appear:nth-child(3), .xyz-out:nth-child(3), .xyz-in:nth-child(3) {
  --xyz-index: 2;
}
.xyz-nested:nth-last-child(3), .xyz-appear-nested:nth-last-child(3), .xyz-out-nested:nth-last-child(3), .xyz-in-nested:nth-last-child(3), .xyz-appear:nth-last-child(3), .xyz-out:nth-last-child(3), .xyz-in:nth-last-child(3) {
  --xyz-index-rev: 2;
}
.xyz-nested:nth-child(4), .xyz-appear-nested:nth-child(4), .xyz-out-nested:nth-child(4), .xyz-in-nested:nth-child(4), .xyz-appear:nth-child(4), .xyz-out:nth-child(4), .xyz-in:nth-child(4) {
  --xyz-index: 3;
}
.xyz-nested:nth-last-child(4), .xyz-appear-nested:nth-last-child(4), .xyz-out-nested:nth-last-child(4), .xyz-in-nested:nth-last-child(4), .xyz-appear:nth-last-child(4), .xyz-out:nth-last-child(4), .xyz-in:nth-last-child(4) {
  --xyz-index-rev: 3;
}
.xyz-nested:nth-child(5), .xyz-appear-nested:nth-child(5), .xyz-out-nested:nth-child(5), .xyz-in-nested:nth-child(5), .xyz-appear:nth-child(5), .xyz-out:nth-child(5), .xyz-in:nth-child(5) {
  --xyz-index: 4;
}
.xyz-nested:nth-last-child(5), .xyz-appear-nested:nth-last-child(5), .xyz-out-nested:nth-last-child(5), .xyz-in-nested:nth-last-child(5), .xyz-appear:nth-last-child(5), .xyz-out:nth-last-child(5), .xyz-in:nth-last-child(5) {
  --xyz-index-rev: 4;
}
.xyz-nested:nth-child(6), .xyz-appear-nested:nth-child(6), .xyz-out-nested:nth-child(6), .xyz-in-nested:nth-child(6), .xyz-appear:nth-child(6), .xyz-out:nth-child(6), .xyz-in:nth-child(6) {
  --xyz-index: 5;
}
.xyz-nested:nth-last-child(6), .xyz-appear-nested:nth-last-child(6), .xyz-out-nested:nth-last-child(6), .xyz-in-nested:nth-last-child(6), .xyz-appear:nth-last-child(6), .xyz-out:nth-last-child(6), .xyz-in:nth-last-child(6) {
  --xyz-index-rev: 5;
}
.xyz-nested:nth-child(7), .xyz-appear-nested:nth-child(7), .xyz-out-nested:nth-child(7), .xyz-in-nested:nth-child(7), .xyz-appear:nth-child(7), .xyz-out:nth-child(7), .xyz-in:nth-child(7) {
  --xyz-index: 6;
}
.xyz-nested:nth-last-child(7), .xyz-appear-nested:nth-last-child(7), .xyz-out-nested:nth-last-child(7), .xyz-in-nested:nth-last-child(7), .xyz-appear:nth-last-child(7), .xyz-out:nth-last-child(7), .xyz-in:nth-last-child(7) {
  --xyz-index-rev: 6;
}
.xyz-nested:nth-child(8), .xyz-appear-nested:nth-child(8), .xyz-out-nested:nth-child(8), .xyz-in-nested:nth-child(8), .xyz-appear:nth-child(8), .xyz-out:nth-child(8), .xyz-in:nth-child(8) {
  --xyz-index: 7;
}
.xyz-nested:nth-last-child(8), .xyz-appear-nested:nth-last-child(8), .xyz-out-nested:nth-last-child(8), .xyz-in-nested:nth-last-child(8), .xyz-appear:nth-last-child(8), .xyz-out:nth-last-child(8), .xyz-in:nth-last-child(8) {
  --xyz-index-rev: 7;
}
.xyz-nested:nth-child(9), .xyz-appear-nested:nth-child(9), .xyz-out-nested:nth-child(9), .xyz-in-nested:nth-child(9), .xyz-appear:nth-child(9), .xyz-out:nth-child(9), .xyz-in:nth-child(9) {
  --xyz-index: 8;
}
.xyz-nested:nth-last-child(9), .xyz-appear-nested:nth-last-child(9), .xyz-out-nested:nth-last-child(9), .xyz-in-nested:nth-last-child(9), .xyz-appear:nth-last-child(9), .xyz-out:nth-last-child(9), .xyz-in:nth-last-child(9) {
  --xyz-index-rev: 8;
}
.xyz-nested:nth-child(10), .xyz-appear-nested:nth-child(10), .xyz-out-nested:nth-child(10), .xyz-in-nested:nth-child(10), .xyz-appear:nth-child(10), .xyz-out:nth-child(10), .xyz-in:nth-child(10) {
  --xyz-index: 9;
}
.xyz-nested:nth-last-child(10), .xyz-appear-nested:nth-last-child(10), .xyz-out-nested:nth-last-child(10), .xyz-in-nested:nth-last-child(10), .xyz-appear:nth-last-child(10), .xyz-out:nth-last-child(10), .xyz-in:nth-last-child(10) {
  --xyz-index-rev: 9;
}
.xyz-nested:nth-child(11), .xyz-appear-nested:nth-child(11), .xyz-out-nested:nth-child(11), .xyz-in-nested:nth-child(11), .xyz-appear:nth-child(11), .xyz-out:nth-child(11), .xyz-in:nth-child(11) {
  --xyz-index: 10;
}
.xyz-nested:nth-last-child(11), .xyz-appear-nested:nth-last-child(11), .xyz-out-nested:nth-last-child(11), .xyz-in-nested:nth-last-child(11), .xyz-appear:nth-last-child(11), .xyz-out:nth-last-child(11), .xyz-in:nth-last-child(11) {
  --xyz-index-rev: 10;
}
.xyz-nested:nth-child(12), .xyz-appear-nested:nth-child(12), .xyz-out-nested:nth-child(12), .xyz-in-nested:nth-child(12), .xyz-appear:nth-child(12), .xyz-out:nth-child(12), .xyz-in:nth-child(12) {
  --xyz-index: 11;
}
.xyz-nested:nth-last-child(12), .xyz-appear-nested:nth-last-child(12), .xyz-out-nested:nth-last-child(12), .xyz-in-nested:nth-last-child(12), .xyz-appear:nth-last-child(12), .xyz-out:nth-last-child(12), .xyz-in:nth-last-child(12) {
  --xyz-index-rev: 11;
}
.xyz-nested:nth-child(13), .xyz-appear-nested:nth-child(13), .xyz-out-nested:nth-child(13), .xyz-in-nested:nth-child(13), .xyz-appear:nth-child(13), .xyz-out:nth-child(13), .xyz-in:nth-child(13) {
  --xyz-index: 12;
}
.xyz-nested:nth-last-child(13), .xyz-appear-nested:nth-last-child(13), .xyz-out-nested:nth-last-child(13), .xyz-in-nested:nth-last-child(13), .xyz-appear:nth-last-child(13), .xyz-out:nth-last-child(13), .xyz-in:nth-last-child(13) {
  --xyz-index-rev: 12;
}
.xyz-nested:nth-child(14), .xyz-appear-nested:nth-child(14), .xyz-out-nested:nth-child(14), .xyz-in-nested:nth-child(14), .xyz-appear:nth-child(14), .xyz-out:nth-child(14), .xyz-in:nth-child(14) {
  --xyz-index: 13;
}
.xyz-nested:nth-last-child(14), .xyz-appear-nested:nth-last-child(14), .xyz-out-nested:nth-last-child(14), .xyz-in-nested:nth-last-child(14), .xyz-appear:nth-last-child(14), .xyz-out:nth-last-child(14), .xyz-in:nth-last-child(14) {
  --xyz-index-rev: 13;
}
.xyz-nested:nth-child(15), .xyz-appear-nested:nth-child(15), .xyz-out-nested:nth-child(15), .xyz-in-nested:nth-child(15), .xyz-appear:nth-child(15), .xyz-out:nth-child(15), .xyz-in:nth-child(15) {
  --xyz-index: 14;
}
.xyz-nested:nth-last-child(15), .xyz-appear-nested:nth-last-child(15), .xyz-out-nested:nth-last-child(15), .xyz-in-nested:nth-last-child(15), .xyz-appear:nth-last-child(15), .xyz-out:nth-last-child(15), .xyz-in:nth-last-child(15) {
  --xyz-index-rev: 14;
}
.xyz-nested:nth-child(16), .xyz-appear-nested:nth-child(16), .xyz-out-nested:nth-child(16), .xyz-in-nested:nth-child(16), .xyz-appear:nth-child(16), .xyz-out:nth-child(16), .xyz-in:nth-child(16) {
  --xyz-index: 15;
}
.xyz-nested:nth-last-child(16), .xyz-appear-nested:nth-last-child(16), .xyz-out-nested:nth-last-child(16), .xyz-in-nested:nth-last-child(16), .xyz-appear:nth-last-child(16), .xyz-out:nth-last-child(16), .xyz-in:nth-last-child(16) {
  --xyz-index-rev: 15;
}
.xyz-nested:nth-child(17), .xyz-appear-nested:nth-child(17), .xyz-out-nested:nth-child(17), .xyz-in-nested:nth-child(17), .xyz-appear:nth-child(17), .xyz-out:nth-child(17), .xyz-in:nth-child(17) {
  --xyz-index: 16;
}
.xyz-nested:nth-last-child(17), .xyz-appear-nested:nth-last-child(17), .xyz-out-nested:nth-last-child(17), .xyz-in-nested:nth-last-child(17), .xyz-appear:nth-last-child(17), .xyz-out:nth-last-child(17), .xyz-in:nth-last-child(17) {
  --xyz-index-rev: 16;
}
.xyz-nested:nth-child(18), .xyz-appear-nested:nth-child(18), .xyz-out-nested:nth-child(18), .xyz-in-nested:nth-child(18), .xyz-appear:nth-child(18), .xyz-out:nth-child(18), .xyz-in:nth-child(18) {
  --xyz-index: 17;
}
.xyz-nested:nth-last-child(18), .xyz-appear-nested:nth-last-child(18), .xyz-out-nested:nth-last-child(18), .xyz-in-nested:nth-last-child(18), .xyz-appear:nth-last-child(18), .xyz-out:nth-last-child(18), .xyz-in:nth-last-child(18) {
  --xyz-index-rev: 17;
}
.xyz-nested:nth-child(19), .xyz-appear-nested:nth-child(19), .xyz-out-nested:nth-child(19), .xyz-in-nested:nth-child(19), .xyz-appear:nth-child(19), .xyz-out:nth-child(19), .xyz-in:nth-child(19) {
  --xyz-index: 18;
}
.xyz-nested:nth-last-child(19), .xyz-appear-nested:nth-last-child(19), .xyz-out-nested:nth-last-child(19), .xyz-in-nested:nth-last-child(19), .xyz-appear:nth-last-child(19), .xyz-out:nth-last-child(19), .xyz-in:nth-last-child(19) {
  --xyz-index-rev: 18;
}
.xyz-nested:nth-child(20), .xyz-appear-nested:nth-child(20), .xyz-out-nested:nth-child(20), .xyz-in-nested:nth-child(20), .xyz-appear:nth-child(20), .xyz-out:nth-child(20), .xyz-in:nth-child(20) {
  --xyz-index: 19;
}
.xyz-nested:nth-last-child(20), .xyz-appear-nested:nth-last-child(20), .xyz-out-nested:nth-last-child(20), .xyz-in-nested:nth-last-child(20), .xyz-appear:nth-last-child(20), .xyz-out:nth-last-child(20), .xyz-in:nth-last-child(20) {
  --xyz-index-rev: 19;
}

.xyz-appear, .xyz-out, .xyz-in {
  --xyz-root-stagger-delay: var(--xyz-stagger-delay, 0s);
  --xyz-nested-stagger-delay: initial;
  --xyz-start-offset: initial;
}

.xyz-nested, .xyz-appear-nested, .xyz-out-nested, .xyz-in-nested {
  --xyz-nested-stagger-delay: var(--xyz-root-stagger-delay, 0s);
}

.xyz-in .xyz-nested, .xyz-in .xyz-in-nested, .xyz-in {
  --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-in-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-in-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
  --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-in-delay, var(--xyz-delay, var(--xyz-in-delay-default, var(--xyz-delay-default))));
  --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
  --xyz-total-delay: calc(var(--xyz-total-delay-calc));
  transform-origin: var(--xyz-in-origin, var(--xyz-origin, var(--xyz-in-origin-default, var(--xyz-origin-default))));
  backface-visibility: visible;
  --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default))))) * -1;
  animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
  animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
}
.xyz-out .xyz-nested, .xyz-out .xyz-out-nested, .xyz-out {
  --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-out-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-out-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
  --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-out-delay, var(--xyz-delay, var(--xyz-out-delay-default, var(--xyz-delay-default))));
  --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
  --xyz-total-delay: calc(var(--xyz-total-delay-calc));
  transform-origin: var(--xyz-out-origin, var(--xyz-origin, var(--xyz-out-origin-default, var(--xyz-origin-default))));
  backface-visibility: visible;
  --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default))))) * -1;
  animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
  animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
}
.xyz-appear .xyz-nested, .xyz-appear .xyz-appear-nested, .xyz-appear {
  --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-appear-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-appear-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
  --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-appear-delay, var(--xyz-delay, var(--xyz-appear-delay-default, var(--xyz-delay-default))));
  --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
  --xyz-total-delay: calc(var(--xyz-total-delay-calc));
  transform-origin: var(--xyz-appear-origin, var(--xyz-origin, var(--xyz-appear-origin-default, var(--xyz-origin-default))));
  backface-visibility: visible;
  --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default))))) * -1;
  animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
  animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
}
.xyz-absolute.xyz-in, .xyz-in-absolute.xyz-in, .xyz-in .xyz-absolute.xyz-nested, .xyz-in .xyz-absolute.xyz-in-nested, .xyz-in .xyz-in-absolute.xyz-nested, .xyz-in .xyz-in-absolute.xyz-in-nested, .xyz-absolute.xyz-out, .xyz-out-absolute.xyz-out, .xyz-out .xyz-absolute.xyz-nested, .xyz-out .xyz-absolute.xyz-out-nested, .xyz-out .xyz-out-absolute.xyz-nested, .xyz-out .xyz-out-absolute.xyz-out-nested, .xyz-absolute.xyz-appear, .xyz-appear-absolute.xyz-appear, .xyz-appear .xyz-absolute.xyz-nested, .xyz-appear .xyz-absolute.xyz-appear-nested, .xyz-appear .xyz-appear-absolute.xyz-nested, .xyz-appear .xyz-appear-absolute.xyz-appear-nested {
  position: absolute !important;
}

.xyz-paused.xyz-in, .xyz-in-paused.xyz-in, .xyz-in .xyz-paused.xyz-nested, .xyz-in .xyz-paused.xyz-in-nested, .xyz-in .xyz-in-paused.xyz-nested, .xyz-in .xyz-in-paused.xyz-in-nested, .xyz-in.xyz-paused-all, .xyz-in.xyz-in-paused-all, .xyz-in.xyz-paused-all .xyz-nested, .xyz-in.xyz-paused-all .xyz-in-nested, .xyz-in.xyz-in-paused-all .xyz-nested, .xyz-in.xyz-in-paused-all .xyz-in-nested, .xyz-paused.xyz-out, .xyz-out-paused.xyz-out, .xyz-out .xyz-paused.xyz-nested, .xyz-out .xyz-paused.xyz-out-nested, .xyz-out .xyz-out-paused.xyz-nested, .xyz-out .xyz-out-paused.xyz-out-nested, .xyz-out.xyz-paused-all, .xyz-out.xyz-out-paused-all, .xyz-out.xyz-paused-all .xyz-nested, .xyz-out.xyz-paused-all .xyz-out-nested, .xyz-out.xyz-out-paused-all .xyz-nested, .xyz-out.xyz-out-paused-all .xyz-out-nested, .xyz-paused.xyz-appear, .xyz-appear-paused.xyz-appear, .xyz-appear .xyz-paused.xyz-nested, .xyz-appear .xyz-paused.xyz-appear-nested, .xyz-appear .xyz-appear-paused.xyz-nested, .xyz-appear .xyz-appear-paused.xyz-appear-nested, .xyz-appear.xyz-paused-all, .xyz-appear.xyz-appear-paused-all, .xyz-appear.xyz-paused-all .xyz-nested, .xyz-appear.xyz-paused-all .xyz-appear-nested, .xyz-appear.xyz-appear-paused-all .xyz-nested, .xyz-appear.xyz-appear-paused-all .xyz-appear-nested {
  animation-play-state: paused !important;
}

.xyz-none.xyz-in, .xyz-in-none.xyz-in, .xyz-in .xyz-none.xyz-nested, .xyz-in .xyz-none.xyz-in-nested, .xyz-in .xyz-in-none.xyz-nested, .xyz-in .xyz-in-none.xyz-in-nested, .xyz-in.xyz-none-all, .xyz-in.xyz-in-none-all, .xyz-in.xyz-none-all .xyz-nested, .xyz-in.xyz-none-all .xyz-in-nested, .xyz-in.xyz-in-none-all .xyz-nested, .xyz-in.xyz-in-none-all .xyz-in-nested, .xyz-none.xyz-out, .xyz-out-none.xyz-out, .xyz-out .xyz-none.xyz-nested, .xyz-out .xyz-none.xyz-out-nested, .xyz-out .xyz-out-none.xyz-nested, .xyz-out .xyz-out-none.xyz-out-nested, .xyz-out.xyz-none-all, .xyz-out.xyz-out-none-all, .xyz-out.xyz-none-all .xyz-nested, .xyz-out.xyz-none-all .xyz-out-nested, .xyz-out.xyz-out-none-all .xyz-nested, .xyz-out.xyz-out-none-all .xyz-out-nested, .xyz-none.xyz-appear, .xyz-appear-none.xyz-appear, .xyz-appear .xyz-none.xyz-nested, .xyz-appear .xyz-none.xyz-appear-nested, .xyz-appear .xyz-appear-none.xyz-nested, .xyz-appear .xyz-appear-none.xyz-appear-nested, .xyz-appear.xyz-none-all, .xyz-appear.xyz-appear-none-all, .xyz-appear.xyz-none-all .xyz-nested, .xyz-appear.xyz-none-all .xyz-appear-nested, .xyz-appear.xyz-appear-none-all .xyz-nested, .xyz-appear.xyz-appear-none-all .xyz-appear-nested {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .xyz-appear, .xyz-appear .xyz-nested, .xyz-appear .xyz-appear-nested, .xyz-out, .xyz-out .xyz-nested, .xyz-out .xyz-out-nested, .xyz-in, .xyz-in .xyz-nested, .xyz-in .xyz-in-nested {
    animation: none;
  }
}
[xyz] {
  --xyz-keyframes: initial;
  --xyz-in-keyframes: initial;
  --xyz-out-keyframes: initial;
  --xyz-appear-keyframes: initial;
  --xyz-ease: initial;
  --xyz-in-ease: initial;
  --xyz-out-ease: initial;
  --xyz-appear-ease: initial;
  --xyz-duration: initial;
  --xyz-in-duration: initial;
  --xyz-out-duration: initial;
  --xyz-appear-duration: initial;
  --xyz-delay: initial;
  --xyz-in-delay: initial;
  --xyz-out-delay: initial;
  --xyz-appear-delay: initial;
  --xyz-stagger: initial;
  --xyz-in-stagger: initial;
  --xyz-out-stagger: initial;
  --xyz-appear-stagger: initial;
  --xyz-stagger-rev: initial;
  --xyz-in-stagger-rev: initial;
  --xyz-out-stagger-rev: initial;
  --xyz-appear-stagger-rev: initial;
  --xyz-iterate: initial;
  --xyz-in-iterate: initial;
  --xyz-out-iterate: initial;
  --xyz-appear-iterate: initial;
  --xyz-direction: initial;
  --xyz-in-direction: initial;
  --xyz-out-direction: initial;
  --xyz-appear-direction: initial;
  --xyz-origin: initial;
  --xyz-in-origin: initial;
  --xyz-out-origin: initial;
  --xyz-appear-origin: initial;
  --xyz-opacity: initial;
  --xyz-in-opacity: initial;
  --xyz-out-opacity: initial;
  --xyz-appear-opacity: initial;
  --xyz-transform: initial;
  --xyz-in-transform: initial;
  --xyz-out-transform: initial;
  --xyz-appear-transform: initial;
  --xyz-perspective: initial;
  --xyz-in-perspective: initial;
  --xyz-out-perspective: initial;
  --xyz-appear-perspective: initial;
  --xyz-translate-x: initial;
  --xyz-in-translate-x: initial;
  --xyz-out-translate-x: initial;
  --xyz-appear-translate-x: initial;
  --xyz-translate-y: initial;
  --xyz-in-translate-y: initial;
  --xyz-out-translate-y: initial;
  --xyz-appear-translate-y: initial;
  --xyz-translate-z: initial;
  --xyz-in-translate-z: initial;
  --xyz-out-translate-z: initial;
  --xyz-appear-translate-z: initial;
  --xyz-rotate-x: initial;
  --xyz-in-rotate-x: initial;
  --xyz-out-rotate-x: initial;
  --xyz-appear-rotate-x: initial;
  --xyz-rotate-y: initial;
  --xyz-in-rotate-y: initial;
  --xyz-out-rotate-y: initial;
  --xyz-appear-rotate-y: initial;
  --xyz-rotate-z: initial;
  --xyz-in-rotate-z: initial;
  --xyz-out-rotate-z: initial;
  --xyz-appear-rotate-z: initial;
  --xyz-scale-x: initial;
  --xyz-in-scale-x: initial;
  --xyz-out-scale-x: initial;
  --xyz-appear-scale-x: initial;
  --xyz-scale-y: initial;
  --xyz-in-scale-y: initial;
  --xyz-out-scale-y: initial;
  --xyz-appear-scale-y: initial;
  --xyz-scale-z: initial;
  --xyz-in-scale-z: initial;
  --xyz-out-scale-z: initial;
  --xyz-appear-scale-z: initial;
  --xyz-skew-x: initial;
  --xyz-in-skew-x: initial;
  --xyz-out-skew-x: initial;
  --xyz-appear-skew-x: initial;
  --xyz-skew-y: initial;
  --xyz-in-skew-y: initial;
  --xyz-out-skew-y: initial;
  --xyz-appear-skew-y: initial;
}

[xyz~=inherit] {
  --xyz-keyframes: inherit;
  --xyz-in-keyframes: inherit;
  --xyz-out-keyframes: inherit;
  --xyz-appear-keyframes: inherit;
  --xyz-ease: inherit;
  --xyz-in-ease: inherit;
  --xyz-out-ease: inherit;
  --xyz-appear-ease: inherit;
  --xyz-duration: inherit;
  --xyz-in-duration: inherit;
  --xyz-out-duration: inherit;
  --xyz-appear-duration: inherit;
  --xyz-delay: inherit;
  --xyz-in-delay: inherit;
  --xyz-out-delay: inherit;
  --xyz-appear-delay: inherit;
  --xyz-stagger: inherit;
  --xyz-in-stagger: inherit;
  --xyz-out-stagger: inherit;
  --xyz-appear-stagger: inherit;
  --xyz-stagger-rev: inherit;
  --xyz-in-stagger-rev: inherit;
  --xyz-out-stagger-rev: inherit;
  --xyz-appear-stagger-rev: inherit;
  --xyz-iterate: inherit;
  --xyz-in-iterate: inherit;
  --xyz-out-iterate: inherit;
  --xyz-appear-iterate: inherit;
  --xyz-direction: inherit;
  --xyz-in-direction: inherit;
  --xyz-out-direction: inherit;
  --xyz-appear-direction: inherit;
  --xyz-origin: inherit;
  --xyz-in-origin: inherit;
  --xyz-out-origin: inherit;
  --xyz-appear-origin: inherit;
  --xyz-opacity: inherit;
  --xyz-in-opacity: inherit;
  --xyz-out-opacity: inherit;
  --xyz-appear-opacity: inherit;
  --xyz-transform: inherit;
  --xyz-in-transform: inherit;
  --xyz-out-transform: inherit;
  --xyz-appear-transform: inherit;
  --xyz-perspective: inherit;
  --xyz-in-perspective: inherit;
  --xyz-out-perspective: inherit;
  --xyz-appear-perspective: inherit;
  --xyz-translate-x: inherit;
  --xyz-in-translate-x: inherit;
  --xyz-out-translate-x: inherit;
  --xyz-appear-translate-x: inherit;
  --xyz-translate-y: inherit;
  --xyz-in-translate-y: inherit;
  --xyz-out-translate-y: inherit;
  --xyz-appear-translate-y: inherit;
  --xyz-translate-z: inherit;
  --xyz-in-translate-z: inherit;
  --xyz-out-translate-z: inherit;
  --xyz-appear-translate-z: inherit;
  --xyz-rotate-x: inherit;
  --xyz-in-rotate-x: inherit;
  --xyz-out-rotate-x: inherit;
  --xyz-appear-rotate-x: inherit;
  --xyz-rotate-y: inherit;
  --xyz-in-rotate-y: inherit;
  --xyz-out-rotate-y: inherit;
  --xyz-appear-rotate-y: inherit;
  --xyz-rotate-z: inherit;
  --xyz-in-rotate-z: inherit;
  --xyz-out-rotate-z: inherit;
  --xyz-appear-rotate-z: inherit;
  --xyz-scale-x: inherit;
  --xyz-in-scale-x: inherit;
  --xyz-out-scale-x: inherit;
  --xyz-appear-scale-x: inherit;
  --xyz-scale-y: inherit;
  --xyz-in-scale-y: inherit;
  --xyz-out-scale-y: inherit;
  --xyz-appear-scale-y: inherit;
  --xyz-scale-z: inherit;
  --xyz-in-scale-z: inherit;
  --xyz-out-scale-z: inherit;
  --xyz-appear-scale-z: inherit;
  --xyz-skew-x: inherit;
  --xyz-in-skew-x: inherit;
  --xyz-out-skew-x: inherit;
  --xyz-appear-skew-x: inherit;
  --xyz-skew-y: inherit;
  --xyz-in-skew-y: inherit;
  --xyz-out-skew-y: inherit;
  --xyz-appear-skew-y: inherit;
}

[xyz~=ease] {
  --xyz-ease: var(--xyz-ease-default);
}

[xyz~=ease-ease] {
  --xyz-ease: ease;
}

[xyz~=ease-linear] {
  --xyz-ease: linear;
}

[xyz~=ease-in] {
  --xyz-ease: ease-in;
}

[xyz~=ease-in-back] {
  --xyz-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[xyz~=ease-out] {
  --xyz-ease: ease-out;
}

[xyz~=ease-out-back] {
  --xyz-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[xyz~=ease-in-out] {
  --xyz-ease: ease-in-out;
}

[xyz~=ease-in-out-back] {
  --xyz-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[xyz~=in-ease] {
  --xyz-in-ease: var(--xyz-ease-default);
}

[xyz~=in-ease-ease] {
  --xyz-in-ease: ease;
}

[xyz~=in-ease-linear] {
  --xyz-in-ease: linear;
}

[xyz~=in-ease-in] {
  --xyz-in-ease: ease-in;
}

[xyz~=in-ease-in-back] {
  --xyz-in-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[xyz~=in-ease-out] {
  --xyz-in-ease: ease-out;
}

[xyz~=in-ease-out-back] {
  --xyz-in-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[xyz~=in-ease-in-out] {
  --xyz-in-ease: ease-in-out;
}

[xyz~=in-ease-in-out-back] {
  --xyz-in-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[xyz~=out-ease] {
  --xyz-out-ease: var(--xyz-ease-default);
}

[xyz~=out-ease-ease] {
  --xyz-out-ease: ease;
}

[xyz~=out-ease-linear] {
  --xyz-out-ease: linear;
}

[xyz~=out-ease-in] {
  --xyz-out-ease: ease-in;
}

[xyz~=out-ease-in-back] {
  --xyz-out-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[xyz~=out-ease-out] {
  --xyz-out-ease: ease-out;
}

[xyz~=out-ease-out-back] {
  --xyz-out-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[xyz~=out-ease-in-out] {
  --xyz-out-ease: ease-in-out;
}

[xyz~=out-ease-in-out-back] {
  --xyz-out-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[xyz~=appear-ease] {
  --xyz-appear-ease: var(--xyz-ease-default);
}

[xyz~=appear-ease-ease] {
  --xyz-appear-ease: ease;
}

[xyz~=appear-ease-linear] {
  --xyz-appear-ease: linear;
}

[xyz~=appear-ease-in] {
  --xyz-appear-ease: ease-in;
}

[xyz~=appear-ease-in-back] {
  --xyz-appear-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[xyz~=appear-ease-out] {
  --xyz-appear-ease: ease-out;
}

[xyz~=appear-ease-out-back] {
  --xyz-appear-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[xyz~=appear-ease-in-out] {
  --xyz-appear-ease: ease-in-out;
}

[xyz~=appear-ease-in-out-back] {
  --xyz-appear-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[xyz~=duration] {
  --xyz-duration: var(--xyz-duration-default);
}

[xyz~=duration-0] {
  --xyz-duration: 0s;
}

[xyz~="duration-0.5"] {
  --xyz-duration: 0.05s;
}

[xyz~=duration-1] {
  --xyz-duration: 0.1s;
}

[xyz~="duration-1.5"] {
  --xyz-duration: 0.15s;
}

[xyz~=duration-2] {
  --xyz-duration: 0.2s;
}

[xyz~="duration-2.5"] {
  --xyz-duration: 0.25s;
}

[xyz~=duration-3] {
  --xyz-duration: 0.3s;
}

[xyz~=duration-4] {
  --xyz-duration: 0.4s;
}

[xyz~=duration-5] {
  --xyz-duration: 0.5s;
}

[xyz~=duration-6] {
  --xyz-duration: 0.6s;
}

[xyz~=duration-7] {
  --xyz-duration: 0.7s;
}

[xyz~=duration-8] {
  --xyz-duration: 0.8s;
}

[xyz~=duration-9] {
  --xyz-duration: 0.9s;
}

[xyz~=duration-10] {
  --xyz-duration: 1s;
}

[xyz~=duration-15] {
  --xyz-duration: 1.5s;
}

[xyz~=duration-20] {
  --xyz-duration: 2s;
}

[xyz~=duration-25] {
  --xyz-duration: 2.5s;
}

[xyz~=duration-30] {
  --xyz-duration: 3s;
}

[xyz~=in-duration] {
  --xyz-in-duration: var(--xyz-duration-default);
}

[xyz~=in-duration-0] {
  --xyz-in-duration: 0s;
}

[xyz~="in-duration-0.5"] {
  --xyz-in-duration: 0.05s;
}

[xyz~=in-duration-1] {
  --xyz-in-duration: 0.1s;
}

[xyz~="in-duration-1.5"] {
  --xyz-in-duration: 0.15s;
}

[xyz~=in-duration-2] {
  --xyz-in-duration: 0.2s;
}

[xyz~="in-duration-2.5"] {
  --xyz-in-duration: 0.25s;
}

[xyz~=in-duration-3] {
  --xyz-in-duration: 0.3s;
}

[xyz~=in-duration-4] {
  --xyz-in-duration: 0.4s;
}

[xyz~=in-duration-5] {
  --xyz-in-duration: 0.5s;
}

[xyz~=in-duration-6] {
  --xyz-in-duration: 0.6s;
}

[xyz~=in-duration-7] {
  --xyz-in-duration: 0.7s;
}

[xyz~=in-duration-8] {
  --xyz-in-duration: 0.8s;
}

[xyz~=in-duration-9] {
  --xyz-in-duration: 0.9s;
}

[xyz~=in-duration-10] {
  --xyz-in-duration: 1s;
}

[xyz~=in-duration-15] {
  --xyz-in-duration: 1.5s;
}

[xyz~=in-duration-20] {
  --xyz-in-duration: 2s;
}

[xyz~=in-duration-25] {
  --xyz-in-duration: 2.5s;
}

[xyz~=in-duration-30] {
  --xyz-in-duration: 3s;
}

[xyz~=out-duration] {
  --xyz-out-duration: var(--xyz-duration-default);
}

[xyz~=out-duration-0] {
  --xyz-out-duration: 0s;
}

[xyz~="out-duration-0.5"] {
  --xyz-out-duration: 0.05s;
}

[xyz~=out-duration-1] {
  --xyz-out-duration: 0.1s;
}

[xyz~="out-duration-1.5"] {
  --xyz-out-duration: 0.15s;
}

[xyz~=out-duration-2] {
  --xyz-out-duration: 0.2s;
}

[xyz~="out-duration-2.5"] {
  --xyz-out-duration: 0.25s;
}

[xyz~=out-duration-3] {
  --xyz-out-duration: 0.3s;
}

[xyz~=out-duration-4] {
  --xyz-out-duration: 0.4s;
}

[xyz~=out-duration-5] {
  --xyz-out-duration: 0.5s;
}

[xyz~=out-duration-6] {
  --xyz-out-duration: 0.6s;
}

[xyz~=out-duration-7] {
  --xyz-out-duration: 0.7s;
}

[xyz~=out-duration-8] {
  --xyz-out-duration: 0.8s;
}

[xyz~=out-duration-9] {
  --xyz-out-duration: 0.9s;
}

[xyz~=out-duration-10] {
  --xyz-out-duration: 1s;
}

[xyz~=out-duration-15] {
  --xyz-out-duration: 1.5s;
}

[xyz~=out-duration-20] {
  --xyz-out-duration: 2s;
}

[xyz~=out-duration-25] {
  --xyz-out-duration: 2.5s;
}

[xyz~=out-duration-30] {
  --xyz-out-duration: 3s;
}

[xyz~=appear-duration] {
  --xyz-appear-duration: var(--xyz-duration-default);
}

[xyz~=appear-duration-0] {
  --xyz-appear-duration: 0s;
}

[xyz~="appear-duration-0.5"] {
  --xyz-appear-duration: 0.05s;
}

[xyz~=appear-duration-1] {
  --xyz-appear-duration: 0.1s;
}

[xyz~="appear-duration-1.5"] {
  --xyz-appear-duration: 0.15s;
}

[xyz~=appear-duration-2] {
  --xyz-appear-duration: 0.2s;
}

[xyz~="appear-duration-2.5"] {
  --xyz-appear-duration: 0.25s;
}

[xyz~=appear-duration-3] {
  --xyz-appear-duration: 0.3s;
}

[xyz~=appear-duration-4] {
  --xyz-appear-duration: 0.4s;
}

[xyz~=appear-duration-5] {
  --xyz-appear-duration: 0.5s;
}

[xyz~=appear-duration-6] {
  --xyz-appear-duration: 0.6s;
}

[xyz~=appear-duration-7] {
  --xyz-appear-duration: 0.7s;
}

[xyz~=appear-duration-8] {
  --xyz-appear-duration: 0.8s;
}

[xyz~=appear-duration-9] {
  --xyz-appear-duration: 0.9s;
}

[xyz~=appear-duration-10] {
  --xyz-appear-duration: 1s;
}

[xyz~=appear-duration-15] {
  --xyz-appear-duration: 1.5s;
}

[xyz~=appear-duration-20] {
  --xyz-appear-duration: 2s;
}

[xyz~=appear-duration-25] {
  --xyz-appear-duration: 2.5s;
}

[xyz~=appear-duration-30] {
  --xyz-appear-duration: 3s;
}

[xyz~=delay] {
  --xyz-delay: var(--xyz-delay-default);
}

[xyz~=delay-0] {
  --xyz-delay: 0s;
}

[xyz~="delay-0.5"] {
  --xyz-delay: 0.05s;
}

[xyz~=delay-1] {
  --xyz-delay: 0.1s;
}

[xyz~="delay-1.5"] {
  --xyz-delay: 0.15s;
}

[xyz~=delay-2] {
  --xyz-delay: 0.2s;
}

[xyz~="delay-2.5"] {
  --xyz-delay: 0.25s;
}

[xyz~=delay-3] {
  --xyz-delay: 0.3s;
}

[xyz~=delay-4] {
  --xyz-delay: 0.4s;
}

[xyz~=delay-5] {
  --xyz-delay: 0.5s;
}

[xyz~=delay-6] {
  --xyz-delay: 0.6s;
}

[xyz~=delay-7] {
  --xyz-delay: 0.7s;
}

[xyz~=delay-8] {
  --xyz-delay: 0.8s;
}

[xyz~=delay-9] {
  --xyz-delay: 0.9s;
}

[xyz~=delay-10] {
  --xyz-delay: 1s;
}

[xyz~=delay-15] {
  --xyz-delay: 1.5s;
}

[xyz~=delay-20] {
  --xyz-delay: 2s;
}

[xyz~=delay-25] {
  --xyz-delay: 2.5s;
}

[xyz~=delay-30] {
  --xyz-delay: 3s;
}

[xyz~=in-delay] {
  --xyz-in-delay: var(--xyz-delay-default);
}

[xyz~=in-delay-0] {
  --xyz-in-delay: 0s;
}

[xyz~="in-delay-0.5"] {
  --xyz-in-delay: 0.05s;
}

[xyz~=in-delay-1] {
  --xyz-in-delay: 0.1s;
}

[xyz~="in-delay-1.5"] {
  --xyz-in-delay: 0.15s;
}

[xyz~=in-delay-2] {
  --xyz-in-delay: 0.2s;
}

[xyz~="in-delay-2.5"] {
  --xyz-in-delay: 0.25s;
}

[xyz~=in-delay-3] {
  --xyz-in-delay: 0.3s;
}

[xyz~=in-delay-4] {
  --xyz-in-delay: 0.4s;
}

[xyz~=in-delay-5] {
  --xyz-in-delay: 0.5s;
}

[xyz~=in-delay-6] {
  --xyz-in-delay: 0.6s;
}

[xyz~=in-delay-7] {
  --xyz-in-delay: 0.7s;
}

[xyz~=in-delay-8] {
  --xyz-in-delay: 0.8s;
}

[xyz~=in-delay-9] {
  --xyz-in-delay: 0.9s;
}

[xyz~=in-delay-10] {
  --xyz-in-delay: 1s;
}

[xyz~=in-delay-15] {
  --xyz-in-delay: 1.5s;
}

[xyz~=in-delay-20] {
  --xyz-in-delay: 2s;
}

[xyz~=in-delay-25] {
  --xyz-in-delay: 2.5s;
}

[xyz~=in-delay-30] {
  --xyz-in-delay: 3s;
}

[xyz~=out-delay] {
  --xyz-out-delay: var(--xyz-delay-default);
}

[xyz~=out-delay-0] {
  --xyz-out-delay: 0s;
}

[xyz~="out-delay-0.5"] {
  --xyz-out-delay: 0.05s;
}

[xyz~=out-delay-1] {
  --xyz-out-delay: 0.1s;
}

[xyz~="out-delay-1.5"] {
  --xyz-out-delay: 0.15s;
}

[xyz~=out-delay-2] {
  --xyz-out-delay: 0.2s;
}

[xyz~="out-delay-2.5"] {
  --xyz-out-delay: 0.25s;
}

[xyz~=out-delay-3] {
  --xyz-out-delay: 0.3s;
}

[xyz~=out-delay-4] {
  --xyz-out-delay: 0.4s;
}

[xyz~=out-delay-5] {
  --xyz-out-delay: 0.5s;
}

[xyz~=out-delay-6] {
  --xyz-out-delay: 0.6s;
}

[xyz~=out-delay-7] {
  --xyz-out-delay: 0.7s;
}

[xyz~=out-delay-8] {
  --xyz-out-delay: 0.8s;
}

[xyz~=out-delay-9] {
  --xyz-out-delay: 0.9s;
}

[xyz~=out-delay-10] {
  --xyz-out-delay: 1s;
}

[xyz~=out-delay-15] {
  --xyz-out-delay: 1.5s;
}

[xyz~=out-delay-20] {
  --xyz-out-delay: 2s;
}

[xyz~=out-delay-25] {
  --xyz-out-delay: 2.5s;
}

[xyz~=out-delay-30] {
  --xyz-out-delay: 3s;
}

[xyz~=appear-delay] {
  --xyz-appear-delay: var(--xyz-delay-default);
}

[xyz~=appear-delay-0] {
  --xyz-appear-delay: 0s;
}

[xyz~="appear-delay-0.5"] {
  --xyz-appear-delay: 0.05s;
}

[xyz~=appear-delay-1] {
  --xyz-appear-delay: 0.1s;
}

[xyz~="appear-delay-1.5"] {
  --xyz-appear-delay: 0.15s;
}

[xyz~=appear-delay-2] {
  --xyz-appear-delay: 0.2s;
}

[xyz~="appear-delay-2.5"] {
  --xyz-appear-delay: 0.25s;
}

[xyz~=appear-delay-3] {
  --xyz-appear-delay: 0.3s;
}

[xyz~=appear-delay-4] {
  --xyz-appear-delay: 0.4s;
}

[xyz~=appear-delay-5] {
  --xyz-appear-delay: 0.5s;
}

[xyz~=appear-delay-6] {
  --xyz-appear-delay: 0.6s;
}

[xyz~=appear-delay-7] {
  --xyz-appear-delay: 0.7s;
}

[xyz~=appear-delay-8] {
  --xyz-appear-delay: 0.8s;
}

[xyz~=appear-delay-9] {
  --xyz-appear-delay: 0.9s;
}

[xyz~=appear-delay-10] {
  --xyz-appear-delay: 1s;
}

[xyz~=appear-delay-15] {
  --xyz-appear-delay: 1.5s;
}

[xyz~=appear-delay-20] {
  --xyz-appear-delay: 2s;
}

[xyz~=appear-delay-25] {
  --xyz-appear-delay: 2.5s;
}

[xyz~=appear-delay-30] {
  --xyz-appear-delay: 3s;
}

[xyz~=stagger] {
  --xyz-stagger: var(--xyz-stagger-default);
}

[xyz~=stagger-0] {
  --xyz-stagger: 0s;
}

[xyz~="stagger-0.5"] {
  --xyz-stagger: 0.05s;
}

[xyz~=stagger-1] {
  --xyz-stagger: 0.1s;
}

[xyz~="stagger-1.5"] {
  --xyz-stagger: 0.15s;
}

[xyz~=stagger-2] {
  --xyz-stagger: 0.2s;
}

[xyz~="stagger-2.5"] {
  --xyz-stagger: 0.25s;
}

[xyz~=stagger-3] {
  --xyz-stagger: 0.3s;
}

[xyz~=stagger-4] {
  --xyz-stagger: 0.4s;
}

[xyz~=stagger-5] {
  --xyz-stagger: 0.5s;
}

[xyz~=stagger-6] {
  --xyz-stagger: 0.6s;
}

[xyz~=stagger-7] {
  --xyz-stagger: 0.7s;
}

[xyz~=stagger-8] {
  --xyz-stagger: 0.8s;
}

[xyz~=stagger-9] {
  --xyz-stagger: 0.9s;
}

[xyz~=stagger-10] {
  --xyz-stagger: 1s;
}

[xyz~=stagger-15] {
  --xyz-stagger: 1.5s;
}

[xyz~=stagger-20] {
  --xyz-stagger: 2s;
}

[xyz~=stagger-25] {
  --xyz-stagger: 2.5s;
}

[xyz~=stagger-30] {
  --xyz-stagger: 3s;
}

[xyz~=in-stagger] {
  --xyz-in-stagger: var(--xyz-stagger-default);
}

[xyz~=in-stagger-0] {
  --xyz-in-stagger: 0s;
}

[xyz~="in-stagger-0.5"] {
  --xyz-in-stagger: 0.05s;
}

[xyz~=in-stagger-1] {
  --xyz-in-stagger: 0.1s;
}

[xyz~="in-stagger-1.5"] {
  --xyz-in-stagger: 0.15s;
}

[xyz~=in-stagger-2] {
  --xyz-in-stagger: 0.2s;
}

[xyz~="in-stagger-2.5"] {
  --xyz-in-stagger: 0.25s;
}

[xyz~=in-stagger-3] {
  --xyz-in-stagger: 0.3s;
}

[xyz~=in-stagger-4] {
  --xyz-in-stagger: 0.4s;
}

[xyz~=in-stagger-5] {
  --xyz-in-stagger: 0.5s;
}

[xyz~=in-stagger-6] {
  --xyz-in-stagger: 0.6s;
}

[xyz~=in-stagger-7] {
  --xyz-in-stagger: 0.7s;
}

[xyz~=in-stagger-8] {
  --xyz-in-stagger: 0.8s;
}

[xyz~=in-stagger-9] {
  --xyz-in-stagger: 0.9s;
}

[xyz~=in-stagger-10] {
  --xyz-in-stagger: 1s;
}

[xyz~=in-stagger-15] {
  --xyz-in-stagger: 1.5s;
}

[xyz~=in-stagger-20] {
  --xyz-in-stagger: 2s;
}

[xyz~=in-stagger-25] {
  --xyz-in-stagger: 2.5s;
}

[xyz~=in-stagger-30] {
  --xyz-in-stagger: 3s;
}

[xyz~=out-stagger] {
  --xyz-out-stagger: var(--xyz-stagger-default);
}

[xyz~=out-stagger-0] {
  --xyz-out-stagger: 0s;
}

[xyz~="out-stagger-0.5"] {
  --xyz-out-stagger: 0.05s;
}

[xyz~=out-stagger-1] {
  --xyz-out-stagger: 0.1s;
}

[xyz~="out-stagger-1.5"] {
  --xyz-out-stagger: 0.15s;
}

[xyz~=out-stagger-2] {
  --xyz-out-stagger: 0.2s;
}

[xyz~="out-stagger-2.5"] {
  --xyz-out-stagger: 0.25s;
}

[xyz~=out-stagger-3] {
  --xyz-out-stagger: 0.3s;
}

[xyz~=out-stagger-4] {
  --xyz-out-stagger: 0.4s;
}

[xyz~=out-stagger-5] {
  --xyz-out-stagger: 0.5s;
}

[xyz~=out-stagger-6] {
  --xyz-out-stagger: 0.6s;
}

[xyz~=out-stagger-7] {
  --xyz-out-stagger: 0.7s;
}

[xyz~=out-stagger-8] {
  --xyz-out-stagger: 0.8s;
}

[xyz~=out-stagger-9] {
  --xyz-out-stagger: 0.9s;
}

[xyz~=out-stagger-10] {
  --xyz-out-stagger: 1s;
}

[xyz~=out-stagger-15] {
  --xyz-out-stagger: 1.5s;
}

[xyz~=out-stagger-20] {
  --xyz-out-stagger: 2s;
}

[xyz~=out-stagger-25] {
  --xyz-out-stagger: 2.5s;
}

[xyz~=out-stagger-30] {
  --xyz-out-stagger: 3s;
}

[xyz~=appear-stagger] {
  --xyz-appear-stagger: var(--xyz-stagger-default);
}

[xyz~=appear-stagger-0] {
  --xyz-appear-stagger: 0s;
}

[xyz~="appear-stagger-0.5"] {
  --xyz-appear-stagger: 0.05s;
}

[xyz~=appear-stagger-1] {
  --xyz-appear-stagger: 0.1s;
}

[xyz~="appear-stagger-1.5"] {
  --xyz-appear-stagger: 0.15s;
}

[xyz~=appear-stagger-2] {
  --xyz-appear-stagger: 0.2s;
}

[xyz~="appear-stagger-2.5"] {
  --xyz-appear-stagger: 0.25s;
}

[xyz~=appear-stagger-3] {
  --xyz-appear-stagger: 0.3s;
}

[xyz~=appear-stagger-4] {
  --xyz-appear-stagger: 0.4s;
}

[xyz~=appear-stagger-5] {
  --xyz-appear-stagger: 0.5s;
}

[xyz~=appear-stagger-6] {
  --xyz-appear-stagger: 0.6s;
}

[xyz~=appear-stagger-7] {
  --xyz-appear-stagger: 0.7s;
}

[xyz~=appear-stagger-8] {
  --xyz-appear-stagger: 0.8s;
}

[xyz~=appear-stagger-9] {
  --xyz-appear-stagger: 0.9s;
}

[xyz~=appear-stagger-10] {
  --xyz-appear-stagger: 1s;
}

[xyz~=appear-stagger-15] {
  --xyz-appear-stagger: 1.5s;
}

[xyz~=appear-stagger-20] {
  --xyz-appear-stagger: 2s;
}

[xyz~=appear-stagger-25] {
  --xyz-appear-stagger: 2.5s;
}

[xyz~=appear-stagger-30] {
  --xyz-appear-stagger: 3s;
}

[xyz~=stagger-rev] {
  --xyz-stagger-rev: var(--xyz-stagger-default);
}

[xyz~=stagger-rev-0] {
  --xyz-stagger-rev: 0s;
}

[xyz~="stagger-rev-0.5"] {
  --xyz-stagger-rev: 0.05s;
}

[xyz~=stagger-rev-1] {
  --xyz-stagger-rev: 0.1s;
}

[xyz~="stagger-rev-1.5"] {
  --xyz-stagger-rev: 0.15s;
}

[xyz~=stagger-rev-2] {
  --xyz-stagger-rev: 0.2s;
}

[xyz~="stagger-rev-2.5"] {
  --xyz-stagger-rev: 0.25s;
}

[xyz~=stagger-rev-3] {
  --xyz-stagger-rev: 0.3s;
}

[xyz~=stagger-rev-4] {
  --xyz-stagger-rev: 0.4s;
}

[xyz~=stagger-rev-5] {
  --xyz-stagger-rev: 0.5s;
}

[xyz~=stagger-rev-6] {
  --xyz-stagger-rev: 0.6s;
}

[xyz~=stagger-rev-7] {
  --xyz-stagger-rev: 0.7s;
}

[xyz~=stagger-rev-8] {
  --xyz-stagger-rev: 0.8s;
}

[xyz~=stagger-rev-9] {
  --xyz-stagger-rev: 0.9s;
}

[xyz~=stagger-rev-10] {
  --xyz-stagger-rev: 1s;
}

[xyz~=stagger-rev-15] {
  --xyz-stagger-rev: 1.5s;
}

[xyz~=stagger-rev-20] {
  --xyz-stagger-rev: 2s;
}

[xyz~=stagger-rev-25] {
  --xyz-stagger-rev: 2.5s;
}

[xyz~=stagger-rev-30] {
  --xyz-stagger-rev: 3s;
}

[xyz~=in-stagger-rev] {
  --xyz-in-stagger-rev: var(--xyz-stagger-default);
}

[xyz~=in-stagger-rev-0] {
  --xyz-in-stagger-rev: 0s;
}

[xyz~="in-stagger-rev-0.5"] {
  --xyz-in-stagger-rev: 0.05s;
}

[xyz~=in-stagger-rev-1] {
  --xyz-in-stagger-rev: 0.1s;
}

[xyz~="in-stagger-rev-1.5"] {
  --xyz-in-stagger-rev: 0.15s;
}

[xyz~=in-stagger-rev-2] {
  --xyz-in-stagger-rev: 0.2s;
}

[xyz~="in-stagger-rev-2.5"] {
  --xyz-in-stagger-rev: 0.25s;
}

[xyz~=in-stagger-rev-3] {
  --xyz-in-stagger-rev: 0.3s;
}

[xyz~=in-stagger-rev-4] {
  --xyz-in-stagger-rev: 0.4s;
}

[xyz~=in-stagger-rev-5] {
  --xyz-in-stagger-rev: 0.5s;
}

[xyz~=in-stagger-rev-6] {
  --xyz-in-stagger-rev: 0.6s;
}

[xyz~=in-stagger-rev-7] {
  --xyz-in-stagger-rev: 0.7s;
}

[xyz~=in-stagger-rev-8] {
  --xyz-in-stagger-rev: 0.8s;
}

[xyz~=in-stagger-rev-9] {
  --xyz-in-stagger-rev: 0.9s;
}

[xyz~=in-stagger-rev-10] {
  --xyz-in-stagger-rev: 1s;
}

[xyz~=in-stagger-rev-15] {
  --xyz-in-stagger-rev: 1.5s;
}

[xyz~=in-stagger-rev-20] {
  --xyz-in-stagger-rev: 2s;
}

[xyz~=in-stagger-rev-25] {
  --xyz-in-stagger-rev: 2.5s;
}

[xyz~=in-stagger-rev-30] {
  --xyz-in-stagger-rev: 3s;
}

[xyz~=out-stagger-rev] {
  --xyz-out-stagger-rev: var(--xyz-stagger-default);
}

[xyz~=out-stagger-rev-0] {
  --xyz-out-stagger-rev: 0s;
}

[xyz~="out-stagger-rev-0.5"] {
  --xyz-out-stagger-rev: 0.05s;
}

[xyz~=out-stagger-rev-1] {
  --xyz-out-stagger-rev: 0.1s;
}

[xyz~="out-stagger-rev-1.5"] {
  --xyz-out-stagger-rev: 0.15s;
}

[xyz~=out-stagger-rev-2] {
  --xyz-out-stagger-rev: 0.2s;
}

[xyz~="out-stagger-rev-2.5"] {
  --xyz-out-stagger-rev: 0.25s;
}

[xyz~=out-stagger-rev-3] {
  --xyz-out-stagger-rev: 0.3s;
}

[xyz~=out-stagger-rev-4] {
  --xyz-out-stagger-rev: 0.4s;
}

[xyz~=out-stagger-rev-5] {
  --xyz-out-stagger-rev: 0.5s;
}

[xyz~=out-stagger-rev-6] {
  --xyz-out-stagger-rev: 0.6s;
}

[xyz~=out-stagger-rev-7] {
  --xyz-out-stagger-rev: 0.7s;
}

[xyz~=out-stagger-rev-8] {
  --xyz-out-stagger-rev: 0.8s;
}

[xyz~=out-stagger-rev-9] {
  --xyz-out-stagger-rev: 0.9s;
}

[xyz~=out-stagger-rev-10] {
  --xyz-out-stagger-rev: 1s;
}

[xyz~=out-stagger-rev-15] {
  --xyz-out-stagger-rev: 1.5s;
}

[xyz~=out-stagger-rev-20] {
  --xyz-out-stagger-rev: 2s;
}

[xyz~=out-stagger-rev-25] {
  --xyz-out-stagger-rev: 2.5s;
}

[xyz~=out-stagger-rev-30] {
  --xyz-out-stagger-rev: 3s;
}

[xyz~=appear-stagger-rev] {
  --xyz-appear-stagger-rev: var(--xyz-stagger-default);
}

[xyz~=appear-stagger-rev-0] {
  --xyz-appear-stagger-rev: 0s;
}

[xyz~="appear-stagger-rev-0.5"] {
  --xyz-appear-stagger-rev: 0.05s;
}

[xyz~=appear-stagger-rev-1] {
  --xyz-appear-stagger-rev: 0.1s;
}

[xyz~="appear-stagger-rev-1.5"] {
  --xyz-appear-stagger-rev: 0.15s;
}

[xyz~=appear-stagger-rev-2] {
  --xyz-appear-stagger-rev: 0.2s;
}

[xyz~="appear-stagger-rev-2.5"] {
  --xyz-appear-stagger-rev: 0.25s;
}

[xyz~=appear-stagger-rev-3] {
  --xyz-appear-stagger-rev: 0.3s;
}

[xyz~=appear-stagger-rev-4] {
  --xyz-appear-stagger-rev: 0.4s;
}

[xyz~=appear-stagger-rev-5] {
  --xyz-appear-stagger-rev: 0.5s;
}

[xyz~=appear-stagger-rev-6] {
  --xyz-appear-stagger-rev: 0.6s;
}

[xyz~=appear-stagger-rev-7] {
  --xyz-appear-stagger-rev: 0.7s;
}

[xyz~=appear-stagger-rev-8] {
  --xyz-appear-stagger-rev: 0.8s;
}

[xyz~=appear-stagger-rev-9] {
  --xyz-appear-stagger-rev: 0.9s;
}

[xyz~=appear-stagger-rev-10] {
  --xyz-appear-stagger-rev: 1s;
}

[xyz~=appear-stagger-rev-15] {
  --xyz-appear-stagger-rev: 1.5s;
}

[xyz~=appear-stagger-rev-20] {
  --xyz-appear-stagger-rev: 2s;
}

[xyz~=appear-stagger-rev-25] {
  --xyz-appear-stagger-rev: 2.5s;
}

[xyz~=appear-stagger-rev-30] {
  --xyz-appear-stagger-rev: 3s;
}

[xyz~=iterate] {
  --xyz-iterate: var(--xyz-iterate-default);
}

[xyz~=iterate-1] {
  --xyz-iterate: 1;
}

[xyz~=iterate-2] {
  --xyz-iterate: 2;
}

[xyz~=iterate-3] {
  --xyz-iterate: 3;
}

[xyz~=iterate-4] {
  --xyz-iterate: 4;
}

[xyz~=iterate-5] {
  --xyz-iterate: 5;
}

[xyz~=iterate-infinite] {
  --xyz-iterate: infinite;
}

[xyz~=in-iterate] {
  --xyz-in-iterate: var(--xyz-iterate-default);
}

[xyz~=in-iterate-1] {
  --xyz-in-iterate: 1;
}

[xyz~=in-iterate-2] {
  --xyz-in-iterate: 2;
}

[xyz~=in-iterate-3] {
  --xyz-in-iterate: 3;
}

[xyz~=in-iterate-4] {
  --xyz-in-iterate: 4;
}

[xyz~=in-iterate-5] {
  --xyz-in-iterate: 5;
}

[xyz~=in-iterate-infinite] {
  --xyz-in-iterate: infinite;
}

[xyz~=out-iterate] {
  --xyz-out-iterate: var(--xyz-iterate-default);
}

[xyz~=out-iterate-1] {
  --xyz-out-iterate: 1;
}

[xyz~=out-iterate-2] {
  --xyz-out-iterate: 2;
}

[xyz~=out-iterate-3] {
  --xyz-out-iterate: 3;
}

[xyz~=out-iterate-4] {
  --xyz-out-iterate: 4;
}

[xyz~=out-iterate-5] {
  --xyz-out-iterate: 5;
}

[xyz~=out-iterate-infinite] {
  --xyz-out-iterate: infinite;
}

[xyz~=appear-iterate] {
  --xyz-appear-iterate: var(--xyz-iterate-default);
}

[xyz~=appear-iterate-1] {
  --xyz-appear-iterate: 1;
}

[xyz~=appear-iterate-2] {
  --xyz-appear-iterate: 2;
}

[xyz~=appear-iterate-3] {
  --xyz-appear-iterate: 3;
}

[xyz~=appear-iterate-4] {
  --xyz-appear-iterate: 4;
}

[xyz~=appear-iterate-5] {
  --xyz-appear-iterate: 5;
}

[xyz~=appear-iterate-infinite] {
  --xyz-appear-iterate: infinite;
}

[xyz~=direction] {
  --xyz-direction: var(--xyz-direction-default);
}

[xyz~=direction-normal] {
  --xyz-direction: normal;
}

[xyz~=direction-reverse] {
  --xyz-direction: reverse;
}

[xyz~=direction-alternate] {
  --xyz-direction: alternate;
}

[xyz~=direction-alternate-reverse] {
  --xyz-direction: alternate-reverse;
}

[xyz~=in-direction] {
  --xyz-in-direction: var(--xyz-direction-default);
}

[xyz~=in-direction-normal] {
  --xyz-in-direction: normal;
}

[xyz~=in-direction-reverse] {
  --xyz-in-direction: reverse;
}

[xyz~=in-direction-alternate] {
  --xyz-in-direction: alternate;
}

[xyz~=in-direction-alternate-reverse] {
  --xyz-in-direction: alternate-reverse;
}

[xyz~=out-direction] {
  --xyz-out-direction: var(--xyz-direction-default);
}

[xyz~=out-direction-normal] {
  --xyz-out-direction: normal;
}

[xyz~=out-direction-reverse] {
  --xyz-out-direction: reverse;
}

[xyz~=out-direction-alternate] {
  --xyz-out-direction: alternate;
}

[xyz~=out-direction-alternate-reverse] {
  --xyz-out-direction: alternate-reverse;
}

[xyz~=appear-direction] {
  --xyz-appear-direction: var(--xyz-direction-default);
}

[xyz~=appear-direction-normal] {
  --xyz-appear-direction: normal;
}

[xyz~=appear-direction-reverse] {
  --xyz-appear-direction: reverse;
}

[xyz~=appear-direction-alternate] {
  --xyz-appear-direction: alternate;
}

[xyz~=appear-direction-alternate-reverse] {
  --xyz-appear-direction: alternate-reverse;
}

[xyz~=origin] {
  --xyz-origin: var(--xyz-origin-default);
}

[xyz~=origin-center] {
  --xyz-origin: center;
}

[xyz~=origin-top] {
  --xyz-origin: top;
}

[xyz~=origin-bottom] {
  --xyz-origin: bottom;
}

[xyz~=origin-left] {
  --xyz-origin: left;
}

[xyz~=origin-right] {
  --xyz-origin: right;
}

[xyz~=origin-top-left] {
  --xyz-origin: top left;
}

[xyz~=origin-top-right] {
  --xyz-origin: top right;
}

[xyz~=origin-bottom-left] {
  --xyz-origin: bottom left;
}

[xyz~=origin-bottom-right] {
  --xyz-origin: bottom right;
}

[xyz~=in-origin] {
  --xyz-in-origin: var(--xyz-origin-default);
}

[xyz~=in-origin-center] {
  --xyz-in-origin: center;
}

[xyz~=in-origin-top] {
  --xyz-in-origin: top;
}

[xyz~=in-origin-bottom] {
  --xyz-in-origin: bottom;
}

[xyz~=in-origin-left] {
  --xyz-in-origin: left;
}

[xyz~=in-origin-right] {
  --xyz-in-origin: right;
}

[xyz~=in-origin-top-left] {
  --xyz-in-origin: top left;
}

[xyz~=in-origin-top-right] {
  --xyz-in-origin: top right;
}

[xyz~=in-origin-bottom-left] {
  --xyz-in-origin: bottom left;
}

[xyz~=in-origin-bottom-right] {
  --xyz-in-origin: bottom right;
}

[xyz~=out-origin] {
  --xyz-out-origin: var(--xyz-origin-default);
}

[xyz~=out-origin-center] {
  --xyz-out-origin: center;
}

[xyz~=out-origin-top] {
  --xyz-out-origin: top;
}

[xyz~=out-origin-bottom] {
  --xyz-out-origin: bottom;
}

[xyz~=out-origin-left] {
  --xyz-out-origin: left;
}

[xyz~=out-origin-right] {
  --xyz-out-origin: right;
}

[xyz~=out-origin-top-left] {
  --xyz-out-origin: top left;
}

[xyz~=out-origin-top-right] {
  --xyz-out-origin: top right;
}

[xyz~=out-origin-bottom-left] {
  --xyz-out-origin: bottom left;
}

[xyz~=out-origin-bottom-right] {
  --xyz-out-origin: bottom right;
}

[xyz~=appear-origin] {
  --xyz-appear-origin: var(--xyz-origin-default);
}

[xyz~=appear-origin-center] {
  --xyz-appear-origin: center;
}

[xyz~=appear-origin-top] {
  --xyz-appear-origin: top;
}

[xyz~=appear-origin-bottom] {
  --xyz-appear-origin: bottom;
}

[xyz~=appear-origin-left] {
  --xyz-appear-origin: left;
}

[xyz~=appear-origin-right] {
  --xyz-appear-origin: right;
}

[xyz~=appear-origin-top-left] {
  --xyz-appear-origin: top left;
}

[xyz~=appear-origin-top-right] {
  --xyz-appear-origin: top right;
}

[xyz~=appear-origin-bottom-left] {
  --xyz-appear-origin: bottom left;
}

[xyz~=appear-origin-bottom-right] {
  --xyz-appear-origin: bottom right;
}

[xyz~=perspective] {
  --xyz-perspective: var(--xyz-perspective-default);
}

[xyz~=perspective-0] {
  --xyz-perspective: var(--xyz-perspective-none);
}

[xyz~=perspective-1] {
  --xyz-perspective: 500px;
}

[xyz~=perspective-2] {
  --xyz-perspective: 1000px;
}

[xyz~=perspective-3] {
  --xyz-perspective: 1500px;
}

[xyz~=perspective-4] {
  --xyz-perspective: 2000px;
}

[xyz~=perspective-5] {
  --xyz-perspective: 2500px;
}

[xyz~=in-perspective] {
  --xyz-in-perspective: var(--xyz-perspective-default);
}

[xyz~=in-perspective-0] {
  --xyz-in-perspective: var(--xyz-perspective-none);
}

[xyz~=in-perspective-1] {
  --xyz-in-perspective: 500px;
}

[xyz~=in-perspective-2] {
  --xyz-in-perspective: 1000px;
}

[xyz~=in-perspective-3] {
  --xyz-in-perspective: 1500px;
}

[xyz~=in-perspective-4] {
  --xyz-in-perspective: 2000px;
}

[xyz~=in-perspective-5] {
  --xyz-in-perspective: 2500px;
}

[xyz~=out-perspective] {
  --xyz-out-perspective: var(--xyz-perspective-default);
}

[xyz~=out-perspective-0] {
  --xyz-out-perspective: var(--xyz-perspective-none);
}

[xyz~=out-perspective-1] {
  --xyz-out-perspective: 500px;
}

[xyz~=out-perspective-2] {
  --xyz-out-perspective: 1000px;
}

[xyz~=out-perspective-3] {
  --xyz-out-perspective: 1500px;
}

[xyz~=out-perspective-4] {
  --xyz-out-perspective: 2000px;
}

[xyz~=out-perspective-5] {
  --xyz-out-perspective: 2500px;
}

[xyz~=appear-perspective] {
  --xyz-appear-perspective: var(--xyz-perspective-default);
}

[xyz~=appear-perspective-0] {
  --xyz-appear-perspective: var(--xyz-perspective-none);
}

[xyz~=appear-perspective-1] {
  --xyz-appear-perspective: 500px;
}

[xyz~=appear-perspective-2] {
  --xyz-appear-perspective: 1000px;
}

[xyz~=appear-perspective-3] {
  --xyz-appear-perspective: 1500px;
}

[xyz~=appear-perspective-4] {
  --xyz-appear-perspective: 2000px;
}

[xyz~=appear-perspective-5] {
  --xyz-appear-perspective: 2500px;
}

[xyz~=fade] {
  --xyz-opacity: calc(1 - var(--xyz-opacity-default));
}

[xyz~=fade-0] {
  --xyz-opacity: 1;
}

[xyz~="fade-25%"] {
  --xyz-opacity: 0.75;
}

[xyz~="fade-50%"] {
  --xyz-opacity: 0.5;
}

[xyz~="fade-75%"] {
  --xyz-opacity: 0.25;
}

[xyz~="fade-100%"] {
  --xyz-opacity: 0;
}

[xyz~=in-fade] {
  --xyz-in-opacity: calc(1 - var(--xyz-opacity-default));
}

[xyz~=in-fade-0] {
  --xyz-in-opacity: 1;
}

[xyz~="in-fade-25%"] {
  --xyz-in-opacity: 0.75;
}

[xyz~="in-fade-50%"] {
  --xyz-in-opacity: 0.5;
}

[xyz~="in-fade-75%"] {
  --xyz-in-opacity: 0.25;
}

[xyz~="in-fade-100%"] {
  --xyz-in-opacity: 0;
}

[xyz~=out-fade] {
  --xyz-out-opacity: calc(1 - var(--xyz-opacity-default));
}

[xyz~=out-fade-0] {
  --xyz-out-opacity: 1;
}

[xyz~="out-fade-25%"] {
  --xyz-out-opacity: 0.75;
}

[xyz~="out-fade-50%"] {
  --xyz-out-opacity: 0.5;
}

[xyz~="out-fade-75%"] {
  --xyz-out-opacity: 0.25;
}

[xyz~="out-fade-100%"] {
  --xyz-out-opacity: 0;
}

[xyz~=appear-fade] {
  --xyz-appear-opacity: calc(1 - var(--xyz-opacity-default));
}

[xyz~=appear-fade-0] {
  --xyz-appear-opacity: 1;
}

[xyz~="appear-fade-25%"] {
  --xyz-appear-opacity: 0.75;
}

[xyz~="appear-fade-50%"] {
  --xyz-appear-opacity: 0.5;
}

[xyz~="appear-fade-75%"] {
  --xyz-appear-opacity: 0.25;
}

[xyz~="appear-fade-100%"] {
  --xyz-appear-opacity: 0;
}

[xyz~=right] {
  --xyz-translate-x: var(--xyz-translate-default);
}

[xyz~=right-0] {
  --xyz-translate-x: 0px;
}

[xyz~=right-1] {
  --xyz-translate-x: 10px;
}

[xyz~=right-2] {
  --xyz-translate-x: 20px;
}

[xyz~=right-3] {
  --xyz-translate-x: 30px;
}

[xyz~=right-4] {
  --xyz-translate-x: 40px;
}

[xyz~=right-5] {
  --xyz-translate-x: 50px;
}

[xyz~="right-25%"] {
  --xyz-translate-x: 25%;
}

[xyz~="right-50%"] {
  --xyz-translate-x: 50%;
}

[xyz~="right-75%"] {
  --xyz-translate-x: 75%;
}

[xyz~="right-100%"] {
  --xyz-translate-x: 100%;
}

[xyz~=in-right] {
  --xyz-in-translate-x: var(--xyz-translate-default);
}

[xyz~=in-right-0] {
  --xyz-in-translate-x: 0px;
}

[xyz~=in-right-1] {
  --xyz-in-translate-x: 10px;
}

[xyz~=in-right-2] {
  --xyz-in-translate-x: 20px;
}

[xyz~=in-right-3] {
  --xyz-in-translate-x: 30px;
}

[xyz~=in-right-4] {
  --xyz-in-translate-x: 40px;
}

[xyz~=in-right-5] {
  --xyz-in-translate-x: 50px;
}

[xyz~="in-right-25%"] {
  --xyz-in-translate-x: 25%;
}

[xyz~="in-right-50%"] {
  --xyz-in-translate-x: 50%;
}

[xyz~="in-right-75%"] {
  --xyz-in-translate-x: 75%;
}

[xyz~="in-right-100%"] {
  --xyz-in-translate-x: 100%;
}

[xyz~=out-right] {
  --xyz-out-translate-x: var(--xyz-translate-default);
}

[xyz~=out-right-0] {
  --xyz-out-translate-x: 0px;
}

[xyz~=out-right-1] {
  --xyz-out-translate-x: 10px;
}

[xyz~=out-right-2] {
  --xyz-out-translate-x: 20px;
}

[xyz~=out-right-3] {
  --xyz-out-translate-x: 30px;
}

[xyz~=out-right-4] {
  --xyz-out-translate-x: 40px;
}

[xyz~=out-right-5] {
  --xyz-out-translate-x: 50px;
}

[xyz~="out-right-25%"] {
  --xyz-out-translate-x: 25%;
}

[xyz~="out-right-50%"] {
  --xyz-out-translate-x: 50%;
}

[xyz~="out-right-75%"] {
  --xyz-out-translate-x: 75%;
}

[xyz~="out-right-100%"] {
  --xyz-out-translate-x: 100%;
}

[xyz~=appear-right] {
  --xyz-appear-translate-x: var(--xyz-translate-default);
}

[xyz~=appear-right-0] {
  --xyz-appear-translate-x: 0px;
}

[xyz~=appear-right-1] {
  --xyz-appear-translate-x: 10px;
}

[xyz~=appear-right-2] {
  --xyz-appear-translate-x: 20px;
}

[xyz~=appear-right-3] {
  --xyz-appear-translate-x: 30px;
}

[xyz~=appear-right-4] {
  --xyz-appear-translate-x: 40px;
}

[xyz~=appear-right-5] {
  --xyz-appear-translate-x: 50px;
}

[xyz~="appear-right-25%"] {
  --xyz-appear-translate-x: 25%;
}

[xyz~="appear-right-50%"] {
  --xyz-appear-translate-x: 50%;
}

[xyz~="appear-right-75%"] {
  --xyz-appear-translate-x: 75%;
}

[xyz~="appear-right-100%"] {
  --xyz-appear-translate-x: 100%;
}

[xyz~=left] {
  --xyz-translate-x: calc(var(--xyz-translate-default)*-1);
}

[xyz~=left-0] {
  --xyz-translate-x: 0px;
}

[xyz~=left-1] {
  --xyz-translate-x: -10px;
}

[xyz~=left-2] {
  --xyz-translate-x: -20px;
}

[xyz~=left-3] {
  --xyz-translate-x: -30px;
}

[xyz~=left-4] {
  --xyz-translate-x: -40px;
}

[xyz~=left-5] {
  --xyz-translate-x: -50px;
}

[xyz~="left-25%"] {
  --xyz-translate-x: -25%;
}

[xyz~="left-50%"] {
  --xyz-translate-x: -50%;
}

[xyz~="left-75%"] {
  --xyz-translate-x: -75%;
}

[xyz~="left-100%"] {
  --xyz-translate-x: -100%;
}

[xyz~=in-left] {
  --xyz-in-translate-x: calc(var(--xyz-translate-default)*-1);
}

[xyz~=in-left-0] {
  --xyz-in-translate-x: 0px;
}

[xyz~=in-left-1] {
  --xyz-in-translate-x: -10px;
}

[xyz~=in-left-2] {
  --xyz-in-translate-x: -20px;
}

[xyz~=in-left-3] {
  --xyz-in-translate-x: -30px;
}

[xyz~=in-left-4] {
  --xyz-in-translate-x: -40px;
}

[xyz~=in-left-5] {
  --xyz-in-translate-x: -50px;
}

[xyz~="in-left-25%"] {
  --xyz-in-translate-x: -25%;
}

[xyz~="in-left-50%"] {
  --xyz-in-translate-x: -50%;
}

[xyz~="in-left-75%"] {
  --xyz-in-translate-x: -75%;
}

[xyz~="in-left-100%"] {
  --xyz-in-translate-x: -100%;
}

[xyz~=out-left] {
  --xyz-out-translate-x: calc(var(--xyz-translate-default)*-1);
}

[xyz~=out-left-0] {
  --xyz-out-translate-x: 0px;
}

[xyz~=out-left-1] {
  --xyz-out-translate-x: -10px;
}

[xyz~=out-left-2] {
  --xyz-out-translate-x: -20px;
}

[xyz~=out-left-3] {
  --xyz-out-translate-x: -30px;
}

[xyz~=out-left-4] {
  --xyz-out-translate-x: -40px;
}

[xyz~=out-left-5] {
  --xyz-out-translate-x: -50px;
}

[xyz~="out-left-25%"] {
  --xyz-out-translate-x: -25%;
}

[xyz~="out-left-50%"] {
  --xyz-out-translate-x: -50%;
}

[xyz~="out-left-75%"] {
  --xyz-out-translate-x: -75%;
}

[xyz~="out-left-100%"] {
  --xyz-out-translate-x: -100%;
}

[xyz~=appear-left] {
  --xyz-appear-translate-x: calc(var(--xyz-translate-default)*-1);
}

[xyz~=appear-left-0] {
  --xyz-appear-translate-x: 0px;
}

[xyz~=appear-left-1] {
  --xyz-appear-translate-x: -10px;
}

[xyz~=appear-left-2] {
  --xyz-appear-translate-x: -20px;
}

[xyz~=appear-left-3] {
  --xyz-appear-translate-x: -30px;
}

[xyz~=appear-left-4] {
  --xyz-appear-translate-x: -40px;
}

[xyz~=appear-left-5] {
  --xyz-appear-translate-x: -50px;
}

[xyz~="appear-left-25%"] {
  --xyz-appear-translate-x: -25%;
}

[xyz~="appear-left-50%"] {
  --xyz-appear-translate-x: -50%;
}

[xyz~="appear-left-75%"] {
  --xyz-appear-translate-x: -75%;
}

[xyz~="appear-left-100%"] {
  --xyz-appear-translate-x: -100%;
}

[xyz~=down] {
  --xyz-translate-y: var(--xyz-translate-default);
}

[xyz~=down-0] {
  --xyz-translate-y: 0px;
}

[xyz~=down-1] {
  --xyz-translate-y: 10px;
}

[xyz~=down-2] {
  --xyz-translate-y: 20px;
}

[xyz~=down-3] {
  --xyz-translate-y: 30px;
}

[xyz~=down-4] {
  --xyz-translate-y: 40px;
}

[xyz~=down-5] {
  --xyz-translate-y: 50px;
}

[xyz~="down-25%"] {
  --xyz-translate-y: 25%;
}

[xyz~="down-50%"] {
  --xyz-translate-y: 50%;
}

[xyz~="down-75%"] {
  --xyz-translate-y: 75%;
}

[xyz~="down-100%"] {
  --xyz-translate-y: 100%;
}

[xyz~=in-down] {
  --xyz-in-translate-y: var(--xyz-translate-default);
}

[xyz~=in-down-0] {
  --xyz-in-translate-y: 0px;
}

[xyz~=in-down-1] {
  --xyz-in-translate-y: 10px;
}

[xyz~=in-down-2] {
  --xyz-in-translate-y: 20px;
}

[xyz~=in-down-3] {
  --xyz-in-translate-y: 30px;
}

[xyz~=in-down-4] {
  --xyz-in-translate-y: 40px;
}

[xyz~=in-down-5] {
  --xyz-in-translate-y: 50px;
}

[xyz~="in-down-25%"] {
  --xyz-in-translate-y: 25%;
}

[xyz~="in-down-50%"] {
  --xyz-in-translate-y: 50%;
}

[xyz~="in-down-75%"] {
  --xyz-in-translate-y: 75%;
}

[xyz~="in-down-100%"] {
  --xyz-in-translate-y: 100%;
}

[xyz~=out-down] {
  --xyz-out-translate-y: var(--xyz-translate-default);
}

[xyz~=out-down-0] {
  --xyz-out-translate-y: 0px;
}

[xyz~=out-down-1] {
  --xyz-out-translate-y: 10px;
}

[xyz~=out-down-2] {
  --xyz-out-translate-y: 20px;
}

[xyz~=out-down-3] {
  --xyz-out-translate-y: 30px;
}

[xyz~=out-down-4] {
  --xyz-out-translate-y: 40px;
}

[xyz~=out-down-5] {
  --xyz-out-translate-y: 50px;
}

[xyz~="out-down-25%"] {
  --xyz-out-translate-y: 25%;
}

[xyz~="out-down-50%"] {
  --xyz-out-translate-y: 50%;
}

[xyz~="out-down-75%"] {
  --xyz-out-translate-y: 75%;
}

[xyz~="out-down-100%"] {
  --xyz-out-translate-y: 100%;
}

[xyz~=appear-down] {
  --xyz-appear-translate-y: var(--xyz-translate-default);
}

[xyz~=appear-down-0] {
  --xyz-appear-translate-y: 0px;
}

[xyz~=appear-down-1] {
  --xyz-appear-translate-y: 10px;
}

[xyz~=appear-down-2] {
  --xyz-appear-translate-y: 20px;
}

[xyz~=appear-down-3] {
  --xyz-appear-translate-y: 30px;
}

[xyz~=appear-down-4] {
  --xyz-appear-translate-y: 40px;
}

[xyz~=appear-down-5] {
  --xyz-appear-translate-y: 50px;
}

[xyz~="appear-down-25%"] {
  --xyz-appear-translate-y: 25%;
}

[xyz~="appear-down-50%"] {
  --xyz-appear-translate-y: 50%;
}

[xyz~="appear-down-75%"] {
  --xyz-appear-translate-y: 75%;
}

[xyz~="appear-down-100%"] {
  --xyz-appear-translate-y: 100%;
}

[xyz~=up] {
  --xyz-translate-y: calc(var(--xyz-translate-default)*-1);
}

[xyz~=up-0] {
  --xyz-translate-y: 0px;
}

[xyz~=up-1] {
  --xyz-translate-y: -10px;
}

[xyz~=up-2] {
  --xyz-translate-y: -20px;
}

[xyz~=up-3] {
  --xyz-translate-y: -30px;
}

[xyz~=up-4] {
  --xyz-translate-y: -40px;
}

[xyz~=up-5] {
  --xyz-translate-y: -50px;
}

[xyz~="up-25%"] {
  --xyz-translate-y: -25%;
}

[xyz~="up-50%"] {
  --xyz-translate-y: -50%;
}

[xyz~="up-75%"] {
  --xyz-translate-y: -75%;
}

[xyz~="up-100%"] {
  --xyz-translate-y: -100%;
}

[xyz~=in-up] {
  --xyz-in-translate-y: calc(var(--xyz-translate-default)*-1);
}

[xyz~=in-up-0] {
  --xyz-in-translate-y: 0px;
}

[xyz~=in-up-1] {
  --xyz-in-translate-y: -10px;
}

[xyz~=in-up-2] {
  --xyz-in-translate-y: -20px;
}

[xyz~=in-up-3] {
  --xyz-in-translate-y: -30px;
}

[xyz~=in-up-4] {
  --xyz-in-translate-y: -40px;
}

[xyz~=in-up-5] {
  --xyz-in-translate-y: -50px;
}

[xyz~="in-up-25%"] {
  --xyz-in-translate-y: -25%;
}

[xyz~="in-up-50%"] {
  --xyz-in-translate-y: -50%;
}

[xyz~="in-up-75%"] {
  --xyz-in-translate-y: -75%;
}

[xyz~="in-up-100%"] {
  --xyz-in-translate-y: -100%;
}

[xyz~=out-up] {
  --xyz-out-translate-y: calc(var(--xyz-translate-default)*-1);
}

[xyz~=out-up-0] {
  --xyz-out-translate-y: 0px;
}

[xyz~=out-up-1] {
  --xyz-out-translate-y: -10px;
}

[xyz~=out-up-2] {
  --xyz-out-translate-y: -20px;
}

[xyz~=out-up-3] {
  --xyz-out-translate-y: -30px;
}

[xyz~=out-up-4] {
  --xyz-out-translate-y: -40px;
}

[xyz~=out-up-5] {
  --xyz-out-translate-y: -50px;
}

[xyz~="out-up-25%"] {
  --xyz-out-translate-y: -25%;
}

[xyz~="out-up-50%"] {
  --xyz-out-translate-y: -50%;
}

[xyz~="out-up-75%"] {
  --xyz-out-translate-y: -75%;
}

[xyz~="out-up-100%"] {
  --xyz-out-translate-y: -100%;
}

[xyz~=appear-up] {
  --xyz-appear-translate-y: calc(var(--xyz-translate-default)*-1);
}

[xyz~=appear-up-0] {
  --xyz-appear-translate-y: 0px;
}

[xyz~=appear-up-1] {
  --xyz-appear-translate-y: -10px;
}

[xyz~=appear-up-2] {
  --xyz-appear-translate-y: -20px;
}

[xyz~=appear-up-3] {
  --xyz-appear-translate-y: -30px;
}

[xyz~=appear-up-4] {
  --xyz-appear-translate-y: -40px;
}

[xyz~=appear-up-5] {
  --xyz-appear-translate-y: -50px;
}

[xyz~="appear-up-25%"] {
  --xyz-appear-translate-y: -25%;
}

[xyz~="appear-up-50%"] {
  --xyz-appear-translate-y: -50%;
}

[xyz~="appear-up-75%"] {
  --xyz-appear-translate-y: -75%;
}

[xyz~="appear-up-100%"] {
  --xyz-appear-translate-y: -100%;
}

[xyz~=front] {
  --xyz-translate-z: var(--xyz-translate-z-default);
}

[xyz~=front-0] {
  --xyz-translate-z: 0px;
}

[xyz~=front-1] {
  --xyz-translate-z: 100px;
}

[xyz~=front-2] {
  --xyz-translate-z: 200px;
}

[xyz~=front-3] {
  --xyz-translate-z: 300px;
}

[xyz~=front-4] {
  --xyz-translate-z: 400px;
}

[xyz~=front-5] {
  --xyz-translate-z: 500px;
}

[xyz~=in-front] {
  --xyz-in-translate-z: var(--xyz-translate-z-default);
}

[xyz~=in-front-0] {
  --xyz-in-translate-z: 0px;
}

[xyz~=in-front-1] {
  --xyz-in-translate-z: 100px;
}

[xyz~=in-front-2] {
  --xyz-in-translate-z: 200px;
}

[xyz~=in-front-3] {
  --xyz-in-translate-z: 300px;
}

[xyz~=in-front-4] {
  --xyz-in-translate-z: 400px;
}

[xyz~=in-front-5] {
  --xyz-in-translate-z: 500px;
}

[xyz~=out-front] {
  --xyz-out-translate-z: var(--xyz-translate-z-default);
}

[xyz~=out-front-0] {
  --xyz-out-translate-z: 0px;
}

[xyz~=out-front-1] {
  --xyz-out-translate-z: 100px;
}

[xyz~=out-front-2] {
  --xyz-out-translate-z: 200px;
}

[xyz~=out-front-3] {
  --xyz-out-translate-z: 300px;
}

[xyz~=out-front-4] {
  --xyz-out-translate-z: 400px;
}

[xyz~=out-front-5] {
  --xyz-out-translate-z: 500px;
}

[xyz~=appear-front] {
  --xyz-appear-translate-z: var(--xyz-translate-z-default);
}

[xyz~=appear-front-0] {
  --xyz-appear-translate-z: 0px;
}

[xyz~=appear-front-1] {
  --xyz-appear-translate-z: 100px;
}

[xyz~=appear-front-2] {
  --xyz-appear-translate-z: 200px;
}

[xyz~=appear-front-3] {
  --xyz-appear-translate-z: 300px;
}

[xyz~=appear-front-4] {
  --xyz-appear-translate-z: 400px;
}

[xyz~=appear-front-5] {
  --xyz-appear-translate-z: 500px;
}

[xyz~=back] {
  --xyz-translate-z: calc(var(--xyz-translate-z-default)*-1);
}

[xyz~=back-0] {
  --xyz-translate-z: 0px;
}

[xyz~=back-1] {
  --xyz-translate-z: -100px;
}

[xyz~=back-2] {
  --xyz-translate-z: -200px;
}

[xyz~=back-3] {
  --xyz-translate-z: -300px;
}

[xyz~=back-4] {
  --xyz-translate-z: -400px;
}

[xyz~=back-5] {
  --xyz-translate-z: -500px;
}

[xyz~=in-back] {
  --xyz-in-translate-z: calc(var(--xyz-translate-z-default)*-1);
}

[xyz~=in-back-0] {
  --xyz-in-translate-z: 0px;
}

[xyz~=in-back-1] {
  --xyz-in-translate-z: -100px;
}

[xyz~=in-back-2] {
  --xyz-in-translate-z: -200px;
}

[xyz~=in-back-3] {
  --xyz-in-translate-z: -300px;
}

[xyz~=in-back-4] {
  --xyz-in-translate-z: -400px;
}

[xyz~=in-back-5] {
  --xyz-in-translate-z: -500px;
}

[xyz~=out-back] {
  --xyz-out-translate-z: calc(var(--xyz-translate-z-default)*-1);
}

[xyz~=out-back-0] {
  --xyz-out-translate-z: 0px;
}

[xyz~=out-back-1] {
  --xyz-out-translate-z: -100px;
}

[xyz~=out-back-2] {
  --xyz-out-translate-z: -200px;
}

[xyz~=out-back-3] {
  --xyz-out-translate-z: -300px;
}

[xyz~=out-back-4] {
  --xyz-out-translate-z: -400px;
}

[xyz~=out-back-5] {
  --xyz-out-translate-z: -500px;
}

[xyz~=appear-back] {
  --xyz-appear-translate-z: calc(var(--xyz-translate-z-default)*-1);
}

[xyz~=appear-back-0] {
  --xyz-appear-translate-z: 0px;
}

[xyz~=appear-back-1] {
  --xyz-appear-translate-z: -100px;
}

[xyz~=appear-back-2] {
  --xyz-appear-translate-z: -200px;
}

[xyz~=appear-back-3] {
  --xyz-appear-translate-z: -300px;
}

[xyz~=appear-back-4] {
  --xyz-appear-translate-z: -400px;
}

[xyz~=appear-back-5] {
  --xyz-appear-translate-z: -500px;
}

[xyz~=flip-up] {
  --xyz-rotate-x: var(--xyz-rotate-default);
}

[xyz~=flip-up-0] {
  --xyz-rotate-x: 0deg;
}

[xyz~=flip-up-1] {
  --xyz-rotate-x: 10deg;
}

[xyz~=flip-up-2] {
  --xyz-rotate-x: 20deg;
}

[xyz~=flip-up-3] {
  --xyz-rotate-x: 30deg;
}

[xyz~=flip-up-4] {
  --xyz-rotate-x: 40deg;
}

[xyz~=flip-up-5] {
  --xyz-rotate-x: 50deg;
}

[xyz~="flip-up-25%"] {
  --xyz-rotate-x: 0.25turn;
}

[xyz~="flip-up-50%"] {
  --xyz-rotate-x: 0.5turn;
}

[xyz~="flip-up-75%"] {
  --xyz-rotate-x: 0.75turn;
}

[xyz~="flip-up-100%"] {
  --xyz-rotate-x: 1turn;
}

[xyz~=in-flip-up] {
  --xyz-in-rotate-x: var(--xyz-rotate-default);
}

[xyz~=in-flip-up-0] {
  --xyz-in-rotate-x: 0deg;
}

[xyz~=in-flip-up-1] {
  --xyz-in-rotate-x: 10deg;
}

[xyz~=in-flip-up-2] {
  --xyz-in-rotate-x: 20deg;
}

[xyz~=in-flip-up-3] {
  --xyz-in-rotate-x: 30deg;
}

[xyz~=in-flip-up-4] {
  --xyz-in-rotate-x: 40deg;
}

[xyz~=in-flip-up-5] {
  --xyz-in-rotate-x: 50deg;
}

[xyz~="in-flip-up-25%"] {
  --xyz-in-rotate-x: 0.25turn;
}

[xyz~="in-flip-up-50%"] {
  --xyz-in-rotate-x: 0.5turn;
}

[xyz~="in-flip-up-75%"] {
  --xyz-in-rotate-x: 0.75turn;
}

[xyz~="in-flip-up-100%"] {
  --xyz-in-rotate-x: 1turn;
}

[xyz~=out-flip-up] {
  --xyz-out-rotate-x: var(--xyz-rotate-default);
}

[xyz~=out-flip-up-0] {
  --xyz-out-rotate-x: 0deg;
}

[xyz~=out-flip-up-1] {
  --xyz-out-rotate-x: 10deg;
}

[xyz~=out-flip-up-2] {
  --xyz-out-rotate-x: 20deg;
}

[xyz~=out-flip-up-3] {
  --xyz-out-rotate-x: 30deg;
}

[xyz~=out-flip-up-4] {
  --xyz-out-rotate-x: 40deg;
}

[xyz~=out-flip-up-5] {
  --xyz-out-rotate-x: 50deg;
}

[xyz~="out-flip-up-25%"] {
  --xyz-out-rotate-x: 0.25turn;
}

[xyz~="out-flip-up-50%"] {
  --xyz-out-rotate-x: 0.5turn;
}

[xyz~="out-flip-up-75%"] {
  --xyz-out-rotate-x: 0.75turn;
}

[xyz~="out-flip-up-100%"] {
  --xyz-out-rotate-x: 1turn;
}

[xyz~=appear-flip-up] {
  --xyz-appear-rotate-x: var(--xyz-rotate-default);
}

[xyz~=appear-flip-up-0] {
  --xyz-appear-rotate-x: 0deg;
}

[xyz~=appear-flip-up-1] {
  --xyz-appear-rotate-x: 10deg;
}

[xyz~=appear-flip-up-2] {
  --xyz-appear-rotate-x: 20deg;
}

[xyz~=appear-flip-up-3] {
  --xyz-appear-rotate-x: 30deg;
}

[xyz~=appear-flip-up-4] {
  --xyz-appear-rotate-x: 40deg;
}

[xyz~=appear-flip-up-5] {
  --xyz-appear-rotate-x: 50deg;
}

[xyz~="appear-flip-up-25%"] {
  --xyz-appear-rotate-x: 0.25turn;
}

[xyz~="appear-flip-up-50%"] {
  --xyz-appear-rotate-x: 0.5turn;
}

[xyz~="appear-flip-up-75%"] {
  --xyz-appear-rotate-x: 0.75turn;
}

[xyz~="appear-flip-up-100%"] {
  --xyz-appear-rotate-x: 1turn;
}

[xyz~=flip-down] {
  --xyz-rotate-x: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=flip-down-0] {
  --xyz-rotate-x: 0deg;
}

[xyz~=flip-down-1] {
  --xyz-rotate-x: -10deg;
}

[xyz~=flip-down-2] {
  --xyz-rotate-x: -20deg;
}

[xyz~=flip-down-3] {
  --xyz-rotate-x: -30deg;
}

[xyz~=flip-down-4] {
  --xyz-rotate-x: -40deg;
}

[xyz~=flip-down-5] {
  --xyz-rotate-x: -50deg;
}

[xyz~="flip-down-25%"] {
  --xyz-rotate-x: -0.25turn;
}

[xyz~="flip-down-50%"] {
  --xyz-rotate-x: -0.5turn;
}

[xyz~="flip-down-75%"] {
  --xyz-rotate-x: -0.75turn;
}

[xyz~="flip-down-100%"] {
  --xyz-rotate-x: -1turn;
}

[xyz~=in-flip-down] {
  --xyz-in-rotate-x: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=in-flip-down-0] {
  --xyz-in-rotate-x: 0deg;
}

[xyz~=in-flip-down-1] {
  --xyz-in-rotate-x: -10deg;
}

[xyz~=in-flip-down-2] {
  --xyz-in-rotate-x: -20deg;
}

[xyz~=in-flip-down-3] {
  --xyz-in-rotate-x: -30deg;
}

[xyz~=in-flip-down-4] {
  --xyz-in-rotate-x: -40deg;
}

[xyz~=in-flip-down-5] {
  --xyz-in-rotate-x: -50deg;
}

[xyz~="in-flip-down-25%"] {
  --xyz-in-rotate-x: -0.25turn;
}

[xyz~="in-flip-down-50%"] {
  --xyz-in-rotate-x: -0.5turn;
}

[xyz~="in-flip-down-75%"] {
  --xyz-in-rotate-x: -0.75turn;
}

[xyz~="in-flip-down-100%"] {
  --xyz-in-rotate-x: -1turn;
}

[xyz~=out-flip-down] {
  --xyz-out-rotate-x: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=out-flip-down-0] {
  --xyz-out-rotate-x: 0deg;
}

[xyz~=out-flip-down-1] {
  --xyz-out-rotate-x: -10deg;
}

[xyz~=out-flip-down-2] {
  --xyz-out-rotate-x: -20deg;
}

[xyz~=out-flip-down-3] {
  --xyz-out-rotate-x: -30deg;
}

[xyz~=out-flip-down-4] {
  --xyz-out-rotate-x: -40deg;
}

[xyz~=out-flip-down-5] {
  --xyz-out-rotate-x: -50deg;
}

[xyz~="out-flip-down-25%"] {
  --xyz-out-rotate-x: -0.25turn;
}

[xyz~="out-flip-down-50%"] {
  --xyz-out-rotate-x: -0.5turn;
}

[xyz~="out-flip-down-75%"] {
  --xyz-out-rotate-x: -0.75turn;
}

[xyz~="out-flip-down-100%"] {
  --xyz-out-rotate-x: -1turn;
}

[xyz~=appear-flip-down] {
  --xyz-appear-rotate-x: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=appear-flip-down-0] {
  --xyz-appear-rotate-x: 0deg;
}

[xyz~=appear-flip-down-1] {
  --xyz-appear-rotate-x: -10deg;
}

[xyz~=appear-flip-down-2] {
  --xyz-appear-rotate-x: -20deg;
}

[xyz~=appear-flip-down-3] {
  --xyz-appear-rotate-x: -30deg;
}

[xyz~=appear-flip-down-4] {
  --xyz-appear-rotate-x: -40deg;
}

[xyz~=appear-flip-down-5] {
  --xyz-appear-rotate-x: -50deg;
}

[xyz~="appear-flip-down-25%"] {
  --xyz-appear-rotate-x: -0.25turn;
}

[xyz~="appear-flip-down-50%"] {
  --xyz-appear-rotate-x: -0.5turn;
}

[xyz~="appear-flip-down-75%"] {
  --xyz-appear-rotate-x: -0.75turn;
}

[xyz~="appear-flip-down-100%"] {
  --xyz-appear-rotate-x: -1turn;
}

[xyz~=flip-right] {
  --xyz-rotate-y: var(--xyz-rotate-default);
}

[xyz~=flip-right-0] {
  --xyz-rotate-y: 0deg;
}

[xyz~=flip-right-1] {
  --xyz-rotate-y: 10deg;
}

[xyz~=flip-right-2] {
  --xyz-rotate-y: 20deg;
}

[xyz~=flip-right-3] {
  --xyz-rotate-y: 30deg;
}

[xyz~=flip-right-4] {
  --xyz-rotate-y: 40deg;
}

[xyz~=flip-right-5] {
  --xyz-rotate-y: 50deg;
}

[xyz~="flip-right-25%"] {
  --xyz-rotate-y: 0.25turn;
}

[xyz~="flip-right-50%"] {
  --xyz-rotate-y: 0.5turn;
}

[xyz~="flip-right-75%"] {
  --xyz-rotate-y: 0.75turn;
}

[xyz~="flip-right-100%"] {
  --xyz-rotate-y: 1turn;
}

[xyz~=in-flip-right] {
  --xyz-in-rotate-y: var(--xyz-rotate-default);
}

[xyz~=in-flip-right-0] {
  --xyz-in-rotate-y: 0deg;
}

[xyz~=in-flip-right-1] {
  --xyz-in-rotate-y: 10deg;
}

[xyz~=in-flip-right-2] {
  --xyz-in-rotate-y: 20deg;
}

[xyz~=in-flip-right-3] {
  --xyz-in-rotate-y: 30deg;
}

[xyz~=in-flip-right-4] {
  --xyz-in-rotate-y: 40deg;
}

[xyz~=in-flip-right-5] {
  --xyz-in-rotate-y: 50deg;
}

[xyz~="in-flip-right-25%"] {
  --xyz-in-rotate-y: 0.25turn;
}

[xyz~="in-flip-right-50%"] {
  --xyz-in-rotate-y: 0.5turn;
}

[xyz~="in-flip-right-75%"] {
  --xyz-in-rotate-y: 0.75turn;
}

[xyz~="in-flip-right-100%"] {
  --xyz-in-rotate-y: 1turn;
}

[xyz~=out-flip-right] {
  --xyz-out-rotate-y: var(--xyz-rotate-default);
}

[xyz~=out-flip-right-0] {
  --xyz-out-rotate-y: 0deg;
}

[xyz~=out-flip-right-1] {
  --xyz-out-rotate-y: 10deg;
}

[xyz~=out-flip-right-2] {
  --xyz-out-rotate-y: 20deg;
}

[xyz~=out-flip-right-3] {
  --xyz-out-rotate-y: 30deg;
}

[xyz~=out-flip-right-4] {
  --xyz-out-rotate-y: 40deg;
}

[xyz~=out-flip-right-5] {
  --xyz-out-rotate-y: 50deg;
}

[xyz~="out-flip-right-25%"] {
  --xyz-out-rotate-y: 0.25turn;
}

[xyz~="out-flip-right-50%"] {
  --xyz-out-rotate-y: 0.5turn;
}

[xyz~="out-flip-right-75%"] {
  --xyz-out-rotate-y: 0.75turn;
}

[xyz~="out-flip-right-100%"] {
  --xyz-out-rotate-y: 1turn;
}

[xyz~=appear-flip-right] {
  --xyz-appear-rotate-y: var(--xyz-rotate-default);
}

[xyz~=appear-flip-right-0] {
  --xyz-appear-rotate-y: 0deg;
}

[xyz~=appear-flip-right-1] {
  --xyz-appear-rotate-y: 10deg;
}

[xyz~=appear-flip-right-2] {
  --xyz-appear-rotate-y: 20deg;
}

[xyz~=appear-flip-right-3] {
  --xyz-appear-rotate-y: 30deg;
}

[xyz~=appear-flip-right-4] {
  --xyz-appear-rotate-y: 40deg;
}

[xyz~=appear-flip-right-5] {
  --xyz-appear-rotate-y: 50deg;
}

[xyz~="appear-flip-right-25%"] {
  --xyz-appear-rotate-y: 0.25turn;
}

[xyz~="appear-flip-right-50%"] {
  --xyz-appear-rotate-y: 0.5turn;
}

[xyz~="appear-flip-right-75%"] {
  --xyz-appear-rotate-y: 0.75turn;
}

[xyz~="appear-flip-right-100%"] {
  --xyz-appear-rotate-y: 1turn;
}

[xyz~=flip-left] {
  --xyz-rotate-y: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=flip-left-0] {
  --xyz-rotate-y: 0deg;
}

[xyz~=flip-left-1] {
  --xyz-rotate-y: -10deg;
}

[xyz~=flip-left-2] {
  --xyz-rotate-y: -20deg;
}

[xyz~=flip-left-3] {
  --xyz-rotate-y: -30deg;
}

[xyz~=flip-left-4] {
  --xyz-rotate-y: -40deg;
}

[xyz~=flip-left-5] {
  --xyz-rotate-y: -50deg;
}

[xyz~="flip-left-25%"] {
  --xyz-rotate-y: -0.25turn;
}

[xyz~="flip-left-50%"] {
  --xyz-rotate-y: -0.5turn;
}

[xyz~="flip-left-75%"] {
  --xyz-rotate-y: -0.75turn;
}

[xyz~="flip-left-100%"] {
  --xyz-rotate-y: -1turn;
}

[xyz~=in-flip-left] {
  --xyz-in-rotate-y: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=in-flip-left-0] {
  --xyz-in-rotate-y: 0deg;
}

[xyz~=in-flip-left-1] {
  --xyz-in-rotate-y: -10deg;
}

[xyz~=in-flip-left-2] {
  --xyz-in-rotate-y: -20deg;
}

[xyz~=in-flip-left-3] {
  --xyz-in-rotate-y: -30deg;
}

[xyz~=in-flip-left-4] {
  --xyz-in-rotate-y: -40deg;
}

[xyz~=in-flip-left-5] {
  --xyz-in-rotate-y: -50deg;
}

[xyz~="in-flip-left-25%"] {
  --xyz-in-rotate-y: -0.25turn;
}

[xyz~="in-flip-left-50%"] {
  --xyz-in-rotate-y: -0.5turn;
}

[xyz~="in-flip-left-75%"] {
  --xyz-in-rotate-y: -0.75turn;
}

[xyz~="in-flip-left-100%"] {
  --xyz-in-rotate-y: -1turn;
}

[xyz~=out-flip-left] {
  --xyz-out-rotate-y: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=out-flip-left-0] {
  --xyz-out-rotate-y: 0deg;
}

[xyz~=out-flip-left-1] {
  --xyz-out-rotate-y: -10deg;
}

[xyz~=out-flip-left-2] {
  --xyz-out-rotate-y: -20deg;
}

[xyz~=out-flip-left-3] {
  --xyz-out-rotate-y: -30deg;
}

[xyz~=out-flip-left-4] {
  --xyz-out-rotate-y: -40deg;
}

[xyz~=out-flip-left-5] {
  --xyz-out-rotate-y: -50deg;
}

[xyz~="out-flip-left-25%"] {
  --xyz-out-rotate-y: -0.25turn;
}

[xyz~="out-flip-left-50%"] {
  --xyz-out-rotate-y: -0.5turn;
}

[xyz~="out-flip-left-75%"] {
  --xyz-out-rotate-y: -0.75turn;
}

[xyz~="out-flip-left-100%"] {
  --xyz-out-rotate-y: -1turn;
}

[xyz~=appear-flip-left] {
  --xyz-appear-rotate-y: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=appear-flip-left-0] {
  --xyz-appear-rotate-y: 0deg;
}

[xyz~=appear-flip-left-1] {
  --xyz-appear-rotate-y: -10deg;
}

[xyz~=appear-flip-left-2] {
  --xyz-appear-rotate-y: -20deg;
}

[xyz~=appear-flip-left-3] {
  --xyz-appear-rotate-y: -30deg;
}

[xyz~=appear-flip-left-4] {
  --xyz-appear-rotate-y: -40deg;
}

[xyz~=appear-flip-left-5] {
  --xyz-appear-rotate-y: -50deg;
}

[xyz~="appear-flip-left-25%"] {
  --xyz-appear-rotate-y: -0.25turn;
}

[xyz~="appear-flip-left-50%"] {
  --xyz-appear-rotate-y: -0.5turn;
}

[xyz~="appear-flip-left-75%"] {
  --xyz-appear-rotate-y: -0.75turn;
}

[xyz~="appear-flip-left-100%"] {
  --xyz-appear-rotate-y: -1turn;
}

[xyz~=rotate-right] {
  --xyz-rotate-z: var(--xyz-rotate-default);
}

[xyz~=rotate-right-0] {
  --xyz-rotate-z: 0deg;
}

[xyz~=rotate-right-1] {
  --xyz-rotate-z: 10deg;
}

[xyz~=rotate-right-2] {
  --xyz-rotate-z: 20deg;
}

[xyz~=rotate-right-3] {
  --xyz-rotate-z: 30deg;
}

[xyz~=rotate-right-4] {
  --xyz-rotate-z: 40deg;
}

[xyz~=rotate-right-5] {
  --xyz-rotate-z: 50deg;
}

[xyz~="rotate-right-25%"] {
  --xyz-rotate-z: 0.25turn;
}

[xyz~="rotate-right-50%"] {
  --xyz-rotate-z: 0.5turn;
}

[xyz~="rotate-right-75%"] {
  --xyz-rotate-z: 0.75turn;
}

[xyz~="rotate-right-100%"] {
  --xyz-rotate-z: 1turn;
}

[xyz~=in-rotate-right] {
  --xyz-in-rotate-z: var(--xyz-rotate-default);
}

[xyz~=in-rotate-right-0] {
  --xyz-in-rotate-z: 0deg;
}

[xyz~=in-rotate-right-1] {
  --xyz-in-rotate-z: 10deg;
}

[xyz~=in-rotate-right-2] {
  --xyz-in-rotate-z: 20deg;
}

[xyz~=in-rotate-right-3] {
  --xyz-in-rotate-z: 30deg;
}

[xyz~=in-rotate-right-4] {
  --xyz-in-rotate-z: 40deg;
}

[xyz~=in-rotate-right-5] {
  --xyz-in-rotate-z: 50deg;
}

[xyz~="in-rotate-right-25%"] {
  --xyz-in-rotate-z: 0.25turn;
}

[xyz~="in-rotate-right-50%"] {
  --xyz-in-rotate-z: 0.5turn;
}

[xyz~="in-rotate-right-75%"] {
  --xyz-in-rotate-z: 0.75turn;
}

[xyz~="in-rotate-right-100%"] {
  --xyz-in-rotate-z: 1turn;
}

[xyz~=out-rotate-right] {
  --xyz-out-rotate-z: var(--xyz-rotate-default);
}

[xyz~=out-rotate-right-0] {
  --xyz-out-rotate-z: 0deg;
}

[xyz~=out-rotate-right-1] {
  --xyz-out-rotate-z: 10deg;
}

[xyz~=out-rotate-right-2] {
  --xyz-out-rotate-z: 20deg;
}

[xyz~=out-rotate-right-3] {
  --xyz-out-rotate-z: 30deg;
}

[xyz~=out-rotate-right-4] {
  --xyz-out-rotate-z: 40deg;
}

[xyz~=out-rotate-right-5] {
  --xyz-out-rotate-z: 50deg;
}

[xyz~="out-rotate-right-25%"] {
  --xyz-out-rotate-z: 0.25turn;
}

[xyz~="out-rotate-right-50%"] {
  --xyz-out-rotate-z: 0.5turn;
}

[xyz~="out-rotate-right-75%"] {
  --xyz-out-rotate-z: 0.75turn;
}

[xyz~="out-rotate-right-100%"] {
  --xyz-out-rotate-z: 1turn;
}

[xyz~=appear-rotate-right] {
  --xyz-appear-rotate-z: var(--xyz-rotate-default);
}

[xyz~=appear-rotate-right-0] {
  --xyz-appear-rotate-z: 0deg;
}

[xyz~=appear-rotate-right-1] {
  --xyz-appear-rotate-z: 10deg;
}

[xyz~=appear-rotate-right-2] {
  --xyz-appear-rotate-z: 20deg;
}

[xyz~=appear-rotate-right-3] {
  --xyz-appear-rotate-z: 30deg;
}

[xyz~=appear-rotate-right-4] {
  --xyz-appear-rotate-z: 40deg;
}

[xyz~=appear-rotate-right-5] {
  --xyz-appear-rotate-z: 50deg;
}

[xyz~="appear-rotate-right-25%"] {
  --xyz-appear-rotate-z: 0.25turn;
}

[xyz~="appear-rotate-right-50%"] {
  --xyz-appear-rotate-z: 0.5turn;
}

[xyz~="appear-rotate-right-75%"] {
  --xyz-appear-rotate-z: 0.75turn;
}

[xyz~="appear-rotate-right-100%"] {
  --xyz-appear-rotate-z: 1turn;
}

[xyz~=rotate-left] {
  --xyz-rotate-z: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=rotate-left-0] {
  --xyz-rotate-z: 0deg;
}

[xyz~=rotate-left-1] {
  --xyz-rotate-z: -10deg;
}

[xyz~=rotate-left-2] {
  --xyz-rotate-z: -20deg;
}

[xyz~=rotate-left-3] {
  --xyz-rotate-z: -30deg;
}

[xyz~=rotate-left-4] {
  --xyz-rotate-z: -40deg;
}

[xyz~=rotate-left-5] {
  --xyz-rotate-z: -50deg;
}

[xyz~="rotate-left-25%"] {
  --xyz-rotate-z: -0.25turn;
}

[xyz~="rotate-left-50%"] {
  --xyz-rotate-z: -0.5turn;
}

[xyz~="rotate-left-75%"] {
  --xyz-rotate-z: -0.75turn;
}

[xyz~="rotate-left-100%"] {
  --xyz-rotate-z: -1turn;
}

[xyz~=in-rotate-left] {
  --xyz-in-rotate-z: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=in-rotate-left-0] {
  --xyz-in-rotate-z: 0deg;
}

[xyz~=in-rotate-left-1] {
  --xyz-in-rotate-z: -10deg;
}

[xyz~=in-rotate-left-2] {
  --xyz-in-rotate-z: -20deg;
}

[xyz~=in-rotate-left-3] {
  --xyz-in-rotate-z: -30deg;
}

[xyz~=in-rotate-left-4] {
  --xyz-in-rotate-z: -40deg;
}

[xyz~=in-rotate-left-5] {
  --xyz-in-rotate-z: -50deg;
}

[xyz~="in-rotate-left-25%"] {
  --xyz-in-rotate-z: -0.25turn;
}

[xyz~="in-rotate-left-50%"] {
  --xyz-in-rotate-z: -0.5turn;
}

[xyz~="in-rotate-left-75%"] {
  --xyz-in-rotate-z: -0.75turn;
}

[xyz~="in-rotate-left-100%"] {
  --xyz-in-rotate-z: -1turn;
}

[xyz~=out-rotate-left] {
  --xyz-out-rotate-z: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=out-rotate-left-0] {
  --xyz-out-rotate-z: 0deg;
}

[xyz~=out-rotate-left-1] {
  --xyz-out-rotate-z: -10deg;
}

[xyz~=out-rotate-left-2] {
  --xyz-out-rotate-z: -20deg;
}

[xyz~=out-rotate-left-3] {
  --xyz-out-rotate-z: -30deg;
}

[xyz~=out-rotate-left-4] {
  --xyz-out-rotate-z: -40deg;
}

[xyz~=out-rotate-left-5] {
  --xyz-out-rotate-z: -50deg;
}

[xyz~="out-rotate-left-25%"] {
  --xyz-out-rotate-z: -0.25turn;
}

[xyz~="out-rotate-left-50%"] {
  --xyz-out-rotate-z: -0.5turn;
}

[xyz~="out-rotate-left-75%"] {
  --xyz-out-rotate-z: -0.75turn;
}

[xyz~="out-rotate-left-100%"] {
  --xyz-out-rotate-z: -1turn;
}

[xyz~=appear-rotate-left] {
  --xyz-appear-rotate-z: calc(var(--xyz-rotate-default)*-1);
}

[xyz~=appear-rotate-left-0] {
  --xyz-appear-rotate-z: 0deg;
}

[xyz~=appear-rotate-left-1] {
  --xyz-appear-rotate-z: -10deg;
}

[xyz~=appear-rotate-left-2] {
  --xyz-appear-rotate-z: -20deg;
}

[xyz~=appear-rotate-left-3] {
  --xyz-appear-rotate-z: -30deg;
}

[xyz~=appear-rotate-left-4] {
  --xyz-appear-rotate-z: -40deg;
}

[xyz~=appear-rotate-left-5] {
  --xyz-appear-rotate-z: -50deg;
}

[xyz~="appear-rotate-left-25%"] {
  --xyz-appear-rotate-z: -0.25turn;
}

[xyz~="appear-rotate-left-50%"] {
  --xyz-appear-rotate-z: -0.5turn;
}

[xyz~="appear-rotate-left-75%"] {
  --xyz-appear-rotate-z: -0.75turn;
}

[xyz~="appear-rotate-left-100%"] {
  --xyz-appear-rotate-z: -1turn;
}

[xyz~=small] {
  --xyz-scale-x: calc(1 - var(--xyz-scale-default));
  --xyz-scale-y: calc(1 - var(--xyz-scale-default));
  --xyz-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=small-0] {
  --xyz-scale-x: 1;
  --xyz-scale-y: 1;
  --xyz-scale-z: 1;
}

[xyz~=small-1] {
  --xyz-scale-x: 0.975;
  --xyz-scale-y: 0.975;
  --xyz-scale-z: 0.975;
}

[xyz~=small-2] {
  --xyz-scale-x: 0.95;
  --xyz-scale-y: 0.95;
  --xyz-scale-z: 0.95;
}

[xyz~=small-3] {
  --xyz-scale-x: 0.925;
  --xyz-scale-y: 0.925;
  --xyz-scale-z: 0.925;
}

[xyz~=small-4] {
  --xyz-scale-x: 0.9;
  --xyz-scale-y: 0.9;
  --xyz-scale-z: 0.9;
}

[xyz~=small-5] {
  --xyz-scale-x: 0.875;
  --xyz-scale-y: 0.875;
  --xyz-scale-z: 0.875;
}

[xyz~="small-25%"] {
  --xyz-scale-x: 0.75;
  --xyz-scale-y: 0.75;
  --xyz-scale-z: 0.75;
}

[xyz~="small-50%"] {
  --xyz-scale-x: 0.5;
  --xyz-scale-y: 0.5;
  --xyz-scale-z: 0.5;
}

[xyz~="small-75%"] {
  --xyz-scale-x: 0.25;
  --xyz-scale-y: 0.25;
  --xyz-scale-z: 0.25;
}

[xyz~="small-100%"] {
  --xyz-scale-x: 0;
  --xyz-scale-y: 0;
  --xyz-scale-z: 0;
}

[xyz~=in-small] {
  --xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
  --xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
  --xyz-in-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=in-small-0] {
  --xyz-in-scale-x: 1;
  --xyz-in-scale-y: 1;
  --xyz-in-scale-z: 1;
}

[xyz~=in-small-1] {
  --xyz-in-scale-x: 0.975;
  --xyz-in-scale-y: 0.975;
  --xyz-in-scale-z: 0.975;
}

[xyz~=in-small-2] {
  --xyz-in-scale-x: 0.95;
  --xyz-in-scale-y: 0.95;
  --xyz-in-scale-z: 0.95;
}

[xyz~=in-small-3] {
  --xyz-in-scale-x: 0.925;
  --xyz-in-scale-y: 0.925;
  --xyz-in-scale-z: 0.925;
}

[xyz~=in-small-4] {
  --xyz-in-scale-x: 0.9;
  --xyz-in-scale-y: 0.9;
  --xyz-in-scale-z: 0.9;
}

[xyz~=in-small-5] {
  --xyz-in-scale-x: 0.875;
  --xyz-in-scale-y: 0.875;
  --xyz-in-scale-z: 0.875;
}

[xyz~="in-small-25%"] {
  --xyz-in-scale-x: 0.75;
  --xyz-in-scale-y: 0.75;
  --xyz-in-scale-z: 0.75;
}

[xyz~="in-small-50%"] {
  --xyz-in-scale-x: 0.5;
  --xyz-in-scale-y: 0.5;
  --xyz-in-scale-z: 0.5;
}

[xyz~="in-small-75%"] {
  --xyz-in-scale-x: 0.25;
  --xyz-in-scale-y: 0.25;
  --xyz-in-scale-z: 0.25;
}

[xyz~="in-small-100%"] {
  --xyz-in-scale-x: 0;
  --xyz-in-scale-y: 0;
  --xyz-in-scale-z: 0;
}

[xyz~=out-small] {
  --xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
  --xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
  --xyz-out-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=out-small-0] {
  --xyz-out-scale-x: 1;
  --xyz-out-scale-y: 1;
  --xyz-out-scale-z: 1;
}

[xyz~=out-small-1] {
  --xyz-out-scale-x: 0.975;
  --xyz-out-scale-y: 0.975;
  --xyz-out-scale-z: 0.975;
}

[xyz~=out-small-2] {
  --xyz-out-scale-x: 0.95;
  --xyz-out-scale-y: 0.95;
  --xyz-out-scale-z: 0.95;
}

[xyz~=out-small-3] {
  --xyz-out-scale-x: 0.925;
  --xyz-out-scale-y: 0.925;
  --xyz-out-scale-z: 0.925;
}

[xyz~=out-small-4] {
  --xyz-out-scale-x: 0.9;
  --xyz-out-scale-y: 0.9;
  --xyz-out-scale-z: 0.9;
}

[xyz~=out-small-5] {
  --xyz-out-scale-x: 0.875;
  --xyz-out-scale-y: 0.875;
  --xyz-out-scale-z: 0.875;
}

[xyz~="out-small-25%"] {
  --xyz-out-scale-x: 0.75;
  --xyz-out-scale-y: 0.75;
  --xyz-out-scale-z: 0.75;
}

[xyz~="out-small-50%"] {
  --xyz-out-scale-x: 0.5;
  --xyz-out-scale-y: 0.5;
  --xyz-out-scale-z: 0.5;
}

[xyz~="out-small-75%"] {
  --xyz-out-scale-x: 0.25;
  --xyz-out-scale-y: 0.25;
  --xyz-out-scale-z: 0.25;
}

[xyz~="out-small-100%"] {
  --xyz-out-scale-x: 0;
  --xyz-out-scale-y: 0;
  --xyz-out-scale-z: 0;
}

[xyz~=appear-small] {
  --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
  --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
  --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=appear-small-0] {
  --xyz-appear-scale-x: 1;
  --xyz-appear-scale-y: 1;
  --xyz-appear-scale-z: 1;
}

[xyz~=appear-small-1] {
  --xyz-appear-scale-x: 0.975;
  --xyz-appear-scale-y: 0.975;
  --xyz-appear-scale-z: 0.975;
}

[xyz~=appear-small-2] {
  --xyz-appear-scale-x: 0.95;
  --xyz-appear-scale-y: 0.95;
  --xyz-appear-scale-z: 0.95;
}

[xyz~=appear-small-3] {
  --xyz-appear-scale-x: 0.925;
  --xyz-appear-scale-y: 0.925;
  --xyz-appear-scale-z: 0.925;
}

[xyz~=appear-small-4] {
  --xyz-appear-scale-x: 0.9;
  --xyz-appear-scale-y: 0.9;
  --xyz-appear-scale-z: 0.9;
}

[xyz~=appear-small-5] {
  --xyz-appear-scale-x: 0.875;
  --xyz-appear-scale-y: 0.875;
  --xyz-appear-scale-z: 0.875;
}

[xyz~="appear-small-25%"] {
  --xyz-appear-scale-x: 0.75;
  --xyz-appear-scale-y: 0.75;
  --xyz-appear-scale-z: 0.75;
}

[xyz~="appear-small-50%"] {
  --xyz-appear-scale-x: 0.5;
  --xyz-appear-scale-y: 0.5;
  --xyz-appear-scale-z: 0.5;
}

[xyz~="appear-small-75%"] {
  --xyz-appear-scale-x: 0.25;
  --xyz-appear-scale-y: 0.25;
  --xyz-appear-scale-z: 0.25;
}

[xyz~="appear-small-100%"] {
  --xyz-appear-scale-x: 0;
  --xyz-appear-scale-y: 0;
  --xyz-appear-scale-z: 0;
}

[xyz~=big] {
  --xyz-scale-x: calc(1 + var(--xyz-scale-default));
  --xyz-scale-y: calc(1 + var(--xyz-scale-default));
  --xyz-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=big-0] {
  --xyz-scale-x: 1;
  --xyz-scale-y: 1;
  --xyz-scale-z: 1;
}

[xyz~=big-1] {
  --xyz-scale-x: 1.025;
  --xyz-scale-y: 1.025;
  --xyz-scale-z: 1.025;
}

[xyz~=big-2] {
  --xyz-scale-x: 1.05;
  --xyz-scale-y: 1.05;
  --xyz-scale-z: 1.05;
}

[xyz~=big-3] {
  --xyz-scale-x: 1.075;
  --xyz-scale-y: 1.075;
  --xyz-scale-z: 1.075;
}

[xyz~=big-4] {
  --xyz-scale-x: 1.1;
  --xyz-scale-y: 1.1;
  --xyz-scale-z: 1.1;
}

[xyz~=big-5] {
  --xyz-scale-x: 1.125;
  --xyz-scale-y: 1.125;
  --xyz-scale-z: 1.125;
}

[xyz~="big-25%"] {
  --xyz-scale-x: 1.25;
  --xyz-scale-y: 1.25;
  --xyz-scale-z: 1.25;
}

[xyz~="big-50%"] {
  --xyz-scale-x: 1.5;
  --xyz-scale-y: 1.5;
  --xyz-scale-z: 1.5;
}

[xyz~="big-75%"] {
  --xyz-scale-x: 1.75;
  --xyz-scale-y: 1.75;
  --xyz-scale-z: 1.75;
}

[xyz~="big-100%"] {
  --xyz-scale-x: 2;
  --xyz-scale-y: 2;
  --xyz-scale-z: 2;
}

[xyz~=in-big] {
  --xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
  --xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
  --xyz-in-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=in-big-0] {
  --xyz-in-scale-x: 1;
  --xyz-in-scale-y: 1;
  --xyz-in-scale-z: 1;
}

[xyz~=in-big-1] {
  --xyz-in-scale-x: 1.025;
  --xyz-in-scale-y: 1.025;
  --xyz-in-scale-z: 1.025;
}

[xyz~=in-big-2] {
  --xyz-in-scale-x: 1.05;
  --xyz-in-scale-y: 1.05;
  --xyz-in-scale-z: 1.05;
}

[xyz~=in-big-3] {
  --xyz-in-scale-x: 1.075;
  --xyz-in-scale-y: 1.075;
  --xyz-in-scale-z: 1.075;
}

[xyz~=in-big-4] {
  --xyz-in-scale-x: 1.1;
  --xyz-in-scale-y: 1.1;
  --xyz-in-scale-z: 1.1;
}

[xyz~=in-big-5] {
  --xyz-in-scale-x: 1.125;
  --xyz-in-scale-y: 1.125;
  --xyz-in-scale-z: 1.125;
}

[xyz~="in-big-25%"] {
  --xyz-in-scale-x: 1.25;
  --xyz-in-scale-y: 1.25;
  --xyz-in-scale-z: 1.25;
}

[xyz~="in-big-50%"] {
  --xyz-in-scale-x: 1.5;
  --xyz-in-scale-y: 1.5;
  --xyz-in-scale-z: 1.5;
}

[xyz~="in-big-75%"] {
  --xyz-in-scale-x: 1.75;
  --xyz-in-scale-y: 1.75;
  --xyz-in-scale-z: 1.75;
}

[xyz~="in-big-100%"] {
  --xyz-in-scale-x: 2;
  --xyz-in-scale-y: 2;
  --xyz-in-scale-z: 2;
}

[xyz~=out-big] {
  --xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
  --xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
  --xyz-out-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=out-big-0] {
  --xyz-out-scale-x: 1;
  --xyz-out-scale-y: 1;
  --xyz-out-scale-z: 1;
}

[xyz~=out-big-1] {
  --xyz-out-scale-x: 1.025;
  --xyz-out-scale-y: 1.025;
  --xyz-out-scale-z: 1.025;
}

[xyz~=out-big-2] {
  --xyz-out-scale-x: 1.05;
  --xyz-out-scale-y: 1.05;
  --xyz-out-scale-z: 1.05;
}

[xyz~=out-big-3] {
  --xyz-out-scale-x: 1.075;
  --xyz-out-scale-y: 1.075;
  --xyz-out-scale-z: 1.075;
}

[xyz~=out-big-4] {
  --xyz-out-scale-x: 1.1;
  --xyz-out-scale-y: 1.1;
  --xyz-out-scale-z: 1.1;
}

[xyz~=out-big-5] {
  --xyz-out-scale-x: 1.125;
  --xyz-out-scale-y: 1.125;
  --xyz-out-scale-z: 1.125;
}

[xyz~="out-big-25%"] {
  --xyz-out-scale-x: 1.25;
  --xyz-out-scale-y: 1.25;
  --xyz-out-scale-z: 1.25;
}

[xyz~="out-big-50%"] {
  --xyz-out-scale-x: 1.5;
  --xyz-out-scale-y: 1.5;
  --xyz-out-scale-z: 1.5;
}

[xyz~="out-big-75%"] {
  --xyz-out-scale-x: 1.75;
  --xyz-out-scale-y: 1.75;
  --xyz-out-scale-z: 1.75;
}

[xyz~="out-big-100%"] {
  --xyz-out-scale-x: 2;
  --xyz-out-scale-y: 2;
  --xyz-out-scale-z: 2;
}

[xyz~=appear-big] {
  --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
  --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
  --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=appear-big-0] {
  --xyz-appear-scale-x: 1;
  --xyz-appear-scale-y: 1;
  --xyz-appear-scale-z: 1;
}

[xyz~=appear-big-1] {
  --xyz-appear-scale-x: 1.025;
  --xyz-appear-scale-y: 1.025;
  --xyz-appear-scale-z: 1.025;
}

[xyz~=appear-big-2] {
  --xyz-appear-scale-x: 1.05;
  --xyz-appear-scale-y: 1.05;
  --xyz-appear-scale-z: 1.05;
}

[xyz~=appear-big-3] {
  --xyz-appear-scale-x: 1.075;
  --xyz-appear-scale-y: 1.075;
  --xyz-appear-scale-z: 1.075;
}

[xyz~=appear-big-4] {
  --xyz-appear-scale-x: 1.1;
  --xyz-appear-scale-y: 1.1;
  --xyz-appear-scale-z: 1.1;
}

[xyz~=appear-big-5] {
  --xyz-appear-scale-x: 1.125;
  --xyz-appear-scale-y: 1.125;
  --xyz-appear-scale-z: 1.125;
}

[xyz~="appear-big-25%"] {
  --xyz-appear-scale-x: 1.25;
  --xyz-appear-scale-y: 1.25;
  --xyz-appear-scale-z: 1.25;
}

[xyz~="appear-big-50%"] {
  --xyz-appear-scale-x: 1.5;
  --xyz-appear-scale-y: 1.5;
  --xyz-appear-scale-z: 1.5;
}

[xyz~="appear-big-75%"] {
  --xyz-appear-scale-x: 1.75;
  --xyz-appear-scale-y: 1.75;
  --xyz-appear-scale-z: 1.75;
}

[xyz~="appear-big-100%"] {
  --xyz-appear-scale-x: 2;
  --xyz-appear-scale-y: 2;
  --xyz-appear-scale-z: 2;
}

[xyz~=narrow] {
  --xyz-scale-x: calc(1 - var(--xyz-scale-default));
}

[xyz~=narrow-0] {
  --xyz-scale-x: 1;
}

[xyz~=narrow-1] {
  --xyz-scale-x: 0.975;
}

[xyz~=narrow-2] {
  --xyz-scale-x: 0.95;
}

[xyz~=narrow-3] {
  --xyz-scale-x: 0.925;
}

[xyz~=narrow-4] {
  --xyz-scale-x: 0.9;
}

[xyz~=narrow-5] {
  --xyz-scale-x: 0.875;
}

[xyz~="narrow-25%"] {
  --xyz-scale-x: 0.75;
}

[xyz~="narrow-50%"] {
  --xyz-scale-x: 0.5;
}

[xyz~="narrow-75%"] {
  --xyz-scale-x: 0.25;
}

[xyz~="narrow-100%"] {
  --xyz-scale-x: 0;
}

[xyz~=in-narrow] {
  --xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
}

[xyz~=in-narrow-0] {
  --xyz-in-scale-x: 1;
}

[xyz~=in-narrow-1] {
  --xyz-in-scale-x: 0.975;
}

[xyz~=in-narrow-2] {
  --xyz-in-scale-x: 0.95;
}

[xyz~=in-narrow-3] {
  --xyz-in-scale-x: 0.925;
}

[xyz~=in-narrow-4] {
  --xyz-in-scale-x: 0.9;
}

[xyz~=in-narrow-5] {
  --xyz-in-scale-x: 0.875;
}

[xyz~="in-narrow-25%"] {
  --xyz-in-scale-x: 0.75;
}

[xyz~="in-narrow-50%"] {
  --xyz-in-scale-x: 0.5;
}

[xyz~="in-narrow-75%"] {
  --xyz-in-scale-x: 0.25;
}

[xyz~="in-narrow-100%"] {
  --xyz-in-scale-x: 0;
}

[xyz~=out-narrow] {
  --xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
}

[xyz~=out-narrow-0] {
  --xyz-out-scale-x: 1;
}

[xyz~=out-narrow-1] {
  --xyz-out-scale-x: 0.975;
}

[xyz~=out-narrow-2] {
  --xyz-out-scale-x: 0.95;
}

[xyz~=out-narrow-3] {
  --xyz-out-scale-x: 0.925;
}

[xyz~=out-narrow-4] {
  --xyz-out-scale-x: 0.9;
}

[xyz~=out-narrow-5] {
  --xyz-out-scale-x: 0.875;
}

[xyz~="out-narrow-25%"] {
  --xyz-out-scale-x: 0.75;
}

[xyz~="out-narrow-50%"] {
  --xyz-out-scale-x: 0.5;
}

[xyz~="out-narrow-75%"] {
  --xyz-out-scale-x: 0.25;
}

[xyz~="out-narrow-100%"] {
  --xyz-out-scale-x: 0;
}

[xyz~=appear-narrow] {
  --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
}

[xyz~=appear-narrow-0] {
  --xyz-appear-scale-x: 1;
}

[xyz~=appear-narrow-1] {
  --xyz-appear-scale-x: 0.975;
}

[xyz~=appear-narrow-2] {
  --xyz-appear-scale-x: 0.95;
}

[xyz~=appear-narrow-3] {
  --xyz-appear-scale-x: 0.925;
}

[xyz~=appear-narrow-4] {
  --xyz-appear-scale-x: 0.9;
}

[xyz~=appear-narrow-5] {
  --xyz-appear-scale-x: 0.875;
}

[xyz~="appear-narrow-25%"] {
  --xyz-appear-scale-x: 0.75;
}

[xyz~="appear-narrow-50%"] {
  --xyz-appear-scale-x: 0.5;
}

[xyz~="appear-narrow-75%"] {
  --xyz-appear-scale-x: 0.25;
}

[xyz~="appear-narrow-100%"] {
  --xyz-appear-scale-x: 0;
}

[xyz~=wide] {
  --xyz-scale-x: calc(1 + var(--xyz-scale-default));
}

[xyz~=wide-0] {
  --xyz-scale-x: 1;
}

[xyz~=wide-1] {
  --xyz-scale-x: 1.025;
}

[xyz~=wide-2] {
  --xyz-scale-x: 1.05;
}

[xyz~=wide-3] {
  --xyz-scale-x: 1.075;
}

[xyz~=wide-4] {
  --xyz-scale-x: 1.1;
}

[xyz~=wide-5] {
  --xyz-scale-x: 1.125;
}

[xyz~="wide-25%"] {
  --xyz-scale-x: 1.25;
}

[xyz~="wide-50%"] {
  --xyz-scale-x: 1.5;
}

[xyz~="wide-75%"] {
  --xyz-scale-x: 1.75;
}

[xyz~="wide-100%"] {
  --xyz-scale-x: 2;
}

[xyz~=in-wide] {
  --xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
}

[xyz~=in-wide-0] {
  --xyz-in-scale-x: 1;
}

[xyz~=in-wide-1] {
  --xyz-in-scale-x: 1.025;
}

[xyz~=in-wide-2] {
  --xyz-in-scale-x: 1.05;
}

[xyz~=in-wide-3] {
  --xyz-in-scale-x: 1.075;
}

[xyz~=in-wide-4] {
  --xyz-in-scale-x: 1.1;
}

[xyz~=in-wide-5] {
  --xyz-in-scale-x: 1.125;
}

[xyz~="in-wide-25%"] {
  --xyz-in-scale-x: 1.25;
}

[xyz~="in-wide-50%"] {
  --xyz-in-scale-x: 1.5;
}

[xyz~="in-wide-75%"] {
  --xyz-in-scale-x: 1.75;
}

[xyz~="in-wide-100%"] {
  --xyz-in-scale-x: 2;
}

[xyz~=out-wide] {
  --xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
}

[xyz~=out-wide-0] {
  --xyz-out-scale-x: 1;
}

[xyz~=out-wide-1] {
  --xyz-out-scale-x: 1.025;
}

[xyz~=out-wide-2] {
  --xyz-out-scale-x: 1.05;
}

[xyz~=out-wide-3] {
  --xyz-out-scale-x: 1.075;
}

[xyz~=out-wide-4] {
  --xyz-out-scale-x: 1.1;
}

[xyz~=out-wide-5] {
  --xyz-out-scale-x: 1.125;
}

[xyz~="out-wide-25%"] {
  --xyz-out-scale-x: 1.25;
}

[xyz~="out-wide-50%"] {
  --xyz-out-scale-x: 1.5;
}

[xyz~="out-wide-75%"] {
  --xyz-out-scale-x: 1.75;
}

[xyz~="out-wide-100%"] {
  --xyz-out-scale-x: 2;
}

[xyz~=appear-wide] {
  --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
}

[xyz~=appear-wide-0] {
  --xyz-appear-scale-x: 1;
}

[xyz~=appear-wide-1] {
  --xyz-appear-scale-x: 1.025;
}

[xyz~=appear-wide-2] {
  --xyz-appear-scale-x: 1.05;
}

[xyz~=appear-wide-3] {
  --xyz-appear-scale-x: 1.075;
}

[xyz~=appear-wide-4] {
  --xyz-appear-scale-x: 1.1;
}

[xyz~=appear-wide-5] {
  --xyz-appear-scale-x: 1.125;
}

[xyz~="appear-wide-25%"] {
  --xyz-appear-scale-x: 1.25;
}

[xyz~="appear-wide-50%"] {
  --xyz-appear-scale-x: 1.5;
}

[xyz~="appear-wide-75%"] {
  --xyz-appear-scale-x: 1.75;
}

[xyz~="appear-wide-100%"] {
  --xyz-appear-scale-x: 2;
}

[xyz~=short] {
  --xyz-scale-y: calc(1 - var(--xyz-scale-default));
}

[xyz~=short-0] {
  --xyz-scale-y: 1;
}

[xyz~=short-1] {
  --xyz-scale-y: 0.975;
}

[xyz~=short-2] {
  --xyz-scale-y: 0.95;
}

[xyz~=short-3] {
  --xyz-scale-y: 0.925;
}

[xyz~=short-4] {
  --xyz-scale-y: 0.9;
}

[xyz~=short-5] {
  --xyz-scale-y: 0.875;
}

[xyz~="short-25%"] {
  --xyz-scale-y: 0.75;
}

[xyz~="short-50%"] {
  --xyz-scale-y: 0.5;
}

[xyz~="short-75%"] {
  --xyz-scale-y: 0.25;
}

[xyz~="short-100%"] {
  --xyz-scale-y: 0;
}

[xyz~=in-short] {
  --xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
}

[xyz~=in-short-0] {
  --xyz-in-scale-y: 1;
}

[xyz~=in-short-1] {
  --xyz-in-scale-y: 0.975;
}

[xyz~=in-short-2] {
  --xyz-in-scale-y: 0.95;
}

[xyz~=in-short-3] {
  --xyz-in-scale-y: 0.925;
}

[xyz~=in-short-4] {
  --xyz-in-scale-y: 0.9;
}

[xyz~=in-short-5] {
  --xyz-in-scale-y: 0.875;
}

[xyz~="in-short-25%"] {
  --xyz-in-scale-y: 0.75;
}

[xyz~="in-short-50%"] {
  --xyz-in-scale-y: 0.5;
}

[xyz~="in-short-75%"] {
  --xyz-in-scale-y: 0.25;
}

[xyz~="in-short-100%"] {
  --xyz-in-scale-y: 0;
}

[xyz~=out-short] {
  --xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
}

[xyz~=out-short-0] {
  --xyz-out-scale-y: 1;
}

[xyz~=out-short-1] {
  --xyz-out-scale-y: 0.975;
}

[xyz~=out-short-2] {
  --xyz-out-scale-y: 0.95;
}

[xyz~=out-short-3] {
  --xyz-out-scale-y: 0.925;
}

[xyz~=out-short-4] {
  --xyz-out-scale-y: 0.9;
}

[xyz~=out-short-5] {
  --xyz-out-scale-y: 0.875;
}

[xyz~="out-short-25%"] {
  --xyz-out-scale-y: 0.75;
}

[xyz~="out-short-50%"] {
  --xyz-out-scale-y: 0.5;
}

[xyz~="out-short-75%"] {
  --xyz-out-scale-y: 0.25;
}

[xyz~="out-short-100%"] {
  --xyz-out-scale-y: 0;
}

[xyz~=appear-short] {
  --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
}

[xyz~=appear-short-0] {
  --xyz-appear-scale-y: 1;
}

[xyz~=appear-short-1] {
  --xyz-appear-scale-y: 0.975;
}

[xyz~=appear-short-2] {
  --xyz-appear-scale-y: 0.95;
}

[xyz~=appear-short-3] {
  --xyz-appear-scale-y: 0.925;
}

[xyz~=appear-short-4] {
  --xyz-appear-scale-y: 0.9;
}

[xyz~=appear-short-5] {
  --xyz-appear-scale-y: 0.875;
}

[xyz~="appear-short-25%"] {
  --xyz-appear-scale-y: 0.75;
}

[xyz~="appear-short-50%"] {
  --xyz-appear-scale-y: 0.5;
}

[xyz~="appear-short-75%"] {
  --xyz-appear-scale-y: 0.25;
}

[xyz~="appear-short-100%"] {
  --xyz-appear-scale-y: 0;
}

[xyz~=tall] {
  --xyz-scale-y: calc(1 + var(--xyz-scale-default));
}

[xyz~=tall-0] {
  --xyz-scale-y: 1;
}

[xyz~=tall-1] {
  --xyz-scale-y: 1.025;
}

[xyz~=tall-2] {
  --xyz-scale-y: 1.05;
}

[xyz~=tall-3] {
  --xyz-scale-y: 1.075;
}

[xyz~=tall-4] {
  --xyz-scale-y: 1.1;
}

[xyz~=tall-5] {
  --xyz-scale-y: 1.125;
}

[xyz~="tall-25%"] {
  --xyz-scale-y: 1.25;
}

[xyz~="tall-50%"] {
  --xyz-scale-y: 1.5;
}

[xyz~="tall-75%"] {
  --xyz-scale-y: 1.75;
}

[xyz~="tall-100%"] {
  --xyz-scale-y: 2;
}

[xyz~=in-tall] {
  --xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
}

[xyz~=in-tall-0] {
  --xyz-in-scale-y: 1;
}

[xyz~=in-tall-1] {
  --xyz-in-scale-y: 1.025;
}

[xyz~=in-tall-2] {
  --xyz-in-scale-y: 1.05;
}

[xyz~=in-tall-3] {
  --xyz-in-scale-y: 1.075;
}

[xyz~=in-tall-4] {
  --xyz-in-scale-y: 1.1;
}

[xyz~=in-tall-5] {
  --xyz-in-scale-y: 1.125;
}

[xyz~="in-tall-25%"] {
  --xyz-in-scale-y: 1.25;
}

[xyz~="in-tall-50%"] {
  --xyz-in-scale-y: 1.5;
}

[xyz~="in-tall-75%"] {
  --xyz-in-scale-y: 1.75;
}

[xyz~="in-tall-100%"] {
  --xyz-in-scale-y: 2;
}

[xyz~=out-tall] {
  --xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
}

[xyz~=out-tall-0] {
  --xyz-out-scale-y: 1;
}

[xyz~=out-tall-1] {
  --xyz-out-scale-y: 1.025;
}

[xyz~=out-tall-2] {
  --xyz-out-scale-y: 1.05;
}

[xyz~=out-tall-3] {
  --xyz-out-scale-y: 1.075;
}

[xyz~=out-tall-4] {
  --xyz-out-scale-y: 1.1;
}

[xyz~=out-tall-5] {
  --xyz-out-scale-y: 1.125;
}

[xyz~="out-tall-25%"] {
  --xyz-out-scale-y: 1.25;
}

[xyz~="out-tall-50%"] {
  --xyz-out-scale-y: 1.5;
}

[xyz~="out-tall-75%"] {
  --xyz-out-scale-y: 1.75;
}

[xyz~="out-tall-100%"] {
  --xyz-out-scale-y: 2;
}

[xyz~=appear-tall] {
  --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
}

[xyz~=appear-tall-0] {
  --xyz-appear-scale-y: 1;
}

[xyz~=appear-tall-1] {
  --xyz-appear-scale-y: 1.025;
}

[xyz~=appear-tall-2] {
  --xyz-appear-scale-y: 1.05;
}

[xyz~=appear-tall-3] {
  --xyz-appear-scale-y: 1.075;
}

[xyz~=appear-tall-4] {
  --xyz-appear-scale-y: 1.1;
}

[xyz~=appear-tall-5] {
  --xyz-appear-scale-y: 1.125;
}

[xyz~="appear-tall-25%"] {
  --xyz-appear-scale-y: 1.25;
}

[xyz~="appear-tall-50%"] {
  --xyz-appear-scale-y: 1.5;
}

[xyz~="appear-tall-75%"] {
  --xyz-appear-scale-y: 1.75;
}

[xyz~="appear-tall-100%"] {
  --xyz-appear-scale-y: 2;
}

[xyz~=thin] {
  --xyz-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=thin-0] {
  --xyz-scale-z: 1;
}

[xyz~=thin-1] {
  --xyz-scale-z: 0.975;
}

[xyz~=thin-2] {
  --xyz-scale-z: 0.95;
}

[xyz~=thin-3] {
  --xyz-scale-z: 0.925;
}

[xyz~=thin-4] {
  --xyz-scale-z: 0.9;
}

[xyz~=thin-5] {
  --xyz-scale-z: 0.875;
}

[xyz~="thin-25%"] {
  --xyz-scale-z: 0.75;
}

[xyz~="thin-50%"] {
  --xyz-scale-z: 0.5;
}

[xyz~="thin-75%"] {
  --xyz-scale-z: 0.25;
}

[xyz~="thin-100%"] {
  --xyz-scale-z: 0;
}

[xyz~=in-thin] {
  --xyz-in-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=in-thin-0] {
  --xyz-in-scale-z: 1;
}

[xyz~=in-thin-1] {
  --xyz-in-scale-z: 0.975;
}

[xyz~=in-thin-2] {
  --xyz-in-scale-z: 0.95;
}

[xyz~=in-thin-3] {
  --xyz-in-scale-z: 0.925;
}

[xyz~=in-thin-4] {
  --xyz-in-scale-z: 0.9;
}

[xyz~=in-thin-5] {
  --xyz-in-scale-z: 0.875;
}

[xyz~="in-thin-25%"] {
  --xyz-in-scale-z: 0.75;
}

[xyz~="in-thin-50%"] {
  --xyz-in-scale-z: 0.5;
}

[xyz~="in-thin-75%"] {
  --xyz-in-scale-z: 0.25;
}

[xyz~="in-thin-100%"] {
  --xyz-in-scale-z: 0;
}

[xyz~=out-thin] {
  --xyz-out-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=out-thin-0] {
  --xyz-out-scale-z: 1;
}

[xyz~=out-thin-1] {
  --xyz-out-scale-z: 0.975;
}

[xyz~=out-thin-2] {
  --xyz-out-scale-z: 0.95;
}

[xyz~=out-thin-3] {
  --xyz-out-scale-z: 0.925;
}

[xyz~=out-thin-4] {
  --xyz-out-scale-z: 0.9;
}

[xyz~=out-thin-5] {
  --xyz-out-scale-z: 0.875;
}

[xyz~="out-thin-25%"] {
  --xyz-out-scale-z: 0.75;
}

[xyz~="out-thin-50%"] {
  --xyz-out-scale-z: 0.5;
}

[xyz~="out-thin-75%"] {
  --xyz-out-scale-z: 0.25;
}

[xyz~="out-thin-100%"] {
  --xyz-out-scale-z: 0;
}

[xyz~=appear-thin] {
  --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default));
}

[xyz~=appear-thin-0] {
  --xyz-appear-scale-z: 1;
}

[xyz~=appear-thin-1] {
  --xyz-appear-scale-z: 0.975;
}

[xyz~=appear-thin-2] {
  --xyz-appear-scale-z: 0.95;
}

[xyz~=appear-thin-3] {
  --xyz-appear-scale-z: 0.925;
}

[xyz~=appear-thin-4] {
  --xyz-appear-scale-z: 0.9;
}

[xyz~=appear-thin-5] {
  --xyz-appear-scale-z: 0.875;
}

[xyz~="appear-thin-25%"] {
  --xyz-appear-scale-z: 0.75;
}

[xyz~="appear-thin-50%"] {
  --xyz-appear-scale-z: 0.5;
}

[xyz~="appear-thin-75%"] {
  --xyz-appear-scale-z: 0.25;
}

[xyz~="appear-thin-100%"] {
  --xyz-appear-scale-z: 0;
}

[xyz~=thick] {
  --xyz-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=thick-0] {
  --xyz-scale-z: 1;
}

[xyz~=thick-1] {
  --xyz-scale-z: 1.025;
}

[xyz~=thick-2] {
  --xyz-scale-z: 1.05;
}

[xyz~=thick-3] {
  --xyz-scale-z: 1.075;
}

[xyz~=thick-4] {
  --xyz-scale-z: 1.1;
}

[xyz~=thick-5] {
  --xyz-scale-z: 1.125;
}

[xyz~="thick-25%"] {
  --xyz-scale-z: 1.25;
}

[xyz~="thick-50%"] {
  --xyz-scale-z: 1.5;
}

[xyz~="thick-75%"] {
  --xyz-scale-z: 1.75;
}

[xyz~="thick-100%"] {
  --xyz-scale-z: 2;
}

[xyz~=in-thick] {
  --xyz-in-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=in-thick-0] {
  --xyz-in-scale-z: 1;
}

[xyz~=in-thick-1] {
  --xyz-in-scale-z: 1.025;
}

[xyz~=in-thick-2] {
  --xyz-in-scale-z: 1.05;
}

[xyz~=in-thick-3] {
  --xyz-in-scale-z: 1.075;
}

[xyz~=in-thick-4] {
  --xyz-in-scale-z: 1.1;
}

[xyz~=in-thick-5] {
  --xyz-in-scale-z: 1.125;
}

[xyz~="in-thick-25%"] {
  --xyz-in-scale-z: 1.25;
}

[xyz~="in-thick-50%"] {
  --xyz-in-scale-z: 1.5;
}

[xyz~="in-thick-75%"] {
  --xyz-in-scale-z: 1.75;
}

[xyz~="in-thick-100%"] {
  --xyz-in-scale-z: 2;
}

[xyz~=out-thick] {
  --xyz-out-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=out-thick-0] {
  --xyz-out-scale-z: 1;
}

[xyz~=out-thick-1] {
  --xyz-out-scale-z: 1.025;
}

[xyz~=out-thick-2] {
  --xyz-out-scale-z: 1.05;
}

[xyz~=out-thick-3] {
  --xyz-out-scale-z: 1.075;
}

[xyz~=out-thick-4] {
  --xyz-out-scale-z: 1.1;
}

[xyz~=out-thick-5] {
  --xyz-out-scale-z: 1.125;
}

[xyz~="out-thick-25%"] {
  --xyz-out-scale-z: 1.25;
}

[xyz~="out-thick-50%"] {
  --xyz-out-scale-z: 1.5;
}

[xyz~="out-thick-75%"] {
  --xyz-out-scale-z: 1.75;
}

[xyz~="out-thick-100%"] {
  --xyz-out-scale-z: 2;
}

[xyz~=appear-thick] {
  --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default));
}

[xyz~=appear-thick-0] {
  --xyz-appear-scale-z: 1;
}

[xyz~=appear-thick-1] {
  --xyz-appear-scale-z: 1.025;
}

[xyz~=appear-thick-2] {
  --xyz-appear-scale-z: 1.05;
}

[xyz~=appear-thick-3] {
  --xyz-appear-scale-z: 1.075;
}

[xyz~=appear-thick-4] {
  --xyz-appear-scale-z: 1.1;
}

[xyz~=appear-thick-5] {
  --xyz-appear-scale-z: 1.125;
}

[xyz~="appear-thick-25%"] {
  --xyz-appear-scale-z: 1.25;
}

[xyz~="appear-thick-50%"] {
  --xyz-appear-scale-z: 1.5;
}

[xyz~="appear-thick-75%"] {
  --xyz-appear-scale-z: 1.75;
}

[xyz~="appear-thick-100%"] {
  --xyz-appear-scale-z: 2;
}

[xyz~=skew-left] {
  --xyz-skew-x: var(--xyz-skew-default);
}

[xyz~=skew-left-0] {
  --xyz-skew-x: 0deg;
}

[xyz~=skew-left-1] {
  --xyz-skew-x: 10deg;
}

[xyz~=skew-left-2] {
  --xyz-skew-x: 20deg;
}

[xyz~=skew-left-3] {
  --xyz-skew-x: 30deg;
}

[xyz~=skew-left-4] {
  --xyz-skew-x: 40deg;
}

[xyz~=skew-left-5] {
  --xyz-skew-x: 50deg;
}

[xyz~=in-skew-left] {
  --xyz-in-skew-x: var(--xyz-skew-default);
}

[xyz~=in-skew-left-0] {
  --xyz-in-skew-x: 0deg;
}

[xyz~=in-skew-left-1] {
  --xyz-in-skew-x: 10deg;
}

[xyz~=in-skew-left-2] {
  --xyz-in-skew-x: 20deg;
}

[xyz~=in-skew-left-3] {
  --xyz-in-skew-x: 30deg;
}

[xyz~=in-skew-left-4] {
  --xyz-in-skew-x: 40deg;
}

[xyz~=in-skew-left-5] {
  --xyz-in-skew-x: 50deg;
}

[xyz~=out-skew-left] {
  --xyz-out-skew-x: var(--xyz-skew-default);
}

[xyz~=out-skew-left-0] {
  --xyz-out-skew-x: 0deg;
}

[xyz~=out-skew-left-1] {
  --xyz-out-skew-x: 10deg;
}

[xyz~=out-skew-left-2] {
  --xyz-out-skew-x: 20deg;
}

[xyz~=out-skew-left-3] {
  --xyz-out-skew-x: 30deg;
}

[xyz~=out-skew-left-4] {
  --xyz-out-skew-x: 40deg;
}

[xyz~=out-skew-left-5] {
  --xyz-out-skew-x: 50deg;
}

[xyz~=appear-skew-left] {
  --xyz-appear-skew-x: var(--xyz-skew-default);
}

[xyz~=appear-skew-left-0] {
  --xyz-appear-skew-x: 0deg;
}

[xyz~=appear-skew-left-1] {
  --xyz-appear-skew-x: 10deg;
}

[xyz~=appear-skew-left-2] {
  --xyz-appear-skew-x: 20deg;
}

[xyz~=appear-skew-left-3] {
  --xyz-appear-skew-x: 30deg;
}

[xyz~=appear-skew-left-4] {
  --xyz-appear-skew-x: 40deg;
}

[xyz~=appear-skew-left-5] {
  --xyz-appear-skew-x: 50deg;
}

[xyz~=skew-right] {
  --xyz-skew-x: calc(var(--xyz-skew-default)*-1);
}

[xyz~=skew-right-0] {
  --xyz-skew-x: 0deg;
}

[xyz~=skew-right-1] {
  --xyz-skew-x: -10deg;
}

[xyz~=skew-right-2] {
  --xyz-skew-x: -20deg;
}

[xyz~=skew-right-3] {
  --xyz-skew-x: -30deg;
}

[xyz~=skew-right-4] {
  --xyz-skew-x: -40deg;
}

[xyz~=skew-right-5] {
  --xyz-skew-x: -50deg;
}

[xyz~=in-skew-right] {
  --xyz-in-skew-x: calc(var(--xyz-skew-default)*-1);
}

[xyz~=in-skew-right-0] {
  --xyz-in-skew-x: 0deg;
}

[xyz~=in-skew-right-1] {
  --xyz-in-skew-x: -10deg;
}

[xyz~=in-skew-right-2] {
  --xyz-in-skew-x: -20deg;
}

[xyz~=in-skew-right-3] {
  --xyz-in-skew-x: -30deg;
}

[xyz~=in-skew-right-4] {
  --xyz-in-skew-x: -40deg;
}

[xyz~=in-skew-right-5] {
  --xyz-in-skew-x: -50deg;
}

[xyz~=out-skew-right] {
  --xyz-out-skew-x: calc(var(--xyz-skew-default)*-1);
}

[xyz~=out-skew-right-0] {
  --xyz-out-skew-x: 0deg;
}

[xyz~=out-skew-right-1] {
  --xyz-out-skew-x: -10deg;
}

[xyz~=out-skew-right-2] {
  --xyz-out-skew-x: -20deg;
}

[xyz~=out-skew-right-3] {
  --xyz-out-skew-x: -30deg;
}

[xyz~=out-skew-right-4] {
  --xyz-out-skew-x: -40deg;
}

[xyz~=out-skew-right-5] {
  --xyz-out-skew-x: -50deg;
}

[xyz~=appear-skew-right] {
  --xyz-appear-skew-x: calc(var(--xyz-skew-default)*-1);
}

[xyz~=appear-skew-right-0] {
  --xyz-appear-skew-x: 0deg;
}

[xyz~=appear-skew-right-1] {
  --xyz-appear-skew-x: -10deg;
}

[xyz~=appear-skew-right-2] {
  --xyz-appear-skew-x: -20deg;
}

[xyz~=appear-skew-right-3] {
  --xyz-appear-skew-x: -30deg;
}

[xyz~=appear-skew-right-4] {
  --xyz-appear-skew-x: -40deg;
}

[xyz~=appear-skew-right-5] {
  --xyz-appear-skew-x: -50deg;
}

[xyz~=skew-up] {
  --xyz-skew-y: var(--xyz-skew-default);
}

[xyz~=skew-up-0] {
  --xyz-skew-y: 0deg;
}

[xyz~=skew-up-1] {
  --xyz-skew-y: 10deg;
}

[xyz~=skew-up-2] {
  --xyz-skew-y: 20deg;
}

[xyz~=skew-up-3] {
  --xyz-skew-y: 30deg;
}

[xyz~=skew-up-4] {
  --xyz-skew-y: 40deg;
}

[xyz~=skew-up-5] {
  --xyz-skew-y: 50deg;
}

[xyz~=in-skew-up] {
  --xyz-in-skew-y: var(--xyz-skew-default);
}

[xyz~=in-skew-up-0] {
  --xyz-in-skew-y: 0deg;
}

[xyz~=in-skew-up-1] {
  --xyz-in-skew-y: 10deg;
}

[xyz~=in-skew-up-2] {
  --xyz-in-skew-y: 20deg;
}

[xyz~=in-skew-up-3] {
  --xyz-in-skew-y: 30deg;
}

[xyz~=in-skew-up-4] {
  --xyz-in-skew-y: 40deg;
}

[xyz~=in-skew-up-5] {
  --xyz-in-skew-y: 50deg;
}

[xyz~=out-skew-up] {
  --xyz-out-skew-y: var(--xyz-skew-default);
}

[xyz~=out-skew-up-0] {
  --xyz-out-skew-y: 0deg;
}

[xyz~=out-skew-up-1] {
  --xyz-out-skew-y: 10deg;
}

[xyz~=out-skew-up-2] {
  --xyz-out-skew-y: 20deg;
}

[xyz~=out-skew-up-3] {
  --xyz-out-skew-y: 30deg;
}

[xyz~=out-skew-up-4] {
  --xyz-out-skew-y: 40deg;
}

[xyz~=out-skew-up-5] {
  --xyz-out-skew-y: 50deg;
}

[xyz~=appear-skew-up] {
  --xyz-appear-skew-y: var(--xyz-skew-default);
}

[xyz~=appear-skew-up-0] {
  --xyz-appear-skew-y: 0deg;
}

[xyz~=appear-skew-up-1] {
  --xyz-appear-skew-y: 10deg;
}

[xyz~=appear-skew-up-2] {
  --xyz-appear-skew-y: 20deg;
}

[xyz~=appear-skew-up-3] {
  --xyz-appear-skew-y: 30deg;
}

[xyz~=appear-skew-up-4] {
  --xyz-appear-skew-y: 40deg;
}

[xyz~=appear-skew-up-5] {
  --xyz-appear-skew-y: 50deg;
}

[xyz~=skew-down] {
  --xyz-skew-y: calc(var(--xyz-skew-default)*-1);
}

[xyz~=skew-down-0] {
  --xyz-skew-y: 0deg;
}

[xyz~=skew-down-1] {
  --xyz-skew-y: -10deg;
}

[xyz~=skew-down-2] {
  --xyz-skew-y: -20deg;
}

[xyz~=skew-down-3] {
  --xyz-skew-y: -30deg;
}

[xyz~=skew-down-4] {
  --xyz-skew-y: -40deg;
}

[xyz~=skew-down-5] {
  --xyz-skew-y: -50deg;
}

[xyz~=in-skew-down] {
  --xyz-in-skew-y: calc(var(--xyz-skew-default)*-1);
}

[xyz~=in-skew-down-0] {
  --xyz-in-skew-y: 0deg;
}

[xyz~=in-skew-down-1] {
  --xyz-in-skew-y: -10deg;
}

[xyz~=in-skew-down-2] {
  --xyz-in-skew-y: -20deg;
}

[xyz~=in-skew-down-3] {
  --xyz-in-skew-y: -30deg;
}

[xyz~=in-skew-down-4] {
  --xyz-in-skew-y: -40deg;
}

[xyz~=in-skew-down-5] {
  --xyz-in-skew-y: -50deg;
}

[xyz~=out-skew-down] {
  --xyz-out-skew-y: calc(var(--xyz-skew-default)*-1);
}

[xyz~=out-skew-down-0] {
  --xyz-out-skew-y: 0deg;
}

[xyz~=out-skew-down-1] {
  --xyz-out-skew-y: -10deg;
}

[xyz~=out-skew-down-2] {
  --xyz-out-skew-y: -20deg;
}

[xyz~=out-skew-down-3] {
  --xyz-out-skew-y: -30deg;
}

[xyz~=out-skew-down-4] {
  --xyz-out-skew-y: -40deg;
}

[xyz~=out-skew-down-5] {
  --xyz-out-skew-y: -50deg;
}

[xyz~=appear-skew-down] {
  --xyz-appear-skew-y: calc(var(--xyz-skew-default)*-1);
}

[xyz~=appear-skew-down-0] {
  --xyz-appear-skew-y: 0deg;
}

[xyz~=appear-skew-down-1] {
  --xyz-appear-skew-y: -10deg;
}

[xyz~=appear-skew-down-2] {
  --xyz-appear-skew-y: -20deg;
}

[xyz~=appear-skew-down-3] {
  --xyz-appear-skew-y: -30deg;
}

[xyz~=appear-skew-down-4] {
  --xyz-appear-skew-y: -40deg;
}

[xyz~=appear-skew-down-5] {
  --xyz-appear-skew-y: -50deg;
}
/*# sourceMappingURL=animxyz.css.map */.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}.tippy-box[data-animation=perspective][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(8px) rotateX(60deg)}.tippy-box[data-animation=perspective][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-8px) rotateX(-60deg)}.tippy-box[data-animation=perspective][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(8px) rotateY(-60deg)}.tippy-box[data-animation=perspective][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-8px) rotateY(60deg)}.tippy-box[data-animation=perspective][data-state=hidden]{opacity:0}.tippy-box[data-animation=perspective-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(5px) rotateX(30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-5px) rotateX(-30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(5px) rotateY(-30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-5px) rotateY(30deg)}.tippy-box[data-animation=perspective-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=perspective-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(10px) rotateX(90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-10px) rotateX(-90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(10px) rotateY(-90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-10px) rotateY(90deg)}.tippy-box[data-animation=perspective-extreme][data-state=hidden]{opacity:.5}
.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;

  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
    top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
      transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
      transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
    top: 100%;
}
.vc-popover-caret.direction-top.align-left {
      transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
      transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
      transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
    left: 100%;
}
.vc-popover-caret.direction-left.align-top {
      transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
      transform: translateY(-50%) translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
      transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
    left: 0;
}
.vc-popover-caret.direction-right.align-top {
      transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
      transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
      transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
    left: 50%;
}
.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
    top: 50%;
}
.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset);
}

.vc-day-popover-row {
  display: flex;
  align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: flex;
  align-items: center;
  flex-wrap: none;
  flex-grow: 1;
  width: -moz-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-dot {
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
    font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
    font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
    font-size: var(--vc-text-2xl);
}
.vc-header .vc-title-wrapper {
    grid-row: 1;
    grid-column: title;
}
.vc-header .vc-prev {
    grid-row: 1;
    grid-column: prev;
}
.vc-header .vc-next {
    grid-row: 1;
    grid-column: next;
}
.vc-header .vc-title,
  .vc-header .vc-prev,
  .vc-header .vc-next {
    display: flex;
    align-items: center;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
            -moz-user-select: none;
         user-select: none;
    cursor: pointer;
}
.vc-header .vc-title {
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
}
.vc-header .vc-title:hover {
      opacity: 0.75;
}
.vc-header .vc-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.vc-header .vc-arrow:hover {
      background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
      opacity: 0.25;
      pointer-events: none;
}

.vc-nav-header {
  display: flex;
  justify-content: space-between;
}
.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: 0.25;
    pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
      box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color);
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
  /* &.is-not-in-month * {
    opacity: 0;
    pointer-events: none;
  } */
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.vc-day-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color);
}

/* ----Content---- */
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

/* ----Highlights---- */
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
}
.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
}
.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
}
.vc-highlight-bg-outline,
.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,
.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

/* ----Dots---- */
.vc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
    margin-right: 3px;
}

/* ----Bars---- */
.vc-bars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
}
.vc-bar {
  flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.vc-weeks {
  position: relative;
  /* overflow: auto; */
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.vc-week,
.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
    overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
}
.vc-base-select.vc-has-icon select {
      padding: 0 27px 0 9px;
}
.vc-base-select.vc-has-icon .vc-base-sizer {
      padding: 0 28px 0 10px;
}
.vc-base-select.vc-fit-content select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
}
.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: 0.6;
    pointer-events: none;
}
.vc-base-select .vc-base-sizer {
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    color: transparent;
    padding: 0px 8px;
    margin: 0;
}
.vc-base-select select {
    display: inline-flex;
    justify-content: center;
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
    background-color: var(--vc-select-bg);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -moz-max-content;
    width: max-content;
    padding: 0px 7px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center;
}
.vc-base-select select:hover {
      background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-align-left {
      text-align: left;
}
.vc-base-select select.vc-align-right {
      text-align: right;
}

.vc-time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: 0.5;
}
.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker > * + * {
    margin-top: 4px;
}
.vc-time-header {
  display: flex;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color);
}
.vc-time-select-group select {
    background: transparent;
    padding: 0px 4px;
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,
.vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing);
  backface-visibility: hidden;
  pointer-events: none;
}

.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
  opacity: 0;
}

.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
  transform: translateX(var(--vc-slide-translate));
}

.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
  transform: translateX(calc(-1 * var(--vc-slide-translate)));
}

.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
  transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
  transform: translateY(calc(-1 * var(--vc-slide-translate)));
}

:root {
  --vc-white: #ffffff;
  --vc-black: #000000;

  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;

  --vc-font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Helvetica', 'Arial', sans-serif;

  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;

  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;

  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;

  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;

  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;

  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring);
  }

.vc-light {
  /* Base */
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, 0.4);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-gray-500);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-400);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  /* Popover content */
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  /* Base select */
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vc-gray-100);
  --vc-select-hover-bg: var(--vc-gray-200);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}

/* Calendar attributes */

.vc-light.vc-attr,
  .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600);
  }

.vc-dark {
  /* Base */
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / 0.7);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-accent-200);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-500);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  /* Popover content */
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  /* Base select */
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}

/* Calendar attributes */

.vc-dark.vc-attr,
  .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500);
  }

.vc-container {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container,
  .vc-container * {
    box-sizing: border-box;
  }

.vc-container:focus, .vc-container *:focus {
      outline: none;
    }

/* Hides double border within popovers */

.vc-container .vc-container {
    border: none;
  }

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
    border: 0;
  }