@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";

/* node_modules/ag-grid-community/styles/ag-grid.css */
.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-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}
.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}
.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}
[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-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-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-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-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;
  -ms-user-select: none;
  user-select: none;
}
.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ag-tab {
  position: relative;
}
.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}
.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}
.ag-tab-guard-top {
  top: 1px;
}
.ag-tab-guard-bottom {
  bottom: 1px;
}
.ag-select-agg-func-popup {
  position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}
.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}
.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}
.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}
.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal,
.ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-body-viewport,
.ag-center-cols-viewport,
.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-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;
  -ms-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;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-tooltip {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}
.ag-opacity-zero {
  opacity: 0 !important;
}
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}
.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
  user-select: none;
}
.ag-menu-list {
  display: table;
  width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}
.ag-menu-option-text {
  white-space: nowrap;
}
.ag-menu-option-custom {
  display: contents;
}
.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}
.ag-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::placeholder {
  opacity: 0.8;
}
.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}
.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-autocomplete-list {
  position: relative;
}
.ag-autocomplete-virtual-list-item {
  display: flex;
}
.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}
.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}
.ag-paging-button {
  position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}
.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-select-checkbox {
  display: flex;
}
.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-details-row {
  width: 100%;
}
.ag-details-row-fixed-height {
  height: 100%;
}
.ag-details-grid {
  width: 100%;
}
.ag-details-grid-fixed-height {
  height: 100%;
}
.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  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;
  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] {
  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 {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}
[class^=ag-]::-ms-clear {
  display: none;
}
.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}
.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}
.ag-button:hover {
  background-color: transparent;
}
.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}
input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}
textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}
input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button,
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[class^=ag-][type=range] {
  padding: 0;
}
input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}
.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}
.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}
.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 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:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus,
.ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}
.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}
.ag-color-panel {
  padding: var(--ag-grid-size);
}
.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}
.ag-spectrum-tools {
  padding: 10px;
}
.ag-spectrum-sat {
  background-image:
    linear-gradient(
      to right,
      white,
      rgba(204, 154, 129, 0));
}
.ag-spectrum-val {
  background-image:
    linear-gradient(
      to top,
      black,
      rgba(204, 154, 129, 0));
}
.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-spectrum-alpha-background {
  border-radius: 2px;
}
.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-recent-colors {
  margin-top: 10px;
}
.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}
.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}
.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}
.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}
.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}
.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}
.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}
.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}
.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}
.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}
.ag-rich-select-row-text-highlight {
  font-weight: bold;
}
.ag-autocomplete {
  width: 100%;
}
.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}
.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}
.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}
.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}
.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}
.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}
.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}
.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}
.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}
.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}
.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-column-select-header-icon {
  cursor: pointer;
}
.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}
.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}
.ag-rtl {
  text-align: right;
}
.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}
.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}
.ag-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-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-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}
.ag-row-highlight-above::after {
  top: 0px;
}
.ag-row-highlight-below::after {
  bottom: 0px;
}
.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.ag-row.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-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-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}
.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}
.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}
.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}
.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}
.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}
.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}
.ag-header-highlight-before::after {
  left: 0px;
}
.ag-header-highlight-after::after {
  right: 0px;
}
.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}
.ag-header-cell-resize {
  display: flex;
  align-items: center;
}
.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}
.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}
.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
  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-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}
.ag-paging-button {
  cursor: pointer;
}
.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}
.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}
.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}
.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}
.ag-status-bar-center {
  text-align: center;
}
.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}
.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}
.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}
.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}
.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}
.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}
.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}
.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-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;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}
.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}
.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}
.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
  display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}
.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}
.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}
.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}
.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}
.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}
.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}
.ag-chart .ag-chart-menu-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;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}
.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.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-input-field-input {
  width: 100%;
  min-width: 0;
}
.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within,
.ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within,
.ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

/* node_modules/ag-grid-community/styles/ag-theme-material.css */
@font-face {
  font-family: "agGridMaterial";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABNYAAsAAAAAKbwAABMIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIo4BmAAjD4KqnijTwE2AiQDgkgLgSYABCAFhF4HhWQbqCRFRoaNAxABd9tFUR4nLfv/kMCNofIaxqvodMo2DeHyzKrTkKPGhbArChkfNhqW/p+AJU42ASMCCKNPjrq5I/ysXrzLIUlh8sD//qj7/ohpzsRJUgTdAIcMh7ZpY+bpfHXp88317x3I7AQfAWYzCS/hZyoAyeoKXQd0fE8VoKvwhL7T46b/Cp1Rh0LFk6pQM/BVb4SKGFARnwmZ0d4nlZk5NzoxZnT/4Eum91P13eTUMv2iYZFSxmy97wgOTILueMch2xmY56RjIlp4SF/UWVLLUpz88zDxMB8Ma9JaVo/wGbLYq7M+EA0LrMTt4FyW2sQOgBWBUJOADgj+W9vaQwaCLfc3TKODlFAvGEFFwF9rvdlMALnDMkJGx+numV7o997C7Mf5HaLZDU0mNAGkOweEC6E5DgAbc4Du6uwZf5qEOSlJGHVubKLjCCY1GsamAqsAm20oMcIJ1p5B0HTY69DZ0kGkiAQJkiHIE57gxQgg264A7bmqn4Wzp557AuM4vH+A89xhzz+4BbkswxUtA3mNU39AvnkXPecb4pDn+tO0nJ0drmLvecJ3+YdgpFnbCFOeHJtHyXP5AqEIJXjRwKFYgulEKsj1G6UJS9c1jOA8gUZjpdZVLenlqjaxcEVJnc/fuxWhNnm4y3qU1y6yQhPIK/Bxhmm7lAG6JqUikXEliwvvJ5U1uCJVSlUfTVlKyQxi2qa9d1fZVdtAe9Q+Eez9PsVTY9FdKJNENfypTChpdvQOXfTJoQYlsoULpIqj2Wrd3MIhX4Urs6wTlzZxSplvFu/jqSmCY5nSddcLNphqFlgZUdl/Y20ZEVYb2z+yvvuiGaXNt0lG/rqGQ7KH6PeuUF5iFedqRTfCNqnqKe/gfXyBD/iKX2A66SeTZBE5wwpUv559Sag8XgeW+jWNeioVvHylSujVWIEyp7OEm4FN81Q0Yp2meI6Kuq6WkpSbTW0yovT7PK60lydXGXK1uQQnMiJzoTRYuD7SZ2d5gETCosKPbnLynmvpwdJZijOMW7VvsqlMrxvJm2BusnscC1Yn/KmVA0F6a+zd60S6yQFqjZXt0ommKZKrLAjV7VBm7BuIDg0PGCpRz5b27U+K+daJ6ebmXzOy0xffJUWy3tSxRBTrhUQYqiGn16bEWTc95gUn7BOMqrEyJjmfT605ZZTNAjamMOdRWhPt1iXmyQi0stgfthroPXwgucQC1sRPCYOGAkxkucLhavSuTiMc7vOE/hj9qUxVLdsn08aT98gjNEhuBicBt+vXH76gIVAgoaVgOYWJjcJdfI6aeBN/AkupjMdzOSdXBNJACqgGqZCUno8PJWBbrhpjlBbm/gPIJ290IVse9pRXovf3/ec/atzyqGciidd+mcUJnO/C01adeh8YrC5JJw3bT8AAgaIMRlHLUFTdjY2VNXUQFMNphBxJZzBZbI4evfr0G4j4V4nDRowaM27CpCnTZphmzZm3YFG/JctWrFqzbsOmLaZtO3YxvfbsO3DoyLETpxDSsQznQf/nN/anVdXOFwIUe2pR2IDX5ddbcbnZwWuoXCC1GNPmQM2PDYJl1ghWWD9YZd1gjQ2BddYCNtgE2GRNYIv1gm3WBnZZH9hjPWCfDYMD1gEOWTs4YqPghDWDU9YFzlgrOGcj4IKNg0vWCa7YALhmY+Cm7yREEKwEAQgGEAIgFEAYgHAAEQAiAUQBiAYQA6AXgN4A+gDoCyAWQByAeAAJABIBJAFIBpACIBVAGoB0ABkAMgFkAcgGkGMIORBdcCQPQD6AAgCFAIpYd6UYOKMEQCmAMgDlACoAVAKoAlANoMYQciC2oI46APUAGgwhBeI4hEKIE7hOM4AWAK0A2gC0A+gC0E0xHlNeZh/xDvAApLcDmW/AEOpzQsDCX72REsV2SN5ZRgqawmTlXglkIplJkblE3QoJXI5IC/nOgPy8ZnGj1YyO+pDFawbFYDqK9XKQX+i93OpjxsbplKaHvaCjWTaFGrBtiUhUjhyGC8H1IT44Kk0CQ7Y9oktuuQIpHcPHhmyN1R2d4QKCi34+3Wf18cZUL7Ftx3wme8Ectadwd15dhVt5sBasC84cYjTPW7aEZwX5SV1yQMDgCEiUZgqtcV3662Xc/hct/c7/ltXeqGXYHR51Lne2p64vWtgFrtH8YhukDFRuiCkTEN6cRhurrBVrB0vmc11lnwjf4XGKWdna0F6e48t6Lqtr0ypyqeVZxyvwVpmqYmHuxtQCI81BwxpoiKvAuFioKWDUPvJQLrbQMokl0OCmkXKsLyNjX6oZKsdJ05Q96zSC0nflld3htsWF0TKyez5PeL5t5FrrdcRzy56lUsGo0HA4AixIjV5UufXgLRrJaLuhgdEE3uKrKW33VSZF3/E6F4xjV/aCOTqbTUeVFgscRdsTjYEwakPL1Wyj47vCIVXgLTq9dcfj1stq9p7o1Xa09tJxMGgv0dQuo81t2+bCZv94OA5XI8PdYXHadgwQQcqP+w7Lk9m7iYVIIeZCPpznalzsE3hRoCpGMXSpMHb0NalTzeVrK1udX0FCiSp1p+j27ohgPeCtCSuXfXZlpKLNhRWUwajBwkfPjtr1OXcn0qCYmnAjrnb+/5d3tS33cZiuTUyQXIKx0EW3w3WPQv5R3B0O3UjlWgdPjIKT7zz0oBrxz/6fcajhIj2Ie66h2azqdV+rTUeXDte7Ka+RMHhOGGkdMjz+qHVOOb3xuaxzjcoUssMZpqeMN6Ug7YMEtUqbc5x7XCyI7ChYs2hhkjPOaBdOtLe61ndmJkSLLPfFWs3X69QpRKRhZ4UgsGzYh3IEj6/ZDI3GORXLQGIdEFqnTsNVkAes6MhCmUGqIQAmA0KGaiCpwaQerKiv/PmTWQ2nD+WqvrH6oXEWG5v73teBv8op6c69rOihR2zd7JxgUqlxFakhtFdpk8Eg77MTOrO2e68twgkUurdMY8ZynegtZEOg+IiEPRPwvqRmlvNizOm4r0WAV8Z6+YTK+kkkhmI5EaZ/0aO5F/PM+RimNYMqdMs7OjRicmC2nDMrWOaSgLHFvrKWPh4jXXPqixp+/r7U+ZDoOSv71ImveHY6+3oLAwvnnqjlem5aAuBr88XXES7ezJLwSfn0D+6fB4O1OC5zJfG4/tnyV5Dm3JwvNIy1MyCgl42dMUi+8gRXYoWoUmW8tFs6P/TgCjXgvbpvMGqYF7llj1wR021JM7TCMSXZn0oN+B0TU5LWnkrsxQTa8GjlmGayRrrQMM0lNyl2Yl9UAfgXkRPEMGhurgo0tpbzl1hsOl2uZLarEYVHFt0VDoZPs9GHXQPw4ZXnZChAskCPXD6dSO93j4JaZiA9QMYi1isZmrbGJvHFv6bYZJtxIYLLVFLyVqkHrWd+qlft6p/LatTozvoY2vUq1fp8J9Yca97nrdtLzsbhWe83sVqBIc4B3rUdjnfvBByBrBMTic7hSlFwWSPiLMvEZSUWVD8rgGlQleoH8uODajY+Htgx10vyQnKCgnJC8l6LO50TVBt+veaolq5fRyVNkuvpFYI7ZR3Sjo/cel69Cm/43gCC16pItl73bUm2971so2+OA0yiUhMSrlyWyxMS1e64h6fYU5xuIfVD+cpEyvzg0zmZDC0oIBAiI67wc1+5fGVP5M6dyz8JLSDABpAF8nk5wFAsM7g0NeRJpLRxHOB2amxXMjgTWPsVPXWax47iOPAgntbCAOIiXG37shsQgLkQgIowiAsDB/QG9wbw61XOqvDy6TGBoPsfSosbRD2sfToupS5+LiUuQcl/Jnv4wF2rN43NIzoPpWuMsUJHJHusv8Lmvqlxqd/37SwqdLGBSDELdyYv2WbQElEfYGR2wN/+eLF9aqpFp+HWvYYW5lSajeH1/8h6yw1by8Sf9U1SyIYys3+CJoG36WsauV23ibrdoDws8ZUt2WBJxjSDRvvrMnlL+HL3424nzN0BtUWvMZ60wJz+wLxmo9HRbHP/W96LSdvJEuCpMThxXK1Q2IW4LpTqkz5nP1qyAirNG2l4KumolYPFaubqJcwlqyDLUT7WY5bQ5Y9irrKALI/y+QpFjh2gm2gfRWtkKO7Z/StpzUsrllctpUUbmUD/hadHp2+7h1xcbOSjbxKfUCVoPr2OvNzc1DwwtTOlJXBowWIjeyMyWL5/mniLCXuAYK1x0XMm5OIwXRwfn+Zfmsy1ZduWV1txqpB8cUI8q5dZqiNNZLLESxyCOpnFt1iQi+NvDpthwdMyKs7AKTc5OiOzN6B/6IarfeByoHnvgJPvVLYt11ZWaWfNsZ4vaZ0n38ODnybuVBpd2INgeW0Lfcs1evb5gAzHBBgsE6gFYliLaMG/9DOnCbNBh1zXIFoE0MkSVIBKsXQc4MTTHt4LTFETxDQxpnyUZ7WiGg8RzopFyhqRYjT4tt+cmmYe2x8q1Uw8UjMjf1QwqYEt98NYEhaaGxycUytuFcqUgPdbzixMRBIb5bPR7hz3KxrnSvICj5ai4sTE4qJV4lWHP14CrLg2rbg/KyYmLgAWPXhULVCDdjxzO9SI+m4fPQC/oxVo6wKqCdb+CnPXyCvKmZ6SZXrGe8TFecR7ZoaWwhP371vCpfGUUypUFgb8+ir3XPyV/OvhbghAm5MEr/A4mgzBQxA4Gv0rbzPSIetAQEbg6GiJzmruhYeHUjnffEKIzM8jwhPN80pANw5B7TzP253R5z3taDXZFOsimv6TAydtdqnnS6LipTqPfsSmsM/eJX/mu4r9eVztpcrnsDmlHInu5VeVZDmnOY2OOqU5Z90Ud3p09H/oLOebgvwLC/urs4LS6fT0oCxF8Xr6dHpWkKI2P9B8ZdUyGLXDyTM1TP9yTLyd8XbM2Jknr/VYWhz49WgdeY4Cx4H1OsZbVVaid3Acvdm1CIAzzxpkXsibjMFN4LFjql62c+fMB5VGIwV3bHgID+xffvql1Z7B8Qhw4cLDrxjsGcRCb4ZF5UeELn5ovjxLIFjMrezp3sgtiwl90J4N7PCEoREK7ZDanGweD8MCjh4D+g8m0OhNmHrW12+KxriXY6argpAHD+Bq6vm+I0CDQf8vPAILOOD0rEB+Ut0jF3LECOfQ0aijhxG2WMjGeiyiXNnJrCUc2dzYLRtzLPrYIXMEOfJu80hXYTKC5hcCal+lgYnB3kHLTHzf41fNMVeBbKCEgYMBKPZX+0fukRyWmCgaGk5MTkxOngCaEMoJyr0B5+wsj3sI9xS/Y592oVSm+kHbP8FknNt75JbprCnfqcYI16hfprfxW5dz0ql7Ti5ONYDvuG6CZJl5XPyz+3VAFMHW8WFPefYA2dlHuxuxbNlGx8HTD0qX4xQt5Ticn36RcgvHlc7KU7JYQsm7RaOYpczMIDeOI+/1+TwZBb4aoD2lvevPH1wV3XAeqmYMAAC2j1aRYLDx9WmBuDkssF8zsUjVha4kqPfpJp7RGez/n6yG+CXuVcvoLiOK2eyfTlAVVAkr6H+qNgyC5AA5RBKIhtaEcIlIMM0quXwT+6lxj431JVEV6kPHEKP6HGmiC71Esym7jVgREY1nhUR9oM0JtmCkmq5sY/3KtiKogvKarjtbwbaBNgyioo0NER1pRzT8m/Wn8Wf+gdxco4h/FusRVQAkY8mbz7qBGM86qoT8mUWRvYTRbEM6KNlV/GlJfvsEyUjqbXHQkZuAbLgN/NkystAXYz8ycLRdEjlGLlQKTQwBI7XeAktj2lPponqKZdtQ/eQcA57HkFQdxKS3AaMc7yoG6n2qOKj3A9MM+yUu0CyAGd7tbvjz80NrjPzDXbM3j0qAvQpv4HJQqxUwX8UXcPKE5VF9yHWvAYF3t9KUzbxMnTsWsaVlassrQoEQqIxM36ClnojEk4MDuzmGWlPbU5xrzDMeURsBrhK8QcfJ9OErrLXKYvxCKoFvOkEljlDjUNu4RmSlyGuUaMwzb9JxjnethPVajLQUrxo2NVUginYYxe43oJGuMbFwoxMckA1ZXV1DNxL9WXVY6KN7YUAY4UQjguSIJPr3d20R+yeXv9deluMFUZIVVdMN07Id1/ODMIqTNMuLsqqbtuuHcZqXdduP87ofp86cu3DpyrUbt+7ce/DoybMXr968r5U4HINT4gnHapimaagePdaBGkKhT8WyuX7QPw3NqnI0mP3KZ3g0IMCtRyWwzavIqBVc1R2Iq+gvGvHCNcwtpmXdKKy0gBnpjvNCD6U01E831K+MTCZdwHfr+OLaUTVe0CzBD1UKKk2GdOzYVrhhvHAYJxm58bFwQzmOpAVkFNLKOBS2fKwLoZXx6BbbmPnW/8KoTcyLgUrmKNgIK9hSqRBoCruIxmkYIohFrI5kk3dfDVVNFiGsyNqNShgWXG4ioxQdLKe7gWmVoSmeTC9oBVjX0OJWhKhkKJ5mWxhg7HCpOjtFwMW8g/eM4pVTIeMLi2GLIEUTTor0qDytjiVWU+aM8x5iG9eSQyGYqiERapeZ+yUU+4rDgPAImkq0YOJHY6b6aWXRXMf6XT0=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-material,
.ag-theme-material-dark,
.ag-theme-material-auto-dark {
  --ag-material-primary-color: #3f51b5;
  --ag-material-accent-color: #ff4081;
  --ag-foreground-color: rgba(0, 0, 0, 0.87);
  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
  --ag-background-color: #fff;
  --ag-header-background-color: #fff;
  --ag-tooltip-background-color: #fff;
  --ag-subheader-background-color: #eee;
  --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);
  --ag-header-cell-hover-background-color: #f2f2f2;
  --ag-chip-background-color: #e2e2e2;
  --ag-range-selection-background-color: rgba(122, 134, 203, 0.1);
  --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);
  --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);
  --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 50%);
  --ag-range-selection-highlight-color: #fce4ec;
  --ag-row-hover-color: #fafafa;
  --ag-column-hover-color: #fafafa;
  --ag-control-panel-background-color: #fafafa;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-checkbox-unchecked-color: #333;
  --ag-value-change-value-highlight-background-color: #00acc1;
  --ag-side-button-selected-background-color: transparent;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-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-range-selection-border-color: var(--ag-material-primary-color);
  --ag-checkbox-checked-color: var(--ag-material-accent-color);
  --ag-borders: none;
  --ag-borders-critical: solid 1px;
  --ag-border-color: #e2e2e2;
  --ag-grid-size: 8px;
  --ag-icon-size: 18px;
  --ag-header-height: calc(var(--ag-grid-size) * 7);
  --ag-row-height: calc(var(--ag-grid-size) * 6);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
  --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);
  --ag-checkbox-border-radius: 2px;
  --ag-toggle-button-switch-border-width: 2px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);
  --ag-font-family:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridMaterial;
  --ag-selected-tab-underline-color: var(--ag-material-primary-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-input-focus-border-color: var(--ag-material-primary-color);
  --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  --ag-card-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --ag-card-radius: 2px;
  --ag-invalid-color: #e02525;
}
.ag-theme-material-dark {
  --ag-material-primary-color: #3f51b5;
  --ag-material-accent-color: #bb86fcff;
  --ag-range-selection-border-color: var(--ag-material-accent-color);
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-background-color: #121212ff;
  --ag-foreground-color: #ffffffff;
  --ag-data-color: #f5f5f5ff;
  --ag-header-cell-hover-background-color: #000000ff;
  --ag-advanced-filter-join-pill-color: #7a3a37ff;
  --ag-advanced-filter-column-pill-color: #355f2dff;
  --ag-advanced-filter-option-pill-color: #5a3168ff;
  --ag-advanced-filter-value-pill-color: #374c86ff;
  --ag-input-disabled-border-color: #3a434eff;
  --ag-input-disabled-background-color: #68686e12;
  --ag-selected-row-background-color: #bb86fc33;
  --ag-row-hover-color: #bb86fc33;
  --ag-column-hover-color: #f5f5f50d;
  --ag-range-selection-background-color: #bb86fc1a;
  --ag-range-selection-background-color-2: #bb86fc30;
  --ag-range-selection-background-color-3: #bb86fc45;
  --ag-range-selection-background-color-4: #bb86fc57;
  --ag-border-color: #383838ff;
  --ag-secondary-border-color: #383838ff;
  --ag-header-background-color: #121212ff;
  --ag-tooltip-background-color: #212b38ff;
  --ag-odd-row-background-color: #121212ff;
  --ag-control-panel-background-color: #2c2c2cff;
  --ag-subheader-background-color: #ffffff0d;
  --ag-subheader-toolbar-background-color: #2c2c2cff;
  --ag-invalid-color: #e02525ff;
  --ag-checkbox-unchecked-color: #797e87ff;
  --ag-checkbox-background-color: #121212ff;
  --ag-secondary-foreground-color: #f5f5f5ff;
  --ag-input-border-color: #383838ff;
  --ag-input-border-color-invalid: #e02525ff;
  --ag-disabled-foreground-color: #f5f5f580;
  --ag-chip-background-color: #22262812;
  --ag-side-button-selected-background-color: #2c2c2cff;
  --ag-selected-tab-underline-color: #3f51b5ff;
  --ag-modal-overlay-background-color: #121212a8;
  --ag-value-change-delta-up-color: #43a047a8;
  --ag-value-change-delta-down-color: #e53935ff;
  --ag-menu-background-color: #2c2c2cff;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .ag-theme-material-auto-dark {
    --ag-material-primary-color: #3f51b5;
    --ag-material-accent-color: #bb86fcff;
    --ag-range-selection-border-color: var(--ag-material-accent-color);
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-background-color: #121212ff;
    --ag-foreground-color: #ffffffff;
    --ag-data-color: #f5f5f5ff;
    --ag-header-cell-hover-background-color: #000000ff;
    --ag-advanced-filter-join-pill-color: #7a3a37ff;
    --ag-advanced-filter-column-pill-color: #355f2dff;
    --ag-advanced-filter-option-pill-color: #5a3168ff;
    --ag-advanced-filter-value-pill-color: #374c86ff;
    --ag-input-disabled-border-color: #3a434eff;
    --ag-input-disabled-background-color: #68686e12;
    --ag-selected-row-background-color: #bb86fc33;
    --ag-row-hover-color: #bb86fc33;
    --ag-column-hover-color: #f5f5f50d;
    --ag-range-selection-background-color: #bb86fc1a;
    --ag-range-selection-background-color-2: #bb86fc30;
    --ag-range-selection-background-color-3: #bb86fc45;
    --ag-range-selection-background-color-4: #bb86fc57;
    --ag-border-color: #383838ff;
    --ag-secondary-border-color: #383838ff;
    --ag-header-background-color: #121212ff;
    --ag-tooltip-background-color: #212b38ff;
    --ag-odd-row-background-color: #121212ff;
    --ag-control-panel-background-color: #2c2c2cff;
    --ag-subheader-background-color: #ffffff0d;
    --ag-subheader-toolbar-background-color: #2c2c2cff;
    --ag-invalid-color: #e02525ff;
    --ag-checkbox-unchecked-color: #797e87ff;
    --ag-checkbox-background-color: #121212ff;
    --ag-secondary-foreground-color: #f5f5f5ff;
    --ag-input-border-color: #383838ff;
    --ag-input-border-color-invalid: #e02525ff;
    --ag-disabled-foreground-color: #f5f5f580;
    --ag-chip-background-color: #22262812;
    --ag-side-button-selected-background-color: #2c2c2cff;
    --ag-selected-tab-underline-color: #3f51b5ff;
    --ag-modal-overlay-background-color: #121212a8;
    --ag-value-change-delta-up-color: #43a047a8;
    --ag-value-change-delta-down-color: #e53935ff;
    --ag-menu-background-color: #2c2c2cff;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-status-bar,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-row-number-cell,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-multi-filter-group-title-bar,
.ag-theme-material-dark .ag-filter-toolpanel-header,
.ag-theme-material-dark .ag-filter-toolpanel-search,
.ag-theme-material-dark .ag-status-bar,
.ag-theme-material-dark .ag-header-row,
.ag-theme-material-dark .ag-row-number-cell,
.ag-theme-material-dark .ag-panel-title-bar-title,
.ag-theme-material-dark .ag-multi-filter-group-title-bar,
.ag-theme-material-auto-dark .ag-filter-toolpanel-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-search,
.ag-theme-material-auto-dark .ag-status-bar,
.ag-theme-material-auto-dark .ag-header-row,
.ag-theme-material-auto-dark .ag-row-number-cell,
.ag-theme-material-auto-dark .ag-panel-title-bar-title,
.ag-theme-material-auto-dark .ag-multi-filter-group-title-bar {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-header-foreground-color);
}
.ag-theme-material .ag-tab,
.ag-theme-material-dark .ag-tab,
.ag-theme-material-auto-dark .ag-tab {
  height: calc(var(--ag-grid-size) * 4.5);
  flex: 1 1 auto;
}
.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal,
.ag-theme-material-dark .ag-tabs-header,
.ag-theme-material-dark .ag-column-drop-horizontal,
.ag-theme-material-auto-dark .ag-tabs-header,
.ag-theme-material-auto-dark .ag-column-drop-horizontal {
  background-color: var(--ag-subheader-background-color);
}
.ag-theme-material .ag-tabs-body,
.ag-theme-material-dark .ag-tabs-body,
.ag-theme-material-auto-dark .ag-tabs-body {
  padding: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-theme-material .ag-tabs-body .ag-menu-list,
.ag-theme-material-dark .ag-tabs-body .ag-menu-list,
.ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell,
.ag-theme-material-dark .ag-header-cell,
.ag-theme-material-dark .ag-header-group-cell,
.ag-theme-material-auto-dark .ag-header-cell,
.ag-theme-material-auto-dark .ag-header-group-cell {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
.ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
  bottom: 0;
}
.ag-theme-material .ag-cell-inline-editing,
.ag-theme-material-dark .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-cell-inline-editing {
  padding: var(--ag-grid-size);
  height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);
  border-color: var(--ag-border-color) !important;
}
.ag-theme-material .ag-has-focus .ag-cell-inline-editing,
.ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing,
.ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-theme-material .ag-column-drop-vertical,
.ag-theme-material-dark .ag-column-drop-vertical,
.ag-theme-material-auto-dark .ag-column-drop-vertical {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
  padding-top: var(--ag-grid-size);
}
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop,
.ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop,
.ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-material .ag-column-drop-vertical-cell,
.ag-theme-material-dark .ag-column-drop-vertical-cell,
.ag-theme-material-auto-dark .ag-column-drop-vertical-cell {
  margin-left: 0;
}
.ag-theme-material .ag-column-drop-vertical-empty-message,
.ag-theme-material-dark .ag-column-drop-vertical-empty-message,
.ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message,
.ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message,
.ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-right: var(--ag-grid-size);
}
.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message,
.ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message,
.ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-left: var(--ag-grid-size);
}
.ag-theme-material .ag-status-bar,
.ag-theme-material-dark .ag-status-bar,
.ag-theme-material-auto-dark .ag-status-bar {
  border: solid 1px;
  border-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-panel-column-select,
.ag-theme-material-dark .ag-column-panel-column-select,
.ag-theme-material-auto-dark .ag-column-panel-column-select {
  border-top: solid 1px;
  border-top-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header,
.ag-theme-material-dark .ag-column-select,
.ag-theme-material-dark .ag-column-select-header,
.ag-theme-material-auto-dark .ag-column-select,
.ag-theme-material-auto-dark .ag-column-select-header {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select-header,
.ag-theme-material-dark .ag-column-select-header,
.ag-theme-material-auto-dark .ag-column-select-header {
  height: var(--ag-header-height);
}
.ag-theme-material .ag-group-title-bar,
.ag-theme-material-dark .ag-group-title-bar,
.ag-theme-material-auto-dark .ag-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);
}
.ag-theme-material .ag-charts-format-sub-level-group-title-bar,
.ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section,
.ag-theme-material .ag-chart-advanced-settings-section,
.ag-theme-material-dark .ag-chart-data-section,
.ag-theme-material-dark .ag-chart-format-section,
.ag-theme-material-dark .ag-chart-advanced-settings-section,
.ag-theme-material-auto-dark .ag-chart-data-section,
.ag-theme-material-auto-dark .ag-chart-format-section,
.ag-theme-material-auto-dark .ag-chart-advanced-settings-section {
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-],
.ag-theme-material-dark input[class^=ag-]:not([type]),
.ag-theme-material-dark input[class^=ag-][type=text],
.ag-theme-material-dark input[class^=ag-][type=number],
.ag-theme-material-dark input[class^=ag-][type=tel],
.ag-theme-material-dark input[class^=ag-][type=date],
.ag-theme-material-dark input[class^=ag-][type=datetime-local],
.ag-theme-material-dark textarea[class^=ag-],
.ag-theme-material-auto-dark input[class^=ag-]:not([type]),
.ag-theme-material-auto-dark input[class^=ag-][type=text],
.ag-theme-material-auto-dark input[class^=ag-][type=number],
.ag-theme-material-auto-dark input[class^=ag-][type=tel],
.ag-theme-material-auto-dark input[class^=ag-][type=date],
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-material-auto-dark textarea[class^=ag-] {
  background: transparent;
  color: var(--ag-foreground-color);
  font-family: inherit;
  font-size: inherit;
  padding-bottom: var(--ag-grid-size);
  border-width: 0;
  border-radius: 0;
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material input[class^=ag-][type=text]:not(textarea),
.ag-theme-material input[class^=ag-][type=number]:not(textarea),
.ag-theme-material input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material input[class^=ag-][type=date]:not(textarea),
.ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material textarea[class^=ag-]:not(textarea),
.ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material-dark input[class^=ag-][type=text]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=number]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=date]:not(textarea),
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material-dark textarea[class^=ag-]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea),
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea),
.ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) {
  height: calc(var(--ag-grid-size) * 5);
}
.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus,
.ag-theme-material-dark input[class^=ag-]:not([type]):focus,
.ag-theme-material-dark input[class^=ag-][type=text]:focus,
.ag-theme-material-dark input[class^=ag-][type=number]:focus,
.ag-theme-material-dark input[class^=ag-][type=tel]:focus,
.ag-theme-material-dark input[class^=ag-][type=date]:focus,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material-dark textarea[class^=ag-]:focus,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:focus,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material-auto-dark textarea[class^=ag-]:focus {
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-material-primary-color);
  outline: none;
  box-shadow: none;
}
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder,
.ag-theme-material-dark input[class^=ag-]:not([type])::placeholder,
.ag-theme-material-dark input[class^=ag-][type=text]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=number]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=tel]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=date]::placeholder,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material-dark textarea[class^=ag-]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material-auto-dark textarea[class^=ag-]::placeholder {
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled,
.ag-theme-material-dark input[class^=ag-]:not([type]):disabled,
.ag-theme-material-dark input[class^=ag-][type=text]:disabled,
.ag-theme-material-dark input[class^=ag-][type=number]:disabled,
.ag-theme-material-dark input[class^=ag-][type=tel]:disabled,
.ag-theme-material-dark input[class^=ag-][type=date]:disabled,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material-dark textarea[class^=ag-]:disabled,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material-auto-dark textarea[class^=ag-]:disabled {
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid,
.ag-theme-material-dark input[class^=ag-]:not([type]):invalid,
.ag-theme-material-dark input[class^=ag-][type=text]:invalid,
.ag-theme-material-dark input[class^=ag-][type=number]:invalid,
.ag-theme-material-dark input[class^=ag-][type=tel]:invalid,
.ag-theme-material-dark input[class^=ag-][type=date]:invalid,
.ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material-dark textarea[class^=ag-]:invalid,
.ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid,
.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material-auto-dark textarea[class^=ag-]:invalid {
  border-width: 0;
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-invalid-color);
  color: var(--ag-invalid-color);
}
.ag-theme-material .ag-standard-button,
.ag-theme-material-dark .ag-standard-button,
.ag-theme-material-auto-dark .ag-standard-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--ag-material-primary-color);
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.ag-theme-material .ag-standard-button:disabled,
.ag-theme-material-dark .ag-standard-button:disabled,
.ag-theme-material-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-material.ag-dnd-ghost,
.ag-theme-material-dark.ag-dnd-ghost,
.ag-theme-material-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material-dark .ag-filter-toolpanel-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header,
.ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header,
.ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 7);
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button,
.ag-theme-material .ag-ltr .ag-advanced-filter-apply-button,
.ag-theme-material .ag-ltr .ag-advanced-filter-builder-button,
.ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button,
.ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button,
.ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button,
.ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button,
.ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button,
.ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: var(--ag-grid-size);
}
.ag-theme-material .ag-rtl .ag-filter-apply-panel-button,
.ag-theme-material .ag-rtl .ag-advanced-filter-apply-button,
.ag-theme-material .ag-rtl .ag-advanced-filter-builder-button,
.ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button,
.ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button,
.ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button,
.ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button,
.ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button,
.ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: var(--ag-grid-size);
}
.ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-viewport,
.ag-theme-material .ag-layout-print .ag-center-cols-container,
.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-material-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-material .ag-picker-field-wrapper:focus-within,
.ag-theme-material-dark .ag-picker-field-wrapper:focus-within,
.ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within {
  box-shadow: 0 0 0 1px var(--ag-material-primary-color);
}
.ag-theme-material .ag-rich-select-list,
.ag-theme-material-dark .ag-rich-select-list,
.ag-theme-material-auto-dark .ag-rich-select-list {
  box-shadow:
    rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
    rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
    rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.ag-theme-material .ag-advanced-filter-builder-button-label,
.ag-theme-material-dark .ag-advanced-filter-builder-button-label,
.ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label {
  text-transform: uppercase;
}
.ag-theme-material .ag-filter-active .ag-icon-filter,
.ag-theme-material-dark .ag-filter-active .ag-icon-filter,
.ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-material-accent-color);
}
.ag-theme-material .ag-list-item-hovered::after,
.ag-theme-material-dark .ag-list-item-hovered::after,
.ag-theme-material-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-pill .ag-pill-button:hover,
.ag-theme-material-dark .ag-pill .ag-pill-button:hover,
.ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-header-highlight-before::after,
.ag-theme-material .ag-header-highlight-after::after,
.ag-theme-material-dark .ag-header-highlight-before::after,
.ag-theme-material-dark .ag-header-highlight-after::after,
.ag-theme-material-auto-dark .ag-header-highlight-before::after,
.ag-theme-material-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-material-primary-color);
}
.ag-theme-material .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material .ag-disabled .ag-icon,
.ag-theme-material .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material [disabled] .ag-icon,
.ag-theme-material-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material-dark .ag-disabled .ag-icon,
.ag-theme-material-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material-dark [disabled] .ag-icon,
.ag-theme-material-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-material-auto-dark .ag-disabled .ag-icon,
.ag-theme-material-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-material-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
:root {
  --iti-border-gray: #ccc;
  --iti-text-gray: #999;
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: var(--iti-border-gray);
  --iti-dialcode-color: var(--iti-text-gray);
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url("./media/flags.webp");
  --iti-path-flags-2x: url("./media/flags@2x.webp");
  --iti-path-globe-1x: url("./media/globe.webp");
  --iti-path-globe-2x: url("./media/globe@2x.webp");
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__flag-box,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}
.iti--allow-dropdown .iti__country-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  --iti-flag-offset: 100px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__np {
  --iti-flag-width: 13px;
}
.iti__va,
.iti__ch {
  --iti-flag-width: 15px;
}
.iti__ne,
.iti__be {
  --iti-flag-width: 18px;
}
.iti__mc {
  --iti-flag-width: 19px;
}
.iti__zw,
.iti__ws,
.iti__vg,
.iti__uz,
.iti__uk,
.iti__tv,
.iti__to,
.iti__tl,
.iti__tk,
.iti__tj,
.iti__tc,
.iti__ta,
.iti__su,
.iti__st,
.iti__ss,
.iti__si,
.iti__sh,
.iti__sd,
.iti__sc,
.iti__sb,
.iti__ps,
.iti__pn,
.iti__ph,
.iti__om,
.iti__nz,
.iti__nu,
.iti__nr,
.iti__ng,
.iti__nf,
.iti__nc,
.iti__my,
.iti__ms,
.iti__mp,
.iti__mn,
.iti__mk,
.iti__me,
.iti__md,
.iti__ly,
.iti__lv,
.iti__lk,
.iti__lc,
.iti__kz,
.iti__ky,
.iti__kw,
.iti__kp,
.iti__ki,
.iti__jo,
.iti__jm,
.iti__io,
.iti__im,
.iti__ie,
.iti__hu,
.iti__hr,
.iti__hn,
.iti__hm,
.iti__gw,
.iti__gs,
.iti__gi,
.iti__gb,
.iti__fk,
.iti__fj,
.iti__et,
.iti__er,
.iti__eh,
.iti__dm,
.iti__dg,
.iti__cx,
.iti__cu,
.iti__ck,
.iti__cc,
.iti__ca,
.iti__by,
.iti__bs,
.iti__bn,
.iti__bm,
.iti__ba,
.iti__az,
.iti__au,
.iti__as,
.iti__am,
.iti__ai,
.iti__ae,
.iti__ac {
  --iti-flag-height: 10px;
}
.iti__us,
.iti__um,
.iti__py,
.iti__mh,
.iti__lr,
.iti__gu,
.iti__fm {
  --iti-flag-height: 11px;
}
.iti__vu,
.iti__tt,
.iti__sv,
.iti__ni,
.iti__mx,
.iti__lu,
.iti__lt,
.iti__li,
.iti__km,
.iti__kg,
.iti__je,
.iti__ir,
.iti__ht,
.iti__gy,
.iti__gd,
.iti__fi,
.iti__de,
.iti__cv,
.iti__cr,
.iti__cq,
.iti__bz,
.iti__bi,
.iti__bh,
.iti__bg,
.iti__bd {
  --iti-flag-height: 12px;
}
.iti__tg,
.iti__se,
.iti__pw,
.iti__pl,
.iti__kh,
.iti__gt,
.iti__ee,
.iti__ax,
.iti__ar {
  --iti-flag-height: 13px;
}
.iti__xk,
.iti__va,
.iti__sm,
.iti__sj,
.iti__pg,
.iti__np,
.iti__no,
.iti__ne,
.iti__mc,
.iti__is,
.iti__il,
.iti__ga,
.iti__fo,
.iti__dk,
.iti__ch,
.iti__cd,
.iti__bv,
.iti__be,
.iti__al {
  --iti-flag-height: 15px;
}
.iti__qa {
  --iti-flag-height: 8px;
}
.iti__ac {
  --iti-flag-offset: 0px;
}
.iti__ad {
  --iti-flag-offset: -22px;
}
.iti__ae {
  --iti-flag-offset: -44px;
}
.iti__af {
  --iti-flag-offset: -66px;
}
.iti__ag {
  --iti-flag-offset: -88px;
}
.iti__ai {
  --iti-flag-offset: -110px;
}
.iti__al {
  --iti-flag-offset: -132px;
}
.iti__am {
  --iti-flag-offset: -154px;
}
.iti__ao {
  --iti-flag-offset: -176px;
}
.iti__aq {
  --iti-flag-offset: -198px;
}
.iti__ar {
  --iti-flag-offset: -220px;
}
.iti__as {
  --iti-flag-offset: -242px;
}
.iti__at {
  --iti-flag-offset: -264px;
}
.iti__au {
  --iti-flag-offset: -286px;
}
.iti__aw {
  --iti-flag-offset: -308px;
}
.iti__ax {
  --iti-flag-offset: -330px;
}
.iti__az {
  --iti-flag-offset: -352px;
}
.iti__ba {
  --iti-flag-offset: -374px;
}
.iti__bb {
  --iti-flag-offset: -396px;
}
.iti__bd {
  --iti-flag-offset: -418px;
}
.iti__be {
  --iti-flag-offset: -440px;
}
.iti__bf {
  --iti-flag-offset: -460px;
}
.iti__bg {
  --iti-flag-offset: -482px;
}
.iti__bh {
  --iti-flag-offset: -504px;
}
.iti__bi {
  --iti-flag-offset: -526px;
}
.iti__bj {
  --iti-flag-offset: -548px;
}
.iti__bl {
  --iti-flag-offset: -570px;
}
.iti__bm {
  --iti-flag-offset: -592px;
}
.iti__bn {
  --iti-flag-offset: -614px;
}
.iti__bo {
  --iti-flag-offset: -636px;
}
.iti__bq {
  --iti-flag-offset: -658px;
}
.iti__br {
  --iti-flag-offset: -680px;
}
.iti__bs {
  --iti-flag-offset: -702px;
}
.iti__bt {
  --iti-flag-offset: -724px;
}
.iti__bv {
  --iti-flag-offset: -746px;
}
.iti__bw {
  --iti-flag-offset: -768px;
}
.iti__by {
  --iti-flag-offset: -790px;
}
.iti__bz {
  --iti-flag-offset: -812px;
}
.iti__ca {
  --iti-flag-offset: -834px;
}
.iti__cc {
  --iti-flag-offset: -856px;
}
.iti__cd {
  --iti-flag-offset: -878px;
}
.iti__cf {
  --iti-flag-offset: -900px;
}
.iti__cg {
  --iti-flag-offset: -922px;
}
.iti__ch {
  --iti-flag-offset: -944px;
}
.iti__ci {
  --iti-flag-offset: -961px;
}
.iti__ck {
  --iti-flag-offset: -983px;
}
.iti__cl {
  --iti-flag-offset: -1005px;
}
.iti__cm {
  --iti-flag-offset: -1027px;
}
.iti__cn {
  --iti-flag-offset: -1049px;
}
.iti__co {
  --iti-flag-offset: -1071px;
}
.iti__cp {
  --iti-flag-offset: -1093px;
}
.iti__cq {
  --iti-flag-offset: -1115px;
}
.iti__cr {
  --iti-flag-offset: -1137px;
}
.iti__cu {
  --iti-flag-offset: -1159px;
}
.iti__cv {
  --iti-flag-offset: -1181px;
}
.iti__cw {
  --iti-flag-offset: -1203px;
}
.iti__cx {
  --iti-flag-offset: -1225px;
}
.iti__cy {
  --iti-flag-offset: -1247px;
}
.iti__cz {
  --iti-flag-offset: -1269px;
}
.iti__de {
  --iti-flag-offset: -1291px;
}
.iti__dg {
  --iti-flag-offset: -1313px;
}
.iti__dj {
  --iti-flag-offset: -1335px;
}
.iti__dk {
  --iti-flag-offset: -1357px;
}
.iti__dm {
  --iti-flag-offset: -1379px;
}
.iti__do {
  --iti-flag-offset: -1401px;
}
.iti__dz {
  --iti-flag-offset: -1423px;
}
.iti__ea {
  --iti-flag-offset: -1445px;
}
.iti__ec {
  --iti-flag-offset: -1467px;
}
.iti__ee {
  --iti-flag-offset: -1489px;
}
.iti__eg {
  --iti-flag-offset: -1511px;
}
.iti__eh {
  --iti-flag-offset: -1533px;
}
.iti__er {
  --iti-flag-offset: -1555px;
}
.iti__es {
  --iti-flag-offset: -1577px;
}
.iti__et {
  --iti-flag-offset: -1599px;
}
.iti__eu {
  --iti-flag-offset: -1621px;
}
.iti__ez {
  --iti-flag-offset: -1643px;
}
.iti__fi {
  --iti-flag-offset: -1665px;
}
.iti__fj {
  --iti-flag-offset: -1687px;
}
.iti__fk {
  --iti-flag-offset: -1709px;
}
.iti__fm {
  --iti-flag-offset: -1731px;
}
.iti__fo {
  --iti-flag-offset: -1753px;
}
.iti__fr {
  --iti-flag-offset: -1775px;
}
.iti__fx {
  --iti-flag-offset: -1797px;
}
.iti__ga {
  --iti-flag-offset: -1819px;
}
.iti__gb {
  --iti-flag-offset: -1841px;
}
.iti__gd {
  --iti-flag-offset: -1863px;
}
.iti__ge {
  --iti-flag-offset: -1885px;
}
.iti__gf {
  --iti-flag-offset: -1907px;
}
.iti__gg {
  --iti-flag-offset: -1929px;
}
.iti__gh {
  --iti-flag-offset: -1951px;
}
.iti__gi {
  --iti-flag-offset: -1973px;
}
.iti__gl {
  --iti-flag-offset: -1995px;
}
.iti__gm {
  --iti-flag-offset: -2017px;
}
.iti__gn {
  --iti-flag-offset: -2039px;
}
.iti__gp {
  --iti-flag-offset: -2061px;
}
.iti__gq {
  --iti-flag-offset: -2083px;
}
.iti__gr {
  --iti-flag-offset: -2105px;
}
.iti__gs {
  --iti-flag-offset: -2127px;
}
.iti__gt {
  --iti-flag-offset: -2149px;
}
.iti__gu {
  --iti-flag-offset: -2171px;
}
.iti__gw {
  --iti-flag-offset: -2193px;
}
.iti__gy {
  --iti-flag-offset: -2215px;
}
.iti__hk {
  --iti-flag-offset: -2237px;
}
.iti__hm {
  --iti-flag-offset: -2259px;
}
.iti__hn {
  --iti-flag-offset: -2281px;
}
.iti__hr {
  --iti-flag-offset: -2303px;
}
.iti__ht {
  --iti-flag-offset: -2325px;
}
.iti__hu {
  --iti-flag-offset: -2347px;
}
.iti__ic {
  --iti-flag-offset: -2369px;
}
.iti__id {
  --iti-flag-offset: -2391px;
}
.iti__ie {
  --iti-flag-offset: -2413px;
}
.iti__il {
  --iti-flag-offset: -2435px;
}
.iti__im {
  --iti-flag-offset: -2457px;
}
.iti__in {
  --iti-flag-offset: -2479px;
}
.iti__io {
  --iti-flag-offset: -2501px;
}
.iti__iq {
  --iti-flag-offset: -2523px;
}
.iti__ir {
  --iti-flag-offset: -2545px;
}
.iti__is {
  --iti-flag-offset: -2567px;
}
.iti__it {
  --iti-flag-offset: -2589px;
}
.iti__je {
  --iti-flag-offset: -2611px;
}
.iti__jm {
  --iti-flag-offset: -2633px;
}
.iti__jo {
  --iti-flag-offset: -2655px;
}
.iti__jp {
  --iti-flag-offset: -2677px;
}
.iti__ke {
  --iti-flag-offset: -2699px;
}
.iti__kg {
  --iti-flag-offset: -2721px;
}
.iti__kh {
  --iti-flag-offset: -2743px;
}
.iti__ki {
  --iti-flag-offset: -2765px;
}
.iti__km {
  --iti-flag-offset: -2787px;
}
.iti__kn {
  --iti-flag-offset: -2809px;
}
.iti__kp {
  --iti-flag-offset: -2831px;
}
.iti__kr {
  --iti-flag-offset: -2853px;
}
.iti__kw {
  --iti-flag-offset: -2875px;
}
.iti__ky {
  --iti-flag-offset: -2897px;
}
.iti__kz {
  --iti-flag-offset: -2919px;
}
.iti__la {
  --iti-flag-offset: -2941px;
}
.iti__lb {
  --iti-flag-offset: -2963px;
}
.iti__lc {
  --iti-flag-offset: -2985px;
}
.iti__li {
  --iti-flag-offset: -3007px;
}
.iti__lk {
  --iti-flag-offset: -3029px;
}
.iti__lr {
  --iti-flag-offset: -3051px;
}
.iti__ls {
  --iti-flag-offset: -3073px;
}
.iti__lt {
  --iti-flag-offset: -3095px;
}
.iti__lu {
  --iti-flag-offset: -3117px;
}
.iti__lv {
  --iti-flag-offset: -3139px;
}
.iti__ly {
  --iti-flag-offset: -3161px;
}
.iti__ma {
  --iti-flag-offset: -3183px;
}
.iti__mc {
  --iti-flag-offset: -3205px;
}
.iti__md {
  --iti-flag-offset: -3226px;
}
.iti__me {
  --iti-flag-offset: -3248px;
}
.iti__mf {
  --iti-flag-offset: -3270px;
}
.iti__mg {
  --iti-flag-offset: -3292px;
}
.iti__mh {
  --iti-flag-offset: -3314px;
}
.iti__mk {
  --iti-flag-offset: -3336px;
}
.iti__ml {
  --iti-flag-offset: -3358px;
}
.iti__mm {
  --iti-flag-offset: -3380px;
}
.iti__mn {
  --iti-flag-offset: -3402px;
}
.iti__mo {
  --iti-flag-offset: -3424px;
}
.iti__mp {
  --iti-flag-offset: -3446px;
}
.iti__mq {
  --iti-flag-offset: -3468px;
}
.iti__mr {
  --iti-flag-offset: -3490px;
}
.iti__ms {
  --iti-flag-offset: -3512px;
}
.iti__mt {
  --iti-flag-offset: -3534px;
}
.iti__mu {
  --iti-flag-offset: -3556px;
}
.iti__mv {
  --iti-flag-offset: -3578px;
}
.iti__mw {
  --iti-flag-offset: -3600px;
}
.iti__mx {
  --iti-flag-offset: -3622px;
}
.iti__my {
  --iti-flag-offset: -3644px;
}
.iti__mz {
  --iti-flag-offset: -3666px;
}
.iti__na {
  --iti-flag-offset: -3688px;
}
.iti__nc {
  --iti-flag-offset: -3710px;
}
.iti__ne {
  --iti-flag-offset: -3732px;
}
.iti__nf {
  --iti-flag-offset: -3752px;
}
.iti__ng {
  --iti-flag-offset: -3774px;
}
.iti__ni {
  --iti-flag-offset: -3796px;
}
.iti__nl {
  --iti-flag-offset: -3818px;
}
.iti__no {
  --iti-flag-offset: -3840px;
}
.iti__np {
  --iti-flag-offset: -3862px;
}
.iti__nr {
  --iti-flag-offset: -3877px;
}
.iti__nu {
  --iti-flag-offset: -3899px;
}
.iti__nz {
  --iti-flag-offset: -3921px;
}
.iti__om {
  --iti-flag-offset: -3943px;
}
.iti__pa {
  --iti-flag-offset: -3965px;
}
.iti__pe {
  --iti-flag-offset: -3987px;
}
.iti__pf {
  --iti-flag-offset: -4009px;
}
.iti__pg {
  --iti-flag-offset: -4031px;
}
.iti__ph {
  --iti-flag-offset: -4053px;
}
.iti__pk {
  --iti-flag-offset: -4075px;
}
.iti__pl {
  --iti-flag-offset: -4097px;
}
.iti__pm {
  --iti-flag-offset: -4119px;
}
.iti__pn {
  --iti-flag-offset: -4141px;
}
.iti__pr {
  --iti-flag-offset: -4163px;
}
.iti__ps {
  --iti-flag-offset: -4185px;
}
.iti__pt {
  --iti-flag-offset: -4207px;
}
.iti__pw {
  --iti-flag-offset: -4229px;
}
.iti__py {
  --iti-flag-offset: -4251px;
}
.iti__qa {
  --iti-flag-offset: -4273px;
}
.iti__re {
  --iti-flag-offset: -4295px;
}
.iti__ro {
  --iti-flag-offset: -4317px;
}
.iti__rs {
  --iti-flag-offset: -4339px;
}
.iti__ru {
  --iti-flag-offset: -4361px;
}
.iti__rw {
  --iti-flag-offset: -4383px;
}
.iti__sa {
  --iti-flag-offset: -4405px;
}
.iti__sb {
  --iti-flag-offset: -4427px;
}
.iti__sc {
  --iti-flag-offset: -4449px;
}
.iti__sd {
  --iti-flag-offset: -4471px;
}
.iti__se {
  --iti-flag-offset: -4493px;
}
.iti__sg {
  --iti-flag-offset: -4515px;
}
.iti__sh {
  --iti-flag-offset: -4537px;
}
.iti__si {
  --iti-flag-offset: -4559px;
}
.iti__sj {
  --iti-flag-offset: -4581px;
}
.iti__sk {
  --iti-flag-offset: -4603px;
}
.iti__sl {
  --iti-flag-offset: -4625px;
}
.iti__sm {
  --iti-flag-offset: -4647px;
}
.iti__sn {
  --iti-flag-offset: -4669px;
}
.iti__so {
  --iti-flag-offset: -4691px;
}
.iti__sr {
  --iti-flag-offset: -4713px;
}
.iti__ss {
  --iti-flag-offset: -4735px;
}
.iti__st {
  --iti-flag-offset: -4757px;
}
.iti__su {
  --iti-flag-offset: -4779px;
}
.iti__sv {
  --iti-flag-offset: -4801px;
}
.iti__sx {
  --iti-flag-offset: -4823px;
}
.iti__sy {
  --iti-flag-offset: -4845px;
}
.iti__sz {
  --iti-flag-offset: -4867px;
}
.iti__ta {
  --iti-flag-offset: -4889px;
}
.iti__tc {
  --iti-flag-offset: -4911px;
}
.iti__td {
  --iti-flag-offset: -4933px;
}
.iti__tf {
  --iti-flag-offset: -4955px;
}
.iti__tg {
  --iti-flag-offset: -4977px;
}
.iti__th {
  --iti-flag-offset: -4999px;
}
.iti__tj {
  --iti-flag-offset: -5021px;
}
.iti__tk {
  --iti-flag-offset: -5043px;
}
.iti__tl {
  --iti-flag-offset: -5065px;
}
.iti__tm {
  --iti-flag-offset: -5087px;
}
.iti__tn {
  --iti-flag-offset: -5109px;
}
.iti__to {
  --iti-flag-offset: -5131px;
}
.iti__tr {
  --iti-flag-offset: -5153px;
}
.iti__tt {
  --iti-flag-offset: -5175px;
}
.iti__tv {
  --iti-flag-offset: -5197px;
}
.iti__tw {
  --iti-flag-offset: -5219px;
}
.iti__tz {
  --iti-flag-offset: -5241px;
}
.iti__ua {
  --iti-flag-offset: -5263px;
}
.iti__ug {
  --iti-flag-offset: -5285px;
}
.iti__uk {
  --iti-flag-offset: -5307px;
}
.iti__um {
  --iti-flag-offset: -5329px;
}
.iti__un {
  --iti-flag-offset: -5351px;
}
.iti__us {
  --iti-flag-offset: -5373px;
}
.iti__uy {
  --iti-flag-offset: -5395px;
}
.iti__uz {
  --iti-flag-offset: -5417px;
}
.iti__va {
  --iti-flag-offset: -5439px;
}
.iti__vc {
  --iti-flag-offset: -5456px;
}
.iti__ve {
  --iti-flag-offset: -5478px;
}
.iti__vg {
  --iti-flag-offset: -5500px;
}
.iti__vi {
  --iti-flag-offset: -5522px;
}
.iti__vn {
  --iti-flag-offset: -5544px;
}
.iti__vu {
  --iti-flag-offset: -5566px;
}
.iti__wf {
  --iti-flag-offset: -5588px;
}
.iti__ws {
  --iti-flag-offset: -5610px;
}
.iti__xk {
  --iti-flag-offset: -5632px;
}
.iti__ye {
  --iti-flag-offset: -5654px;
}
.iti__yt {
  --iti-flag-offset: -5676px;
}
.iti__za {
  --iti-flag-offset: -5698px;
}
.iti__zm {
  --iti-flag-offset: -5720px;
}
.iti__zw {
  --iti-flag-offset: -5742px;
}
.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}

/* src/styles.scss */
.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  height: 200px;
  overflow: auto;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1300px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1600px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}
.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ws-pre-line {
  white-space: pre-line;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.background-light {
  background: var(--m3-sys-on-primary) !important;
  background-color: var(--m3-sys-on-primary) !important;
}
.hidden {
  display: none;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-evenly {
  align-content: space-evenly;
}
.items-stretch {
  align-items: stretch;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-baseline {
  align-items: baseline;
}
.self-auto {
  align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.self-baseline {
  align-self: baseline;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.grow-0 {
  flex-grow: 0;
}
.grow-1 {
  flex-grow: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.shrink-1 {
  flex-shrink: 1;
}
.gap-0 {
  gap: 0rem !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  column-gap: 0rem !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 2rem !important;
}
.column-gap-6 {
  column-gap: 3rem !important;
}
.column-gap-7 {
  column-gap: 4rem !important;
}
.column-gap-8 {
  column-gap: 5rem !important;
}
:root {
  --font-family: "Roboto", sans-serif;
  --material-font: "Material Icons";
  --body-font-family: var(--font-family);
  --body-font-size: var(--typo-body-large);
  --body-font-weight: var(--font-regular);
  --content-end-padding: var(--space-base);
  --content-start-padding: var(--space-base);
  --content-y-padding: var(--space-m);
  --header-height: 60px;
  --header-bg: #292a35;
  --header-y-padding: var(--space-m);
  --header-padding: var(--header-y-padding) var(--content-x-padding);
  --bottom-bar-height: 80px;
  --logo-width: 125px;
  --logo-height: 25px;
  --logo-emblem: #0091EA;
  --logo-text: #404041;
  --nav-width: 0;
  --actions-width: 0;
  --collapsed-nav-width: 115px;
  --expanded-nav-width: 285px;
  --expanded-actions-width: 100px;
  --side-nav-width: 64px;
  --side-nav-transition: cubic-bezier(0.25, 0.8, 0.25, 1);
  --side-nav-duration: 0.2s;
}
@media (min-width: 576px) {
  :root {
    --header-height: 90px;
    --content-end-padding: var(--space-m);
    --content-start-padding: var(--space-l);
  }
}
.dark-theme {
  --logo-text: var(--m3-white);
}
[dir=rtl] {
  --font-family: "hvtar", sans-serif;
  --body-font-family: "hvtar", sans-serif;
  direction: rtl;
}
::selection {
  color: var(--m3-sys-primary);
  background: var(--m3-sys-surface-variant);
}
:root {
  --m3-white: #ffffff;
  --m3-black: #000000;
  --m3-source-Seed: #6750a4;
  --m3-source-Primary: #6750a4;
  --m3-source-Secondary: #625b71;
  --m3-source-Tertiary: #7d5260;
  --m3-source-Neutral: #605d62;
  --m3-source-Neutral-Variant: #605d66;
  --m3-source-Error: #b3261e;
  --m3-source-seed: #01639e;
  --m3-source-primary: #01639e;
  --m3-source-secondary: #37a2dc;
  --m3-source-tertiary: #ffc400;
  --m3-key-colors-primary: #01639e;
  --m3-key-colors-secondary: #37a2dc;
  --m3-key-colors-tertiary: #ffc400;
  --m3-key-colors-error: #ba1a1a;
  --m3-key-colors-neutral: #5d5e61;
  --m3-key-colors-neutral-variant: #5a5f66;
  --m3-sys-light-primary: #00629d;
  --m3-sys-light-on-primary: #ffffff;
  --m3-sys-light-primary-container: #cfe5ff;
  --m3-sys-light-on-primary-container: #001d34;
  --m3-sys-light-secondary: #00658f;
  --m3-sys-light-on-secondary: #ffffff;
  --m3-sys-light-secondary-container: #c8e6ff;
  --m3-sys-light-on-secondary-container: #001e2e;
  --m3-sys-light-tertiary: var(--m3-ref-tertiary-tertiary40);
  --m3-sys-light-on-tertiary: var(--m3-ref-tertiary-tertiary100);
  --m3-sys-light-tertiary-container: var(--m3-ref-tertiary-tertiary90);
  --m3-sys-light-on-tertiary-container: #251a00;
  --m3-sys-light-error: #ba1a1a;
  --m3-sys-light-error-container: #ffdad6;
  --m3-sys-light-on-error: #ffffff;
  --m3-sys-light-on-error-container: #410002;
  --m3-sys-light-background: #fcfcff;
  --m3-sys-light-on-background: #1a1c1e;
  --m3-sys-light-surface: #fcfcff;
  --m3-sys-light-on-surface: #1a1c1e;
  --m3-sys-light-surface-variant: #dee3eb;
  --m3-sys-light-on-surface-variant: #42474e;
  --m3-sys-light-outline: #72777f;
  --m3-sys-light-outline-variant: #cac4d0;
  --m3-sys-light-inverse-on-surface: #f1f0f4;
  --m3-sys-light-inverse-surface: #2f3033;
  --m3-sys-light-surface-tint: #00629d;
  --m3-sys-light-surface-tint-color: #00629d;
  --m3-sys-light-shadow: #000000;
  --m3-sys-light-inverse-primary: #99cbff;
  --m3-sys-dark-primary: #99cbff;
  --m3-sys-dark-on-primary: #003354;
  --m3-sys-dark-primary-container: #004a78;
  --m3-sys-dark-on-primary-container: #cfe5ff;
  --m3-sys-dark-secondary: #87ceff;
  --m3-sys-dark-on-secondary: #00344d;
  --m3-sys-dark-secondary-container: #004c6d;
  --m3-sys-dark-on-secondary-container: #c8e6ff;
  --m3-sys-dark-tertiary: #f7be00;
  --m3-sys-dark-on-tertiary: #3f2e00;
  --m3-sys-dark-tertiary-container: var(--m3-ref-tertiary-tertiary30);
  --m3-sys-dark-on-tertiary-container: var(--m3-ref-tertiary-tertiary90);
  --m3-sys-dark-error: #ffb4ab;
  --m3-sys-dark-error-container: #93000a;
  --m3-sys-dark-on-error: #690005;
  --m3-sys-dark-on-error-container: #ffdad6;
  --m3-sys-dark-background: #1a1c1e;
  --m3-sys-dark-on-background: #e2e2e5;
  --m3-sys-dark-surface: #1a1c1e;
  --m3-sys-dark-on-surface: #e2e2e5;
  --m3-sys-dark-surface-variant: #42474e;
  --m3-sys-dark-on-surface-variant: #c2c7cf;
  --m3-sys-dark-outline: #8c9199;
  --m3-sys-dark-outline-variant: #49454f;
  --m3-sys-dark-inverse-on-surface: #1a1c1e;
  --m3-sys-dark-inverse-surface: #e2e2e5;
  --m3-sys-dark-surface-tint: #99cbff;
  --m3-sys-dark-surface-tint-color: #99cbff;
  --m3-sys-dark-shadow: #000000;
  --m3-sys-dark-inverse-primary: #00629d;
  --m3-ref-primary-primary100: #ffffff;
  --m3-ref-primary-primary99: #fcfcff;
  --m3-ref-primary-primary95: #e8f1ff;
  --m3-ref-primary-primary90: #cfe5ff;
  --m3-ref-primary-primary80: #99cbff;
  --m3-ref-primary-primary70: #67b1f4;
  --m3-ref-primary-primary60: #4996d8;
  --m3-ref-primary-primary50: #277cbc;
  --m3-ref-primary-primary40: #00629d;
  --m3-ref-primary-primary30: #004a78;
  --m3-ref-primary-primary20: #003354;
  --m3-ref-primary-primary10: #001d34;
  --m3-ref-primary-primary0: #000000;
  --m3-ref-primary-primary25: #003e66;
  --m3-ref-primary-primary35: #00568a;
  --m3-ref-primary-primary98: #f7f9ff;
  --m3-ref-secondary-secondary100: #ffffff;
  --m3-ref-secondary-secondary99: #fbfcff;
  --m3-ref-secondary-secondary95: #e5f2ff;
  --m3-ref-secondary-secondary90: #c8e6ff;
  --m3-ref-secondary-secondary80: #87ceff;
  --m3-ref-secondary-secondary70: #4fb4ef;
  --m3-ref-secondary-secondary60: #2a99d3;
  --m3-ref-secondary-secondary50: #007fb3;
  --m3-ref-secondary-secondary40: #00658f;
  --m3-ref-secondary-secondary30: #004c6d;
  --m3-ref-secondary-secondary20: #00344d;
  --m3-ref-secondary-secondary10: #001e2e;
  --m3-ref-secondary-secondary0: #000000;
  --m3-ref-secondary-secondary25: #00405d;
  --m3-ref-secondary-secondary35: #00587e;
  --m3-ref-secondary-secondary98: #f6faff;
  --m3-ref-tertiary-tertiary100: #ffffff;
  --m3-ref-tertiary-tertiary99: #fffbff;
  --m3-ref-tertiary-tertiary95: #ffefd2;
  --m3-ref-tertiary-tertiary90: #ffdf99;
  --m3-ref-tertiary-tertiary80: #f7be00;
  --m3-ref-tertiary-tertiary70: #d6a400;
  --m3-ref-tertiary-tertiary60: #b58a00;
  --m3-ref-tertiary-tertiary50: #967200;
  --m3-ref-tertiary-tertiary40: #775a00;
  --m3-ref-tertiary-tertiary30: #5a4300;
  --m3-ref-tertiary-tertiary20: #3f2e00;
  --m3-ref-tertiary-tertiary10: #251a00;
  --m3-ref-tertiary-tertiary0: #000000;
  --m3-ref-tertiary-tertiary25: #4c3800;
  --m3-ref-tertiary-tertiary35: #684f00;
  --m3-ref-tertiary-tertiary98: #fff8f2;
  --m3-ref-neutral-neutral100: #ffffff;
  --m3-ref-neutral-neutral99: #fcfcff;
  --m3-ref-neutral-neutral95: #f1f0f4;
  --m3-ref-neutral-neutral90: #e2e2e5;
  --m3-ref-neutral-neutral80: #c6c6c9;
  --m3-ref-neutral-neutral70: #aaabae;
  --m3-ref-neutral-neutral60: #909094;
  --m3-ref-neutral-neutral50: #76777a;
  --m3-ref-neutral-neutral40: #5d5e61;
  --m3-ref-neutral-neutral30: #45474a;
  --m3-ref-neutral-neutral20: #2f3033;
  --m3-ref-neutral-neutral10: #1a1c1e;
  --m3-ref-neutral-neutral0: #000000;
  --m3-ref-neutral-neutralNaN: #ffffff;
  --m3-ref-neutral-neutral25: #3a3b3e;
  --m3-ref-neutral-neutral35: #515255;
  --m3-ref-neutral-neutral98: #f9f9fc;
  --m3-ref-neutral-variant-neutral-variant100: #ffffff;
  --m3-ref-neutral-variant-neutral-variant99: #fcfcff;
  --m3-ref-neutral-variant-neutral-variant95: #edf1f9;
  --m3-ref-neutral-variant-neutral-variant90: #dee3eb;
  --m3-ref-neutral-variant-neutral-variant80: #c2c7cf;
  --m3-ref-neutral-variant-neutral-variant70: #a7abb3;
  --m3-ref-neutral-variant-neutral-variant60: #8c9199;
  --m3-ref-neutral-variant-neutral-variant50: #72777f;
  --m3-ref-neutral-variant-neutral-variant40: #5a5f66;
  --m3-ref-neutral-variant-neutral-variant30: #42474e;
  --m3-ref-neutral-variant-neutral-variant20: #2c3137;
  --m3-ref-neutral-variant-neutral-variant10: #171c22;
  --m3-ref-neutral-variant-neutral-variant0: #000000;
  --m3-ref-neutral-variant-neutral-variant25: #373c42;
  --m3-ref-neutral-variant-neutral-variant35: #4e535a;
  --m3-ref-neutral-variant-neutral-variant98: #f7f9ff;
  --m3-ref-error-error100: #ffffff;
  --m3-ref-error-error99: #fffbff;
  --m3-ref-error-error95: #ffedea;
  --m3-ref-error-error90: #ffdad6;
  --m3-ref-error-error80: #ffb4ab;
  --m3-ref-error-error70: #ff897d;
  --m3-ref-error-error60: #ff5449;
  --m3-ref-error-error50: #de3730;
  --m3-ref-error-error40: #ba1a1a;
  --m3-ref-error-error30: #93000a;
  --m3-ref-error-error20: #690005;
  --m3-ref-error-error10: #410002;
  --m3-ref-error-error0: #000000;
  --m3-ref-error-error25: #7e0007;
  --m3-ref-error-error35: #a80710;
  --m3-ref-error-error98: #fff8f7;
  --m3-state-layers-light-surface-tint-opacity-08: rgba(0, 98, 157, 0.0784313725);
  --m3-state-layers-light-surface-tint-opacity-12: rgba(0, 98, 157, 0.1215686275);
  --m3-state-layers-light-surface-tint-opacity-16: rgba(0, 98, 157, 0.1607843137);
  --m3-state-layers-light-surface-tint-color-opacity-08: rgba(0, 98, 157, 0.0784313725);
  --m3-state-layers-light-surface-tint-color-opacity-12: rgba(0, 98, 157, 0.1215686275);
  --m3-state-layers-light-surface-tint-color-opacity-16: rgba(0, 98, 157, 0.1607843137);
  --m3-state-layers-light-on-error-container-opacity-08: rgba(65, 0, 2, 0.0784313725);
  --m3-state-layers-light-on-error-container-opacity-12: rgba(65, 0, 2, 0.1215686275);
  --m3-state-layers-light-on-error-container-opacity-16: rgba(65, 0, 2, 0.1607843137);
  --m3-state-layers-light-on-error-opacity-08: rgba(255, 255, 255, 0.0784313725);
  --m3-state-layers-light-on-error-opacity-12: rgba(255, 255, 255, 0.1215686275);
  --m3-state-layers-light-on-error-opacity-16: rgba(255, 255, 255, 0.1607843137);
  --m3-state-layers-light-error-container-opacity-08: rgba(255, 218, 214, 0.0784313725);
  --m3-state-layers-light-error-container-opacity-12: rgba(255, 218, 214, 0.1215686275);
  --m3-state-layers-light-error-container-opacity-16: rgba(255, 218, 214, 0.1607843137);
  --m3-state-layers-light-on-tertiary-container-opacity-08: rgba(37, 26, 0, 0.0784313725);
  --m3-state-layers-light-on-tertiary-container-opacity-12: rgba(37, 26, 0, 0.1215686275);
  --m3-state-layers-light-on-tertiary-container-opacity-16: rgba(37, 26, 0, 0.1607843137);
  --m3-state-layers-light-on-tertiary-opacity-08: rgba(255, 255, 255, 0.0784313725);
  --m3-state-layers-light-on-tertiary-opacity-12: rgba(255, 255, 255, 0.1215686275);
  --m3-state-layers-light-on-tertiary-opacity-16: rgba(255, 255, 255, 0.1607843137);
  --m3-state-layers-light-tertiary-container-opacity-08: rgba(255, 223, 153, 0.0784313725);
  --m3-state-layers-light-tertiary-container-opacity-12: rgba(255, 223, 153, 0.1215686275);
  --m3-state-layers-light-tertiary-container-opacity-16: rgba(255, 223, 153, 0.1607843137);
  --m3-state-layers-light-tertiary-opacity-08: rgba(119, 90, 0, 0.0784313725);
  --m3-state-layers-light-tertiary-opacity-12: rgba(119, 90, 0, 0.1215686275);
  --m3-state-layers-light-tertiary-opacity-16: rgba(119, 90, 0, 0.1607843137);
  --m3-state-layers-light-shadow-opacity-08: rgba(0, 0, 0, 0.0784313725);
  --m3-state-layers-light-shadow-opacity-12: rgba(0, 0, 0, 0.1215686275);
  --m3-state-layers-light-shadow-opacity-16: rgba(0, 0, 0, 0.1607843137);
  --m3-state-layers-light-error-opacity-08: rgba(186, 26, 26, 0.0784313725);
  --m3-state-layers-light-error-opacity-12: rgba(186, 26, 26, 0.1215686275);
  --m3-state-layers-light-error-opacity-16: rgba(186, 26, 26, 0.1607843137);
  --m3-state-layers-light-outline-opacity-08: rgba(114, 119, 127, 0.0784313725);
  --m3-state-layers-light-outline-opacity-12: rgba(114, 119, 127, 0.1215686275);
  --m3-state-layers-light-outline-opacity-16: rgba(114, 119, 127, 0.1607843137);
  --m3-state-layers-light-on-background-opacity-08: rgba(26, 28, 30, 0.0784313725);
  --m3-state-layers-light-on-background-opacity-12: rgba(26, 28, 30, 0.1215686275);
  --m3-state-layers-light-on-background-opacity-16: rgba(26, 28, 30, 0.1607843137);
  --m3-state-layers-light-background-opacity-08: rgba(252, 252, 255, 0.0784313725);
  --m3-state-layers-light-background-opacity-12: rgba(252, 252, 255, 0.1215686275);
  --m3-state-layers-light-background-opacity-16: rgba(252, 252, 255, 0.1607843137);
  --m3-state-layers-light-inverse-on-surface-opacity-08: rgba(241, 240, 244, 0.0784313725);
  --m3-state-layers-light-inverse-on-surface-opacity-12: rgba(241, 240, 244, 0.1215686275);
  --m3-state-layers-light-inverse-on-surface-opacity-16: rgba(241, 240, 244, 0.1607843137);
  --m3-state-layers-light-inverse-surface-opacity-08: rgba(47, 48, 51, 0.0784313725);
  --m3-state-layers-light-inverse-surface-opacity-12: rgba(47, 48, 51, 0.1215686275);
  --m3-state-layers-light-inverse-surface-opacity-16: rgba(47, 48, 51, 0.1607843137);
  --m3-state-layers-light-on-surface-variant-opacity-08: rgba(66, 71, 78, 0.0784313725);
  --m3-state-layers-light-on-surface-variant-opacity-12: rgba(66, 71, 78, 0.1215686275);
  --m3-state-layers-light-on-surface-variant-opacity-16: rgba(66, 71, 78, 0.1607843137);
  --m3-state-layers-light-on-surface-opacity-08: rgba(26, 28, 30, 0.0784313725);
  --m3-state-layers-light-on-surface-opacity-12: rgba(26, 28, 30, 0.1215686275);
  --m3-state-layers-light-on-surface-opacity-16: rgba(26, 28, 30, 0.1607843137);
  --m3-state-layers-light-surface-variant-opacity-08: rgba(222, 227, 235, 0.0784313725);
  --m3-state-layers-light-surface-variant-opacity-12: rgba(222, 227, 235, 0.1215686275);
  --m3-state-layers-light-surface-variant-opacity-16: rgba(222, 227, 235, 0.1607843137);
  --m3-state-layers-light-surface-opacity-08: rgba(252, 252, 255, 0.0784313725);
  --m3-state-layers-light-surface-opacity-12: rgba(252, 252, 255, 0.1215686275);
  --m3-state-layers-light-surface-opacity-16: rgba(252, 252, 255, 0.1607843137);
  --m3-state-layers-light-on-secondary-container-opacity-08: rgba(0, 30, 46, 0.0784313725);
  --m3-state-layers-light-on-secondary-container-opacity-12: rgba(0, 30, 46, 0.1215686275);
  --m3-state-layers-light-on-secondary-container-opacity-16: rgba(0, 30, 46, 0.1607843137);
  --m3-state-layers-light-on-secondary-opacity-08: rgba(255, 255, 255, 0.0784313725);
  --m3-state-layers-light-on-secondary-opacity-12: rgba(255, 255, 255, 0.1215686275);
  --m3-state-layers-light-on-secondary-opacity-16: rgba(255, 255, 255, 0.1607843137);
  --m3-state-layers-light-secondary-container-opacity-08: rgba(200, 230, 255, 0.0784313725);
  --m3-state-layers-light-secondary-container-opacity-12: rgba(200, 230, 255, 0.1215686275);
  --m3-state-layers-light-secondary-container-opacity-16: rgba(200, 230, 255, 0.1607843137);
  --m3-state-layers-light-secondary-opacity-08: rgba(0, 101, 143, 0.0784313725);
  --m3-state-layers-light-secondary-opacity-12: rgba(0, 101, 143, 0.1215686275);
  --m3-state-layers-light-secondary-opacity-16: rgba(0, 101, 143, 0.1607843137);
  --m3-state-layers-light-inverse-primary-opacity-08: rgba(153, 203, 255, 0.0784313725);
  --m3-state-layers-light-inverse-primary-opacity-12: rgba(153, 203, 255, 0.1215686275);
  --m3-state-layers-light-inverse-primary-opacity-16: rgba(153, 203, 255, 0.1607843137);
  --m3-state-layers-light-on-primary-container-opacity-08: rgba(0, 29, 52, 0.0784313725);
  --m3-state-layers-light-on-primary-container-opacity-12: rgba(0, 29, 52, 0.1215686275);
  --m3-state-layers-light-on-primary-container-opacity-16: rgba(0, 29, 52, 0.1607843137);
  --m3-state-layers-light-on-primary-opacity-08: rgba(255, 255, 255, 0.0784313725);
  --m3-state-layers-light-on-primary-opacity-12: rgba(255, 255, 255, 0.1215686275);
  --m3-state-layers-light-on-primary-opacity-16: rgba(255, 255, 255, 0.1607843137);
  --m3-state-layers-light-primary-container-opacity-08: rgba(207, 229, 255, 0.0784313725);
  --m3-state-layers-light-primary-container-opacity-12: rgba(207, 229, 255, 0.1215686275);
  --m3-state-layers-light-primary-container-opacity-16: rgba(207, 229, 255, 0.1607843137);
  --m3-state-layers-light-primary-opacity-08: rgba(0, 98, 157, 0.0784313725);
  --m3-state-layers-light-primary-opacity-12: rgba(0, 98, 157, 0.1215686275);
  --m3-state-layers-light-primary-opacity-16: rgba(0, 98, 157, 0.1607843137);
  --m3-state-layers-dark-surface-tint-opacity-08: rgba(153, 203, 255, 0.0784313725);
  --m3-state-layers-dark-surface-tint-opacity-12: rgba(153, 203, 255, 0.1215686275);
  --m3-state-layers-dark-surface-tint-opacity-16: rgba(153, 203, 255, 0.1607843137);
  --m3-state-layers-dark-surface-tint-color-opacity-08: rgba(153, 203, 255, 0.0784313725);
  --m3-state-layers-dark-surface-tint-color-opacity-12: rgba(153, 203, 255, 0.1215686275);
  --m3-state-layers-dark-surface-tint-color-opacity-16: rgba(153, 203, 255, 0.1607843137);
  --m3-state-layers-dark-on-error-container-opacity-08: rgba(255, 218, 214, 0.0784313725);
  --m3-state-layers-dark-on-error-container-opacity-12: rgba(255, 218, 214, 0.1215686275);
  --m3-state-layers-dark-on-error-container-opacity-16: rgba(255, 218, 214, 0.1607843137);
  --m3-state-layers-dark-on-error-opacity-08: rgba(105, 0, 5, 0.0784313725);
  --m3-state-layers-dark-on-error-opacity-12: rgba(105, 0, 5, 0.1215686275);
  --m3-state-layers-dark-on-error-opacity-16: rgba(105, 0, 5, 0.1607843137);
  --m3-state-layers-dark-error-container-opacity-08: rgba(147, 0, 10, 0.0784313725);
  --m3-state-layers-dark-error-container-opacity-12: rgba(147, 0, 10, 0.1215686275);
  --m3-state-layers-dark-error-container-opacity-16: rgba(147, 0, 10, 0.1607843137);
  --m3-state-layers-dark-on-tertiary-container-opacity-08: rgba(255, 223, 153, 0.0784313725);
  --m3-state-layers-dark-on-tertiary-container-opacity-12: rgba(255, 223, 153, 0.1215686275);
  --m3-state-layers-dark-on-tertiary-container-opacity-16: rgba(255, 223, 153, 0.1607843137);
  --m3-state-layers-dark-on-tertiary-opacity-08: rgba(63, 46, 0, 0.0784313725);
  --m3-state-layers-dark-on-tertiary-opacity-12: rgba(63, 46, 0, 0.1215686275);
  --m3-state-layers-dark-on-tertiary-opacity-16: rgba(63, 46, 0, 0.1607843137);
  --m3-state-layers-dark-tertiary-container-opacity-08: rgba(90, 67, 0, 0.0784313725);
  --m3-state-layers-dark-tertiary-container-opacity-12: rgba(90, 67, 0, 0.1215686275);
  --m3-state-layers-dark-tertiary-container-opacity-16: rgba(90, 67, 0, 0.1607843137);
  --m3-state-layers-dark-tertiary-opacity-08: rgba(247, 190, 0, 0.0784313725);
  --m3-state-layers-dark-tertiary-opacity-12: rgba(247, 190, 0, 0.1215686275);
  --m3-state-layers-dark-tertiary-opacity-16: rgba(247, 190, 0, 0.1607843137);
  --m3-state-layers-dark-shadow-opacity-08: rgba(0, 0, 0, 0.0784313725);
  --m3-state-layers-dark-shadow-opacity-12: rgba(0, 0, 0, 0.1215686275);
  --m3-state-layers-dark-shadow-opacity-16: rgba(0, 0, 0, 0.1607843137);
  --m3-state-layers-dark-error-opacity-08: rgba(255, 180, 171, 0.0784313725);
  --m3-state-layers-dark-error-opacity-12: rgba(255, 180, 171, 0.1215686275);
  --m3-state-layers-dark-error-opacity-16: rgba(255, 180, 171, 0.1607843137);
  --m3-state-layers-dark-outline-opacity-08: rgba(140, 145, 153, 0.0784313725);
  --m3-state-layers-dark-outline-opacity-12: rgba(140, 145, 153, 0.1215686275);
  --m3-state-layers-dark-outline-opacity-16: rgba(140, 145, 153, 0.1607843137);
  --m3-state-layers-dark-on-background-opacity-08: rgba(226, 226, 229, 0.0784313725);
  --m3-state-layers-dark-on-background-opacity-12: rgba(226, 226, 229, 0.1215686275);
  --m3-state-layers-dark-on-background-opacity-16: rgba(226, 226, 229, 0.1607843137);
  --m3-state-layers-dark-background-opacity-08: rgba(26, 28, 30, 0.0784313725);
  --m3-state-layers-dark-background-opacity-12: rgba(26, 28, 30, 0.1215686275);
  --m3-state-layers-dark-background-opacity-16: rgba(26, 28, 30, 0.1607843137);
  --m3-state-layers-dark-inverse-on-surface-opacity-08: rgba(26, 28, 30, 0.0784313725);
  --m3-state-layers-dark-inverse-on-surface-opacity-12: rgba(26, 28, 30, 0.1215686275);
  --m3-state-layers-dark-inverse-on-surface-opacity-16: rgba(26, 28, 30, 0.1607843137);
  --m3-state-layers-dark-inverse-surface-opacity-08: rgba(226, 226, 229, 0.0784313725);
  --m3-state-layers-dark-inverse-surface-opacity-12: rgba(226, 226, 229, 0.1215686275);
  --m3-state-layers-dark-inverse-surface-opacity-16: rgba(226, 226, 229, 0.1607843137);
  --m3-state-layers-dark-on-surface-variant-opacity-08: rgba(194, 199, 207, 0.0784313725);
  --m3-state-layers-dark-on-surface-variant-opacity-12: rgba(194, 199, 207, 0.1215686275);
  --m3-state-layers-dark-on-surface-variant-opacity-16: rgba(194, 199, 207, 0.1607843137);
  --m3-state-layers-dark-on-surface-opacity-08: rgba(226, 226, 229, 0.0784313725);
  --m3-state-layers-dark-on-surface-opacity-12: rgba(226, 226, 229, 0.1215686275);
  --m3-state-layers-dark-on-surface-opacity-16: rgba(226, 226, 229, 0.1607843137);
  --m3-state-layers-dark-surface-variant-opacity-08: rgba(66, 71, 78, 0.0784313725);
  --m3-state-layers-dark-surface-variant-opacity-12: rgba(66, 71, 78, 0.1215686275);
  --m3-state-layers-dark-surface-variant-opacity-16: rgba(66, 71, 78, 0.1607843137);
  --m3-state-layers-dark-surface-opacity-08: rgba(26, 28, 30, 0.0784313725);
  --m3-state-layers-dark-surface-opacity-12: rgba(26, 28, 30, 0.1215686275);
  --m3-state-layers-dark-surface-opacity-16: rgba(26, 28, 30, 0.1607843137);
  --m3-state-layers-dark-on-secondary-container-opacity-08: rgba(200, 230, 255, 0.0784313725);
  --m3-state-layers-dark-on-secondary-container-opacity-12: rgba(200, 230, 255, 0.1215686275);
  --m3-state-layers-dark-on-secondary-container-opacity-16: rgba(200, 230, 255, 0.1607843137);
  --m3-state-layers-dark-on-secondary-opacity-08: rgba(0, 52, 77, 0.0784313725);
  --m3-state-layers-dark-on-secondary-opacity-12: rgba(0, 52, 77, 0.1215686275);
  --m3-state-layers-dark-on-secondary-opacity-16: rgba(0, 52, 77, 0.1607843137);
  --m3-state-layers-dark-secondary-container-opacity-08: rgba(0, 76, 109, 0.0784313725);
  --m3-state-layers-dark-secondary-container-opacity-12: rgba(0, 76, 109, 0.1215686275);
  --m3-state-layers-dark-secondary-container-opacity-16: rgba(0, 76, 109, 0.1607843137);
  --m3-state-layers-dark-secondary-opacity-08: rgba(135, 206, 255, 0.0784313725);
  --m3-state-layers-dark-secondary-opacity-12: rgba(135, 206, 255, 0.1215686275);
  --m3-state-layers-dark-secondary-opacity-16: rgba(135, 206, 255, 0.1607843137);
  --m3-state-layers-dark-inverse-primary-opacity-08: rgba(0, 98, 157, 0.0784313725);
  --m3-state-layers-dark-inverse-primary-opacity-12: rgba(0, 98, 157, 0.1215686275);
  --m3-state-layers-dark-inverse-primary-opacity-16: rgba(0, 98, 157, 0.1607843137);
  --m3-state-layers-dark-on-primary-container-opacity-08: rgba(207, 229, 255, 0.0784313725);
  --m3-state-layers-dark-on-primary-container-opacity-12: rgba(207, 229, 255, 0.1215686275);
  --m3-state-layers-dark-on-primary-container-opacity-16: rgba(207, 229, 255, 0.1607843137);
  --m3-state-layers-dark-on-primary-opacity-08: rgba(0, 51, 84, 0.0784313725);
  --m3-state-layers-dark-on-primary-opacity-12: rgba(0, 51, 84, 0.1215686275);
  --m3-state-layers-dark-on-primary-opacity-16: rgba(0, 51, 84, 0.1607843137);
  --m3-state-layers-dark-primary-container-opacity-08: rgba(0, 74, 120, 0.0784313725);
  --m3-state-layers-dark-primary-container-opacity-12: rgba(0, 74, 120, 0.1215686275);
  --m3-state-layers-dark-primary-container-opacity-16: rgba(0, 74, 120, 0.1607843137);
  --m3-state-layers-dark-primary-opacity-08: rgba(153, 203, 255, 0.0784313725);
  --m3-state-layers-dark-primary-opacity-12: rgba(153, 203, 255, 0.1215686275);
  --m3-state-layers-dark-primary-opacity-16: rgba(153, 203, 255, 0.1607843137);
  --m3-sys-light-background-full-opacity: #e8f0f7;
  --m3-sys-dark-background-full-opacity: #242a30;
}
.light-theme {
  --m3-sys-primary: var(--m3-sys-light-primary);
  --m3-sys-on-primary: var(--m3-sys-light-on-primary);
  --m3-sys-primary-container: var(--m3-sys-light-primary-container);
  --m3-sys-on-primary-container: var(--m3-sys-light-on-primary-container);
  --m3-sys-secondary: var(--m3-sys-light-secondary);
  --m3-sys-on-secondary: var(--m3-sys-light-on-secondary);
  --m3-sys-secondary-container: var(--m3-sys-light-secondary-container);
  --m3-sys-on-secondary-container: var(--m3-sys-light-on-secondary-container);
  --m3-sys-tertiary: var(--m3-sys-light-tertiary);
  --m3-sys-on-tertiary: var(--m3-sys-light-on-tertiary);
  --m3-sys-tertiary-container: var(--m3-sys-light-tertiary-container);
  --m3-sys-on-tertiary-container: var(--m3-sys-light-on-tertiary-container);
  --m3-sys-error: var(--m3-sys-light-error);
  --m3-sys-error-container: var(--m3-sys-light-error-container);
  --m3-sys-on-error: var(--m3-sys-light-on-error);
  --m3-sys-on-error-container: var(--m3-sys-light-on-error-container);
  --m3-sys-background: var(--m3-sys-light-background);
  --m3-sys-on-background: var(--m3-sys-light-on-background);
  --m3-sys-surface: var(--m3-sys-light-surface);
  --m3-sys-on-surface: var(--m3-sys-light-on-surface);
  --m3-sys-surface-variant: var(--m3-sys-light-surface-variant);
  --m3-sys-on-surface-variant: var(--m3-sys-light-on-surface-variant);
  --m3-sys-outline: var(--m3-sys-light-outline);
  --m3-sys-outline-variant: var(--m3-sys-light-outline-variant);
  --m3-sys-inverse-on-surface: var(--m3-sys-light-inverse-on-surface);
  --m3-sys-inverse-surface: var(--m3-sys-light-inverse-surface);
  --m3-sys-surface-tint: var(--m3-sys-light-surface-tint);
  --m3-sys-surface-tint-color: var(--m3-sys-light-surface-tint-color);
  --m3-sys-shadow: var(--m3-sys-light-shadow);
  --m3-sys-inverse-primary: var(--m3-sys-light-inverse-primary);
  --m3-state-layers-surface-tint-opacity-08: var(--m3-state-layers-light-surface-tint-opacity-08);
  --m3-state-layers-surface-tint-opacity-12: var(--m3-state-layers-light-surface-tint-opacity-12);
  --m3-state-layers-surface-tint-opacity-16: var(--m3-state-layers-light-surface-tint-opacity-16);
  --m3-state-layers-surface-tint-color-opacity-08: var(--m3-state-layers-light-surface-tint-color-opacity-08);
  --m3-state-layers-surface-tint-color-opacity-12: var(--m3-state-layers-light-surface-tint-color-opacity-12);
  --m3-state-layers-surface-tint-color-opacity-16: var(--m3-state-layers-light-surface-tint-color-opacity-16);
  --m3-state-layers-on-error-container-opacity-08: var(--m3-state-layers-light-on-error-container-opacity-08);
  --m3-state-layers-on-error-container-opacity-12: var(--m3-state-layers-light-on-error-container-opacity-12);
  --m3-state-layers-on-error-container-opacity-16: var(--m3-state-layers-light-on-error-container-opacity-16);
  --m3-state-layers-on-error-opacity-08: var(--m3-state-layers-light-on-error-opacity-08);
  --m3-state-layers-on-error-opacity-12: var(--m3-state-layers-light-on-error-opacity-12);
  --m3-state-layers-on-error-opacity-16: var(--m3-state-layers-light-on-error-opacity-16);
  --m3-state-layers-error-container-opacity-08: var(--m3-state-layers-light-error-container-opacity-08);
  --m3-state-layers-error-container-opacity-12: var(--m3-state-layers-light-error-container-opacity-12);
  --m3-state-layers-error-container-opacity-16: var(--m3-state-layers-light-error-container-opacity-16);
  --m3-state-layers-on-tertiary-container-opacity-08: var(--m3-state-layers-light-on-tertiary-container-opacity-08);
  --m3-state-layers-on-tertiary-container-opacity-12: var(--m3-state-layers-light-on-tertiary-container-opacity-12);
  --m3-state-layers-on-tertiary-container-opacity-16: var(--m3-state-layers-light-on-tertiary-container-opacity-16);
  --m3-state-layers-on-tertiary-opacity-08: var(--m3-state-layers-light-on-tertiary-opacity-08);
  --m3-state-layers-on-tertiary-opacity-12: var(--m3-state-layers-light-on-tertiary-opacity-12);
  --m3-state-layers-on-tertiary-opacity-16: var(--m3-state-layers-light-on-tertiary-opacity-16);
  --m3-state-layers-tertiary-container-opacity-08: var(--m3-state-layers-light-tertiary-container-opacity-08);
  --m3-state-layers-tertiary-container-opacity-12: var(--m3-state-layers-light-tertiary-container-opacity-12);
  --m3-state-layers-tertiary-container-opacity-16: var(--m3-state-layers-light-tertiary-container-opacity-16);
  --m3-state-layers-tertiary-opacity-08: var(--m3-state-layers-light-tertiary-opacity-08);
  --m3-state-layers-tertiary-opacity-12: var(--m3-state-layers-light-tertiary-opacity-12);
  --m3-state-layers-tertiary-opacity-16: var(--m3-state-layers-light-tertiary-opacity-16);
  --m3-state-layers-shadow-opacity-08: var(--m3-state-layers-light-shadow-opacity-08);
  --m3-state-layers-shadow-opacity-12: var(--m3-state-layers-light-shadow-opacity-12);
  --m3-state-layers-shadow-opacity-16: var(--m3-state-layers-light-shadow-opacity-16);
  --m3-state-layers-error-opacity-08: var(--m3-state-layers-light-error-opacity-08);
  --m3-state-layers-error-opacity-12: var(--m3-state-layers-light-error-opacity-12);
  --m3-state-layers-error-opacity-16: var(--m3-state-layers-light-error-opacity-16);
  --m3-state-layers-outline-opacity-08: var(--m3-state-layers-light-outline-opacity-08);
  --m3-state-layers-outline-opacity-12: var(--m3-state-layers-light-outline-opacity-12);
  --m3-state-layers-outline-opacity-16: var(--m3-state-layers-light-outline-opacity-16);
  --m3-state-layers-on-background-opacity-08: var(--m3-state-layers-light-on-background-opacity-08);
  --m3-state-layers-on-background-opacity-12: var(--m3-state-layers-light-on-background-opacity-12);
  --m3-state-layers-on-background-opacity-16: var(--m3-state-layers-light-on-background-opacity-16);
  --m3-state-layers-background-opacity-08: var(--m3-state-layers-light-background-opacity-08);
  --m3-state-layers-background-opacity-12: var(--m3-state-layers-light-background-opacity-12);
  --m3-state-layers-background-opacity-16: var(--m3-state-layers-light-background-opacity-16);
  --m3-state-layers-inverse-on-surface-opacity-08: var(--m3-state-layers-light-inverse-on-surface-opacity-08);
  --m3-state-layers-inverse-on-surface-opacity-12: var(--m3-state-layers-light-inverse-on-surface-opacity-12);
  --m3-state-layers-inverse-on-surface-opacity-16: var(--m3-state-layers-light-inverse-on-surface-opacity-16);
  --m3-state-layers-inverse-surface-opacity-08: var(--m3-state-layers-light-inverse-surface-opacity-08);
  --m3-state-layers-inverse-surface-opacity-12: var(--m3-state-layers-light-inverse-surface-opacity-12);
  --m3-state-layers-inverse-surface-opacity-16: var(--m3-state-layers-light-inverse-surface-opacity-16);
  --m3-state-layers-on-surface-variant-opacity-08: var(--m3-state-layers-light-on-surface-variant-opacity-08);
  --m3-state-layers-on-surface-variant-opacity-12: var(--m3-state-layers-light-on-surface-variant-opacity-12);
  --m3-state-layers-on-surface-variant-opacity-16: var(--m3-state-layers-light-on-surface-variant-opacity-16);
  --m3-state-layers-on-surface-opacity-08: var(--m3-state-layers-light-on-surface-opacity-08);
  --m3-state-layers-on-surface-opacity-12: var(--m3-state-layers-light-on-surface-opacity-12);
  --m3-state-layers-on-surface-opacity-16: var(--m3-state-layers-light-on-surface-opacity-16);
  --m3-state-layers-surface-variant-opacity-08: var(--m3-state-layers-light-surface-variant-opacity-08);
  --m3-state-layers-surface-variant-opacity-12: var(--m3-state-layers-light-surface-variant-opacity-12);
  --m3-state-layers-surface-variant-opacity-16: var(--m3-state-layers-light-surface-variant-opacity-16);
  --m3-state-layers-surface-opacity-08: var(--m3-state-layers-light-surface-opacity-08);
  --m3-state-layers-surface-opacity-12: var(--m3-state-layers-light-surface-opacity-12);
  --m3-state-layers-surface-opacity-16: var(--m3-state-layers-light-surface-opacity-16);
  --m3-state-layers-on-secondary-container-opacity-08: var(--m3-state-layers-light-on-secondary-container-opacity-08);
  --m3-state-layers-on-secondary-container-opacity-12: var(--m3-state-layers-light-on-secondary-container-opacity-12);
  --m3-state-layers-on-secondary-container-opacity-16: var(--m3-state-layers-light-on-secondary-container-opacity-16);
  --m3-state-layers-on-secondary-opacity-08: var(--m3-state-layers-light-on-secondary-opacity-08);
  --m3-state-layers-on-secondary-opacity-12: var(--m3-state-layers-light-on-secondary-opacity-12);
  --m3-state-layers-on-secondary-opacity-16: var(--m3-state-layers-light-on-secondary-opacity-16);
  --m3-state-layers-secondary-container-opacity-08: var(--m3-state-layers-light-secondary-container-opacity-08);
  --m3-state-layers-secondary-container-opacity-12: var(--m3-state-layers-light-secondary-container-opacity-12);
  --m3-state-layers-secondary-container-opacity-16: var(--m3-state-layers-light-secondary-container-opacity-16);
  --m3-state-layers-secondary-opacity-08: var(--m3-state-layers-light-secondary-opacity-08);
  --m3-state-layers-secondary-opacity-12: var(--m3-state-layers-light-secondary-opacity-12);
  --m3-state-layers-secondary-opacity-16: var(--m3-state-layers-light-secondary-opacity-16);
  --m3-state-layers-inverse-primary-opacity-08: var(--m3-state-layers-light-inverse-primary-opacity-08);
  --m3-state-layers-inverse-primary-opacity-12: var(--m3-state-layers-light-inverse-primary-opacity-12);
  --m3-state-layers-inverse-primary-opacity-16: var(--m3-state-layers-light-inverse-primary-opacity-16);
  --m3-state-layers-on-primary-container-opacity-08: var(--m3-state-layers-light-on-primary-container-opacity-08);
  --m3-state-layers-on-primary-container-opacity-12: var(--m3-state-layers-light-on-primary-container-opacity-12);
  --m3-state-layers-on-primary-container-opacity-16: var(--m3-state-layers-light-on-primary-container-opacity-16);
  --m3-state-layers-on-primary-opacity-08: var(--m3-state-layers-light-on-primary-opacity-08);
  --m3-state-layers-on-primary-opacity-12: var(--m3-state-layers-light-on-primary-opacity-12);
  --m3-state-layers-on-primary-opacity-16: var(--m3-state-layers-light-on-primary-opacity-16);
  --m3-state-layers-primary-container-opacity-08: var(--m3-state-layers-light-primary-container-opacity-08);
  --m3-state-layers-primary-container-opacity-12: var(--m3-state-layers-light-primary-container-opacity-12);
  --m3-state-layers-primary-container-opacity-16: var(--m3-state-layers-light-primary-container-opacity-16);
  --m3-state-layers-primary-opacity-08: var(--m3-state-layers-light-primary-opacity-08);
  --m3-state-layers-primary-opacity-12: var(--m3-state-layers-light-primary-opacity-12);
  --m3-state-layers-primary-opacity-16: var(--m3-state-layers-light-primary-opacity-16);
  --m3-sys-background-full-opacity: var(--m3-sys-light-background-full-opacity);
}
.dark-theme {
  --m3-sys-primary: var(--m3-sys-dark-primary);
  --m3-sys-on-primary: var(--m3-sys-dark-on-primary);
  --m3-sys-primary-container: var(--m3-sys-dark-primary-container);
  --m3-sys-on-primary-container: var(--m3-sys-dark-on-primary-container);
  --m3-sys-secondary: var(--m3-sys-dark-secondary);
  --m3-sys-on-secondary: var(--m3-sys-dark-on-secondary);
  --m3-sys-secondary-container: var(--m3-sys-dark-secondary-container);
  --m3-sys-on-secondary-container: var(--m3-sys-dark-on-secondary-container);
  --m3-sys-tertiary: var(--m3-sys-dark-tertiary);
  --m3-sys-on-tertiary: var(--m3-sys-dark-on-tertiary);
  --m3-sys-tertiary-container: var(--m3-sys-dark-tertiary-container);
  --m3-sys-on-tertiary-container: var(--m3-sys-dark-on-tertiary-container);
  --m3-sys-error: var(--m3-sys-dark-error);
  --m3-sys-error-container: var(--m3-sys-dark-error-container);
  --m3-sys-on-error: var(--m3-sys-dark-on-error);
  --m3-sys-on-error-container: var(--m3-sys-dark-on-error-container);
  --m3-sys-background: var(--m3-sys-dark-background);
  --m3-sys-on-background: var(--m3-sys-dark-on-background);
  --m3-sys-surface: var(--m3-sys-dark-surface);
  --m3-sys-on-surface: var(--m3-sys-dark-on-surface);
  --m3-sys-surface-variant: var(--m3-sys-dark-surface-variant);
  --m3-sys-on-surface-variant: var(--m3-sys-dark-on-surface-variant);
  --m3-sys-outline: var(--m3-sys-dark-outline);
  --m3-sys-outline-variant: var(--m3-sys-dark-outline-variant);
  --m3-sys-inverse-on-surface: var(--m3-sys-dark-inverse-on-surface);
  --m3-sys-inverse-surface: var(--m3-sys-dark-inverse-surface);
  --m3-sys-surface-tint: var(--m3-sys-dark-surface-tint);
  --m3-sys-surface-tint-color: var(--m3-sys-dark-surface-tint-color);
  --m3-sys-shadow: var(--m3-sys-dark-shadow);
  --m3-sys-inverse-primary: var(--m3-sys-dark-inverse-primary);
  --m3-state-layers-surface-tint-opacity-08: var(--m3-state-layers-dark-surface-tint-opacity-08);
  --m3-state-layers-surface-tint-opacity-12: var(--m3-state-layers-dark-surface-tint-opacity-12);
  --m3-state-layers-surface-tint-opacity-16: var(--m3-state-layers-dark-surface-tint-opacity-16);
  --m3-state-layers-surface-tint-color-opacity-08: var(--m3-state-layers-dark-surface-tint-color-opacity-08);
  --m3-state-layers-surface-tint-color-opacity-12: var(--m3-state-layers-dark-surface-tint-color-opacity-12);
  --m3-state-layers-surface-tint-color-opacity-16: var(--m3-state-layers-dark-surface-tint-color-opacity-16);
  --m3-state-layers-on-error-container-opacity-08: var(--m3-state-layers-dark-on-error-container-opacity-08);
  --m3-state-layers-on-error-container-opacity-12: var(--m3-state-layers-dark-on-error-container-opacity-12);
  --m3-state-layers-on-error-container-opacity-16: var(--m3-state-layers-dark-on-error-container-opacity-16);
  --m3-state-layers-on-error-opacity-08: var(--m3-state-layers-dark-on-error-opacity-08);
  --m3-state-layers-on-error-opacity-12: var(--m3-state-layers-dark-on-error-opacity-12);
  --m3-state-layers-on-error-opacity-16: var(--m3-state-layers-dark-on-error-opacity-16);
  --m3-state-layers-error-container-opacity-08: var(--m3-state-layers-dark-error-container-opacity-08);
  --m3-state-layers-error-container-opacity-12: var(--m3-state-layers-dark-error-container-opacity-12);
  --m3-state-layers-error-container-opacity-16: var(--m3-state-layers-dark-error-container-opacity-16);
  --m3-state-layers-on-tertiary-container-opacity-08: var(--m3-state-layers-dark-on-tertiary-container-opacity-08);
  --m3-state-layers-on-tertiary-container-opacity-12: var(--m3-state-layers-dark-on-tertiary-container-opacity-12);
  --m3-state-layers-on-tertiary-container-opacity-16: var(--m3-state-layers-dark-on-tertiary-container-opacity-16);
  --m3-state-layers-on-tertiary-opacity-08: var(--m3-state-layers-dark-on-tertiary-opacity-08);
  --m3-state-layers-on-tertiary-opacity-12: var(--m3-state-layers-dark-on-tertiary-opacity-12);
  --m3-state-layers-on-tertiary-opacity-16: var(--m3-state-layers-dark-on-tertiary-opacity-16);
  --m3-state-layers-tertiary-container-opacity-08: var(--m3-state-layers-dark-tertiary-container-opacity-08);
  --m3-state-layers-tertiary-container-opacity-12: var(--m3-state-layers-dark-tertiary-container-opacity-12);
  --m3-state-layers-tertiary-container-opacity-16: var(--m3-state-layers-dark-tertiary-container-opacity-16);
  --m3-state-layers-tertiary-opacity-08: var(--m3-state-layers-dark-tertiary-opacity-08);
  --m3-state-layers-tertiary-opacity-12: var(--m3-state-layers-dark-tertiary-opacity-12);
  --m3-state-layers-tertiary-opacity-16: var(--m3-state-layers-dark-tertiary-opacity-16);
  --m3-state-layers-shadow-opacity-08: var(--m3-state-layers-dark-shadow-opacity-08);
  --m3-state-layers-shadow-opacity-12: var(--m3-state-layers-dark-shadow-opacity-12);
  --m3-state-layers-shadow-opacity-16: var(--m3-state-layers-dark-shadow-opacity-16);
  --m3-state-layers-error-opacity-08: var(--m3-state-layers-dark-error-opacity-08);
  --m3-state-layers-error-opacity-12: var(--m3-state-layers-dark-error-opacity-12);
  --m3-state-layers-error-opacity-16: var(--m3-state-layers-dark-error-opacity-16);
  --m3-state-layers-outline-opacity-08: var(--m3-state-layers-dark-outline-opacity-08);
  --m3-state-layers-outline-opacity-12: var(--m3-state-layers-dark-outline-opacity-12);
  --m3-state-layers-outline-opacity-16: var(--m3-state-layers-dark-outline-opacity-16);
  --m3-state-layers-on-background-opacity-08: var(--m3-state-layers-dark-on-background-opacity-08);
  --m3-state-layers-on-background-opacity-12: var(--m3-state-layers-dark-on-background-opacity-12);
  --m3-state-layers-on-background-opacity-16: var(--m3-state-layers-dark-on-background-opacity-16);
  --m3-state-layers-background-opacity-08: var(--m3-state-layers-dark-background-opacity-08);
  --m3-state-layers-background-opacity-12: var(--m3-state-layers-dark-background-opacity-12);
  --m3-state-layers-background-opacity-16: var(--m3-state-layers-dark-background-opacity-16);
  --m3-state-layers-inverse-on-surface-opacity-08: var(--m3-state-layers-dark-inverse-on-surface-opacity-08);
  --m3-state-layers-inverse-on-surface-opacity-12: var(--m3-state-layers-dark-inverse-on-surface-opacity-12);
  --m3-state-layers-inverse-on-surface-opacity-16: var(--m3-state-layers-dark-inverse-on-surface-opacity-16);
  --m3-state-layers-inverse-surface-opacity-08: var(--m3-state-layers-dark-inverse-surface-opacity-08);
  --m3-state-layers-inverse-surface-opacity-12: var(--m3-state-layers-dark-inverse-surface-opacity-12);
  --m3-state-layers-inverse-surface-opacity-16: var(--m3-state-layers-dark-inverse-surface-opacity-16);
  --m3-state-layers-on-surface-variant-opacity-08: var(--m3-state-layers-dark-on-surface-variant-opacity-08);
  --m3-state-layers-on-surface-variant-opacity-12: var(--m3-state-layers-dark-on-surface-variant-opacity-12);
  --m3-state-layers-on-surface-variant-opacity-16: var(--m3-state-layers-dark-on-surface-variant-opacity-16);
  --m3-state-layers-on-surface-opacity-08: var(--m3-state-layers-dark-on-surface-opacity-08);
  --m3-state-layers-on-surface-opacity-12: var(--m3-state-layers-dark-on-surface-opacity-12);
  --m3-state-layers-on-surface-opacity-16: var(--m3-state-layers-dark-on-surface-opacity-16);
  --m3-state-layers-surface-variant-opacity-08: var(--m3-state-layers-dark-surface-variant-opacity-08);
  --m3-state-layers-surface-variant-opacity-12: var(--m3-state-layers-dark-surface-variant-opacity-12);
  --m3-state-layers-surface-variant-opacity-16: var(--m3-state-layers-dark-surface-variant-opacity-16);
  --m3-state-layers-surface-opacity-08: var(--m3-state-layers-dark-surface-opacity-08);
  --m3-state-layers-surface-opacity-12: var(--m3-state-layers-dark-surface-opacity-12);
  --m3-state-layers-surface-opacity-16: var(--m3-state-layers-dark-surface-opacity-16);
  --m3-state-layers-on-secondary-container-opacity-08: var(--m3-state-layers-dark-on-secondary-container-opacity-08);
  --m3-state-layers-on-secondary-container-opacity-12: var(--m3-state-layers-dark-on-secondary-container-opacity-12);
  --m3-state-layers-on-secondary-container-opacity-16: var(--m3-state-layers-dark-on-secondary-container-opacity-16);
  --m3-state-layers-on-secondary-opacity-08: var(--m3-state-layers-dark-on-secondary-opacity-08);
  --m3-state-layers-on-secondary-opacity-12: var(--m3-state-layers-dark-on-secondary-opacity-12);
  --m3-state-layers-on-secondary-opacity-16: var(--m3-state-layers-dark-on-secondary-opacity-16);
  --m3-state-layers-secondary-container-opacity-08: var(--m3-state-layers-dark-secondary-container-opacity-08);
  --m3-state-layers-secondary-container-opacity-12: var(--m3-state-layers-dark-secondary-container-opacity-12);
  --m3-state-layers-secondary-container-opacity-16: var(--m3-state-layers-dark-secondary-container-opacity-16);
  --m3-state-layers-secondary-opacity-08: var(--m3-state-layers-dark-secondary-opacity-08);
  --m3-state-layers-secondary-opacity-12: var(--m3-state-layers-dark-secondary-opacity-12);
  --m3-state-layers-secondary-opacity-16: var(--m3-state-layers-dark-secondary-opacity-16);
  --m3-state-layers-inverse-primary-opacity-08: var(--m3-state-layers-dark-inverse-primary-opacity-08);
  --m3-state-layers-inverse-primary-opacity-12: var(--m3-state-layers-dark-inverse-primary-opacity-12);
  --m3-state-layers-inverse-primary-opacity-16: var(--m3-state-layers-dark-inverse-primary-opacity-16);
  --m3-state-layers-on-primary-container-opacity-08: var(--m3-state-layers-dark-on-primary-container-opacity-08);
  --m3-state-layers-on-primary-container-opacity-12: var(--m3-state-layers-dark-on-primary-container-opacity-12);
  --m3-state-layers-on-primary-container-opacity-16: var(--m3-state-layers-dark-on-primary-container-opacity-16);
  --m3-state-layers-on-primary-opacity-08: var(--m3-state-layers-dark-on-primary-opacity-08);
  --m3-state-layers-on-primary-opacity-12: var(--m3-state-layers-dark-on-primary-opacity-12);
  --m3-state-layers-on-primary-opacity-16: var(--m3-state-layers-dark-on-primary-opacity-16);
  --m3-state-layers-primary-container-opacity-08: var(--m3-state-layers-dark-primary-container-opacity-08);
  --m3-state-layers-primary-container-opacity-12: var(--m3-state-layers-dark-primary-container-opacity-12);
  --m3-state-layers-primary-container-opacity-16: var(--m3-state-layers-dark-primary-container-opacity-16);
  --m3-state-layers-primary-opacity-08: var(--m3-state-layers-dark-primary-opacity-08);
  --m3-state-layers-primary-opacity-12: var(--m3-state-layers-dark-primary-opacity-12);
  --m3-state-layers-primary-opacity-16: var(--m3-state-layers-dark-primary-opacity-16);
  --m3-sys-background-full-opacity: var(--m3-sys-dark-background-full-opacity);
}
:root {
  --color-surface-0: rgba(0, 98, 157, 0);
  --color-surface-1: rgba(0, 98, 157, 0.05);
  --color-surface-2: rgba(0, 98, 157, 0.08);
  --color-surface-3: rgba(0, 98, 157, 0.11);
  --color-surface-4: rgba(0, 98, 157, 0.12);
  --color-surface-5: rgba(0, 98, 157, 0.14);
}
.dark-theme {
  --color-surface-0: rgba(153, 203, 255, 0);
  --color-surface-1: rgba(153, 203, 255, 0.05);
  --color-surface-2: rgba(153, 203, 255, 0.08);
  --color-surface-3: rgba(153, 203, 255, 0.11);
  --color-surface-4: rgba(153, 203, 255, 0.12);
  --color-surface-5: rgba(153, 203, 255, 0.14);
}
body .mat-mdc-menu-content .mat-mdc-menu-item,
body .mat-mdc-menu-panel,
body .mat-mdc-menu-content,
body .mdc-card,
body .mat-bottom-sheet-container,
body .mat-mdc-dialog-container,
.side-nav__sub-title,
body .button--surface,
.layout__header,
body.body--login .layout__body,
body {
  --bg: var(--m3-sys-background);
  --fg: var(--color-surface-1);
  --color: var(--m3-sys-on-surface);
  background-color: var(--bg);
  color: var(--color);
  position: relative;
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg);
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: var(--m3-sys-primary);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: var(--m3-sys-secondary);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: var(--m3-sys-error);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--m3-sys-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--m3-sys-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--m3-sys-secondary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--m3-sys-secondary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--m3-sys-secondary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--m3-sys-secondary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--m3-sys-error);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--m3-sys-error);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font: var(--font-family);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: var(--typo-title-small);
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: var(--font-regular);
}
html {
  --mat-optgroup-label-text-font: var(--font-family);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: var(--typo-title-small);
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: var(--font-regular);
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font: var(--font-family);
  --mat-card-title-text-line-height: calc(1.2 * var(--typo-headline-small));
  --mat-card-title-text-size: var(--typo-headline-small);
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: var(--font-regular);
  --mat-card-subtitle-text-font: var(--font-family);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: var(--typo-title-medium);
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: var(--font-regular);
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--m3-sys-primary);
  --mdc-linear-progress-track-color: var(--m3-sys-primary);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--m3-sys-secondary);
  --mdc-linear-progress-track-color: var(--m3-sys-secondary);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: var(--m3-sys-error);
  --mdc-linear-progress-track-color: var(--m3-sys-error);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font: var(--font-family);
  --mdc-plain-tooltip-supporting-text-size: var(--typo-label-small);
  --mdc-plain-tooltip-supporting-text-weight: var(--font-regular);
  --mdc-plain-tooltip-supporting-text-tracking: normal;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: var(--m3-sys-primary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--m3-sys-primary);
  --mdc-filled-text-field-focus-label-text-color: var(--m3-sys-primary);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: var(--m3-sys-error);
  --mdc-filled-text-field-error-focus-label-text-color: var(--m3-sys-error);
  --mdc-filled-text-field-error-label-text-color: var(--m3-sys-error);
  --mdc-filled-text-field-error-caret-color: var(--m3-sys-error);
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: var(--m3-sys-error);
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--m3-sys-error);
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--m3-sys-error);
  --mdc-outlined-text-field-caret-color: var(--m3-sys-primary);
  --mdc-outlined-text-field-focus-outline-color: var(--m3-sys-primary);
  --mdc-outlined-text-field-focus-label-text-color: var(--m3-sys-primary);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: var(--m3-sys-error);
  --mdc-outlined-text-field-error-focus-label-text-color: var(--m3-sys-error);
  --mdc-outlined-text-field-error-label-text-color: var(--m3-sys-error);
  --mdc-outlined-text-field-error-hover-label-text-color: var(--m3-sys-error);
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: var(--m3-sys-error);
  --mdc-outlined-text-field-error-hover-outline-color: var(--m3-sys-error);
  --mdc-outlined-text-field-error-outline-color: var(--m3-sys-error);
  --mat-form-field-focus-select-arrow-color: var(--m3-sys-primary);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: var(--m3-sys-error);
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--m3-sys-secondary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--m3-sys-secondary);
  --mdc-filled-text-field-focus-label-text-color: var(--m3-sys-secondary);
  --mdc-outlined-text-field-caret-color: var(--m3-sys-secondary);
  --mdc-outlined-text-field-focus-outline-color: var(--m3-sys-secondary);
  --mdc-outlined-text-field-focus-label-text-color: var(--m3-sys-secondary);
  --mat-form-field-focus-select-arrow-color: var(--m3-sys-secondary);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: var(--m3-sys-error);
  --mdc-filled-text-field-focus-active-indicator-color: var(--m3-sys-error);
  --mdc-filled-text-field-focus-label-text-color: var(--m3-sys-error);
  --mdc-outlined-text-field-caret-color: var(--m3-sys-error);
  --mdc-outlined-text-field-focus-outline-color: var(--m3-sys-error);
  --mdc-outlined-text-field-focus-label-text-color: var(--m3-sys-error);
  --mat-form-field-focus-select-arrow-color: var(--m3-sys-error);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mdc-filled-text-field-label-text-font: var(--font-family);
  --mdc-filled-text-field-label-text-size: var(--typo-title-small);
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: var(--font-regular);
  --mdc-outlined-text-field-label-text-font: var(--font-family);
  --mdc-outlined-text-field-label-text-size: var(--typo-title-small);
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: var(--font-regular);
  --mat-form-field-container-text-font: var(--font-family);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: var(--typo-title-small);
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: var(--font-regular);
  --mat-form-field-outlined-label-text-populated-size: var(--typo-title-small);
  --mat-form-field-subscript-text-font: var(--font-family);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: var(--typo-label-small);
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: var(--font-regular);
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--m3-sys-primary);
  --mat-select-invalid-arrow-color: var(--m3-sys-error);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--m3-sys-secondary);
  --mat-select-invalid-arrow-color: var(--m3-sys-error);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--m3-sys-error);
  --mat-select-invalid-arrow-color: var(--m3-sys-error);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: var(--font-family);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: var(--typo-title-small);
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: var(--font-regular);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: var(--font-family);
  --mdc-dialog-subhead-line-height: calc(1.2 * var(--typo-headline-small));
  --mdc-dialog-subhead-size: var(--typo-headline-small);
  --mdc-dialog-subhead-weight: var(--font-regular);
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: var(--font-family);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: var(--typo-title-small);
  --mdc-dialog-supporting-text-weight: var(--font-regular);
  --mdc-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: var(--m3-sys-on-primary);
  --mdc-chip-elevated-container-color: var(--m3-sys-primary);
  --mdc-chip-elevated-selected-container-color: var(--m3-sys-primary);
  --mdc-chip-elevated-disabled-container-color: var(--m3-sys-primary);
  --mdc-chip-flat-disabled-selected-container-color: var(--m3-sys-primary);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--m3-sys-on-primary);
  --mdc-chip-selected-label-text-color: var(--m3-sys-on-primary);
  --mdc-chip-with-icon-icon-color: var(--m3-sys-on-primary);
  --mdc-chip-with-icon-disabled-icon-color: var(--m3-sys-on-primary);
  --mdc-chip-with-icon-selected-icon-color: var(--m3-sys-on-primary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--m3-sys-on-primary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--m3-sys-on-primary);
  --mat-chip-selected-disabled-trailing-icon-color: var(--m3-sys-on-primary);
  --mat-chip-selected-trailing-icon-color: var(--m3-sys-on-primary);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--m3-sys-on-secondary);
  --mdc-chip-elevated-container-color: var(--m3-sys-secondary);
  --mdc-chip-elevated-selected-container-color: var(--m3-sys-secondary);
  --mdc-chip-elevated-disabled-container-color: var(--m3-sys-secondary);
  --mdc-chip-flat-disabled-selected-container-color: var(--m3-sys-secondary);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--m3-sys-on-secondary);
  --mdc-chip-selected-label-text-color: var(--m3-sys-on-secondary);
  --mdc-chip-with-icon-icon-color: var(--m3-sys-on-secondary);
  --mdc-chip-with-icon-disabled-icon-color: var(--m3-sys-on-secondary);
  --mdc-chip-with-icon-selected-icon-color: var(--m3-sys-on-secondary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--m3-sys-on-secondary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--m3-sys-on-secondary);
  --mat-chip-selected-disabled-trailing-icon-color: var(--m3-sys-on-secondary);
  --mat-chip-selected-trailing-icon-color: var(--m3-sys-on-secondary);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: var(--m3-sys-on-error);
  --mdc-chip-elevated-container-color: var(--m3-sys-error);
  --mdc-chip-elevated-selected-container-color: var(--m3-sys-error);
  --mdc-chip-elevated-disabled-container-color: var(--m3-sys-error);
  --mdc-chip-flat-disabled-selected-container-color: var(--m3-sys-error);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--m3-sys-on-error);
  --mdc-chip-selected-label-text-color: var(--m3-sys-on-error);
  --mdc-chip-with-icon-icon-color: var(--m3-sys-on-error);
  --mdc-chip-with-icon-disabled-icon-color: var(--m3-sys-on-error);
  --mdc-chip-with-icon-selected-icon-color: var(--m3-sys-on-error);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--m3-sys-on-error);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--m3-sys-on-error);
  --mat-chip-selected-disabled-trailing-icon-color: var(--m3-sys-on-error);
  --mat-chip-selected-trailing-icon-color: var(--m3-sys-on-error);
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font-family);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: var(--typo-body-large);
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: var(--font-regular);
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #005a95;
  --mdc-switch-selected-handle-color: #005a95;
  --mdc-switch-selected-hover-state-layer-color: #005a95;
  --mdc-switch-selected-pressed-state-layer-color: #005a95;
  --mdc-switch-selected-focus-handle-color: #00346f;
  --mdc-switch-selected-hover-handle-color: #00346f;
  --mdc-switch-selected-pressed-handle-color: #00346f;
  --mdc-switch-selected-focus-track-color: #4d91ba;
  --mdc-switch-selected-hover-track-color: #4d91ba;
  --mdc-switch-selected-pressed-track-color: #4d91ba;
  --mdc-switch-selected-track-color: #4d91ba;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #005d87;
  --mdc-switch-selected-handle-color: #005d87;
  --mdc-switch-selected-hover-state-layer-color: #005d87;
  --mdc-switch-selected-pressed-state-layer-color: #005d87;
  --mdc-switch-selected-focus-handle-color: #003760;
  --mdc-switch-selected-hover-handle-color: #003760;
  --mdc-switch-selected-pressed-handle-color: #003760;
  --mdc-switch-selected-focus-track-color: #4d93b1;
  --mdc-switch-selected-hover-track-color: #4d93b1;
  --mdc-switch-selected-pressed-track-color: #4d93b1;
  --mdc-switch-selected-track-color: #4d93b1;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #b31717;
  --mdc-switch-selected-handle-color: #b31717;
  --mdc-switch-selected-hover-state-layer-color: #b31717;
  --mdc-switch-selected-pressed-state-layer-color: #b31717;
  --mdc-switch-selected-focus-handle-color: #940808;
  --mdc-switch-selected-hover-handle-color: #940808;
  --mdc-switch-selected-pressed-handle-color: #940808;
  --mdc-switch-selected-focus-track-color: #cf5f5f;
  --mdc-switch-selected-hover-track-color: #cf5f5f;
  --mdc-switch-selected-pressed-track-color: #cf5f5f;
  --mdc-switch-selected-track-color: #cf5f5f;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: var(--font-family);
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: var(--typo-body-large);
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: var(--font-regular);
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--m3-sys-primary);
  --mdc-radio-selected-hover-icon-color: var(--m3-sys-primary);
  --mdc-radio-selected-icon-color: var(--m3-sys-primary);
  --mdc-radio-selected-pressed-icon-color: var(--m3-sys-primary);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--m3-sys-primary);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--m3-sys-secondary);
  --mdc-radio-selected-hover-icon-color: var(--m3-sys-secondary);
  --mdc-radio-selected-icon-color: var(--m3-sys-secondary);
  --mdc-radio-selected-pressed-icon-color: var(--m3-sys-secondary);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--m3-sys-secondary);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--m3-sys-error);
  --mdc-radio-selected-hover-icon-color: var(--m3-sys-error);
  --mdc-radio-selected-icon-color: var(--m3-sys-error);
  --mdc-radio-selected-pressed-icon-color: var(--m3-sys-error);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--m3-sys-error);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: var(--font-family);
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: var(--typo-body-large);
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: var(--font-regular);
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: var(--m3-sys-primary);
  --mdc-slider-focus-handle-color: var(--m3-sys-primary);
  --mdc-slider-hover-handle-color: var(--m3-sys-primary);
  --mdc-slider-active-track-color: var(--m3-sys-primary);
  --mdc-slider-inactive-track-color: var(--m3-sys-primary);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--m3-sys-primary);
  --mdc-slider-with-tick-marks-active-container-color: var(--m3-sys-on-primary);
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: var(--m3-sys-primary);
  --mat-slider-hover-state-layer-color: rgba(var(--m3-sys-primary), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--m3-sys-primary), 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: var(--m3-sys-secondary);
  --mdc-slider-focus-handle-color: var(--m3-sys-secondary);
  --mdc-slider-hover-handle-color: var(--m3-sys-secondary);
  --mdc-slider-active-track-color: var(--m3-sys-secondary);
  --mdc-slider-inactive-track-color: var(--m3-sys-secondary);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--m3-sys-secondary);
  --mdc-slider-with-tick-marks-active-container-color: var(--m3-sys-on-secondary);
  --mat-slider-ripple-color: var(--m3-sys-secondary);
  --mat-slider-hover-state-layer-color: rgba(var(--m3-sys-secondary), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--m3-sys-secondary), 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: var(--m3-sys-error);
  --mdc-slider-focus-handle-color: var(--m3-sys-error);
  --mdc-slider-hover-handle-color: var(--m3-sys-error);
  --mdc-slider-active-track-color: var(--m3-sys-error);
  --mdc-slider-inactive-track-color: var(--m3-sys-error);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--m3-sys-error);
  --mdc-slider-with-tick-marks-active-container-color: var(--m3-sys-on-error);
  --mat-slider-ripple-color: var(--m3-sys-error);
  --mat-slider-hover-state-layer-color: rgba(var(--m3-sys-error), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--m3-sys-error), 0.2);
}
html {
  --mdc-slider-label-label-text-font: var(--font-family);
  --mdc-slider-label-label-text-size: var(--typo-title-medium);
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: var(--font-regular);
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: var(--font-family);
  --mat-menu-item-label-text-size: var(--typo-title-small);
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: var(--font-regular);
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--m3-sys-primary);
  --mdc-radio-selected-hover-icon-color: var(--m3-sys-primary);
  --mdc-radio-selected-icon-color: var(--m3-sys-primary);
  --mdc-radio-selected-pressed-icon-color: var(--m3-sys-primary);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--m3-sys-secondary);
  --mdc-radio-selected-hover-icon-color: var(--m3-sys-secondary);
  --mdc-radio-selected-icon-color: var(--m3-sys-secondary);
  --mdc-radio-selected-pressed-icon-color: var(--m3-sys-secondary);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--m3-sys-error);
  --mdc-radio-selected-hover-icon-color: var(--m3-sys-error);
  --mdc-radio-selected-icon-color: var(--m3-sys-error);
  --mdc-radio-selected-pressed-icon-color: var(--m3-sys-error);
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--m3-sys-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--m3-sys-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--m3-sys-on-secondary);
  --mdc-checkbox-selected-focus-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-hover-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-pressed-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--m3-sys-secondary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--m3-sys-on-error);
  --mdc-checkbox-selected-focus-icon-color: var(--m3-sys-error);
  --mdc-checkbox-selected-hover-icon-color: var(--m3-sys-error);
  --mdc-checkbox-selected-icon-color: var(--m3-sys-error);
  --mdc-checkbox-selected-pressed-icon-color: var(--m3-sys-error);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--m3-sys-error);
  --mdc-checkbox-selected-hover-state-layer-color: var(--m3-sys-error);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--m3-sys-error);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--m3-sys-primary);
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font: var(--font-family);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: var(--typo-title-small);
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: var(--font-regular);
  --mdc-list-list-item-supporting-text-font: var(--font-family);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: var(--typo-body-large);
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: var(--font-regular);
  --mdc-list-list-item-trailing-supporting-text-font: var(--font-family);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: var(--typo-label-small);
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: var(--font-regular);
}
.mdc-list-group__subheader {
  font: var(--font-regular) var(--typo-title-large) / 28px var(--font-family);
  letter-spacing: normal;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: var(--font-family);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: var(--typo-label-small);
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: var(--font-regular);
  --mat-paginator-select-trigger-text-size: var(--typo-label-small);
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--m3-sys-primary);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--m3-sys-primary);
  --mat-tab-header-active-ripple-color: var(--m3-sys-primary);
  --mat-tab-header-inactive-ripple-color: var(--m3-sys-primary);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--m3-sys-primary);
  --mat-tab-header-active-hover-label-text-color: var(--m3-sys-primary);
  --mat-tab-header-active-focus-indicator-color: var(--m3-sys-primary);
  --mat-tab-header-active-hover-indicator-color: var(--m3-sys-primary);
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--m3-sys-secondary);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--m3-sys-secondary);
  --mat-tab-header-active-ripple-color: var(--m3-sys-secondary);
  --mat-tab-header-inactive-ripple-color: var(--m3-sys-secondary);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--m3-sys-secondary);
  --mat-tab-header-active-hover-label-text-color: var(--m3-sys-secondary);
  --mat-tab-header-active-focus-indicator-color: var(--m3-sys-secondary);
  --mat-tab-header-active-hover-indicator-color: var(--m3-sys-secondary);
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: var(--m3-sys-error);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--m3-sys-error);
  --mat-tab-header-active-ripple-color: var(--m3-sys-error);
  --mat-tab-header-inactive-ripple-color: var(--m3-sys-error);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--m3-sys-error);
  --mat-tab-header-active-hover-label-text-color: var(--m3-sys-error);
  --mat-tab-header-active-focus-indicator-color: var(--m3-sys-error);
  --mat-tab-header-active-hover-indicator-color: var(--m3-sys-error);
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--m3-sys-primary);
  --mat-tab-header-with-background-foreground-color: var(--m3-sys-on-primary);
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--m3-sys-secondary);
  --mat-tab-header-with-background-foreground-color: var(--m3-sys-on-secondary);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: var(--m3-sys-error);
  --mat-tab-header-with-background-foreground-color: var(--m3-sys-on-error);
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: var(--font-family);
  --mat-tab-header-label-text-size: var(--typo-body-medium);
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: var(--font-size-m);
  --mat-tab-header-label-text-weight: var(--font-medium);
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--m3-sys-on-secondary);
  --mdc-checkbox-selected-focus-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-hover-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-pressed-icon-color: var(--m3-sys-secondary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--m3-sys-secondary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--m3-sys-secondary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--m3-sys-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--m3-sys-primary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--m3-sys-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--m3-sys-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--m3-sys-on-error);
  --mdc-checkbox-selected-focus-icon-color: var(--m3-sys-error);
  --mdc-checkbox-selected-hover-icon-color: var(--m3-sys-error);
  --mdc-checkbox-selected-icon-color: var(--m3-sys-error);
  --mdc-checkbox-selected-pressed-icon-color: var(--m3-sys-error);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--m3-sys-error);
  --mdc-checkbox-selected-hover-state-layer-color: var(--m3-sys-error);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--m3-sys-error);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}
html {
  --mat-checkbox-label-text-font: var(--font-family);
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: var(--typo-body-large);
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: var(--font-regular);
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--m3-sys-primary);
  --mat-text-button-state-layer-color: var(--m3-sys-primary);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--m3-sys-secondary);
  --mat-text-button-state-layer-color: var(--m3-sys-secondary);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: var(--m3-sys-error);
  --mat-text-button-state-layer-color: var(--m3-sys-error);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--m3-sys-primary);
  --mdc-filled-button-label-text-color: var(--m3-sys-on-primary);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--m3-sys-secondary);
  --mdc-filled-button-label-text-color: var(--m3-sys-on-secondary);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: var(--m3-sys-error);
  --mdc-filled-button-label-text-color: var(--m3-sys-on-error);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--m3-sys-primary);
  --mdc-protected-button-label-text-color: var(--m3-sys-on-primary);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--m3-sys-secondary);
  --mdc-protected-button-label-text-color: var(--m3-sys-on-secondary);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: var(--m3-sys-error);
  --mdc-protected-button-label-text-color: var(--m3-sys-on-error);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--m3-sys-primary);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--m3-sys-primary);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--m3-sys-secondary);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--m3-sys-secondary);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: var(--m3-sys-error);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--m3-sys-error);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-font: var(--font-family);
  --mdc-text-button-label-text-size: var(--typo-body-medium);
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: var(--font-medium);
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font-family);
  --mdc-filled-button-label-text-size: var(--typo-body-medium);
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: var(--font-medium);
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font-family);
  --mdc-protected-button-label-text-size: var(--typo-body-medium);
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: var(--font-medium);
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font-family);
  --mdc-outlined-button-label-text-size: var(--typo-body-medium);
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: var(--font-medium);
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--m3-sys-primary);
  --mat-icon-button-state-layer-color: var(--m3-sys-primary);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--m3-sys-secondary);
  --mat-icon-button-state-layer-color: var(--m3-sys-secondary);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: var(--m3-sys-error);
  --mat-icon-button-state-layer-color: var(--m3-sys-error);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: var(--m3-sys-primary);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: var(--m3-sys-secondary);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: var(--m3-sys-error);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: var(--m3-sys-primary);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: var(--m3-sys-secondary);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: var(--m3-sys-error);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-extended-fab-label-text-font: var(--font-family);
  --mdc-extended-fab-label-text-size: var(--typo-body-medium);
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: var(--font-medium);
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: var(--m3-sys-secondary);
}
html {
  --mdc-snackbar-supporting-text-font: var(--font-family);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: var(--typo-body-large);
  --mdc-snackbar-supporting-text-weight: var(--font-regular);
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: var(--font-family);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: var(--typo-title-medium);
  --mat-table-header-headline-weight: var(--font-regular);
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: var(--font-family);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: var(--typo-body-large);
  --mat-table-row-item-label-text-weight: var(--font-regular);
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: var(--font-family);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: var(--typo-body-large);
  --mat-table-footer-supporting-text-weight: var(--font-regular);
  --mat-table-footer-supporting-text-tracking: normal;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: var(--m3-sys-primary);
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--m3-sys-secondary);
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: var(--m3-sys-error);
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: var(--m3-sys-primary);
  --mat-badge-text-color: var(--m3-sys-on-primary);
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: var(--m3-sys-secondary);
  --mat-badge-text-color: var(--m3-sys-on-secondary);
}
.mat-badge-warn {
  --mat-badge-background-color: var(--m3-sys-error);
  --mat-badge-text-color: var(--m3-sys-on-error);
}
html {
  --mat-badge-text-font: var(--font-family);
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: var(--font-family);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: var(--typo-body-large);
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: var(--font-regular);
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-label-text-font: var(--font-family);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: var(--typo-title-small);
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: var(--font-regular);
  --mat-standard-button-toggle-label-text-font: var(--font-family);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: var(--typo-title-small);
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: var(--font-regular);
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--m3-sys-on-primary);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--m3-sys-primary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--m3-sys-on-primary);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--m3-sys-primary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--m3-sys-primary);
  --mat-datepicker-toggle-active-state-icon-color: var(--m3-sys-primary);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--m3-sys-primary), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--m3-sys-on-secondary);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--m3-sys-secondary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--m3-sys-on-secondary);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--m3-sys-secondary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--m3-sys-secondary);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--m3-sys-secondary), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--m3-sys-on-error);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--m3-sys-error);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--m3-sys-on-error);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--m3-sys-error);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--m3-sys-error);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--m3-sys-error), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--m3-sys-secondary);
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: var(--m3-sys-error);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: var(--font-family);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: var(--typo-body-medium);
  --mat-datepicker-calendar-body-label-text-weight: var(--font-medium);
  --mat-datepicker-calendar-period-button-text-size: var(--typo-body-medium);
  --mat-datepicker-calendar-period-button-text-weight: var(--font-medium);
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: var(--font-regular);
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: var(--font-family);
  --mat-expansion-header-text-size: var(--typo-title-medium);
  --mat-expansion-header-text-weight: var(--font-regular);
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font-family);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: var(--typo-body-large);
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: var(--font-regular);
}
html {
  --mat-grid-list-tile-header-primary-text-size: var(--typo-body-large);
  --mat-grid-list-tile-header-secondary-text-size: var(--typo-label-small);
  --mat-grid-list-tile-footer-primary-text-size: var(--typo-body-large);
  --mat-grid-list-tile-footer-secondary-text-size: var(--typo-label-small);
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: var(--m3-sys-primary);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--m3-sys-secondary);
}
.mat-icon.mat-warn {
  --mat-icon-color: var(--m3-sys-error);
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: var(--m3-sys-on-primary);
  --mat-stepper-header-selected-state-icon-background-color: var(--m3-sys-primary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--m3-sys-on-primary);
  --mat-stepper-header-done-state-icon-background-color: var(--m3-sys-primary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--m3-sys-on-primary);
  --mat-stepper-header-edit-state-icon-background-color: var(--m3-sys-primary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--m3-sys-on-primary);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: var(--m3-sys-error);
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: var(--m3-sys-error);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--m3-sys-on-secondary);
  --mat-stepper-header-selected-state-icon-background-color: var(--m3-sys-secondary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--m3-sys-on-secondary);
  --mat-stepper-header-done-state-icon-background-color: var(--m3-sys-secondary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--m3-sys-on-secondary);
  --mat-stepper-header-edit-state-icon-background-color: var(--m3-sys-secondary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--m3-sys-on-secondary);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--m3-sys-on-error);
  --mat-stepper-header-selected-state-icon-background-color: var(--m3-sys-error);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--m3-sys-on-error);
  --mat-stepper-header-done-state-icon-background-color: var(--m3-sys-error);
  --mat-stepper-header-done-state-icon-foreground-color: var(--m3-sys-on-error);
  --mat-stepper-header-edit-state-icon-background-color: var(--m3-sys-error);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--m3-sys-on-error);
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: var(--font-family);
  --mat-stepper-header-label-text-font: var(--font-family);
  --mat-stepper-header-label-text-size: var(--typo-body-large);
  --mat-stepper-header-label-text-weight: var(--font-regular);
  --mat-stepper-header-error-state-label-text-size: var(--typo-title-small);
  --mat-stepper-header-selected-state-label-text-size: var(--typo-title-small);
  --mat-stepper-header-selected-state-label-text-weight: var(--font-regular);
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--m3-sys-primary);
  --mat-toolbar-container-text-color: var(--m3-sys-on-primary);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--m3-sys-secondary);
  --mat-toolbar-container-text-color: var(--m3-sys-on-secondary);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--m3-sys-error);
  --mat-toolbar-container-text-color: var(--m3-sys-on-error);
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: var(--font-family);
  --mat-toolbar-title-text-line-height: calc(1.2 * var(--typo-headline-small));
  --mat-toolbar-title-text-size: var(--typo-headline-small);
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: var(--font-regular);
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: var(--font-family);
  --mat-tree-node-text-size: var(--typo-body-large);
  --mat-tree-node-text-weight: var(--font-regular);
}
html,
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  height: 100%;
  --mdc-radio-state-layer-size: 20px !important;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
html {
  font-family: var(--font-family);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: auto;
  font-size: var(--font-size-xs);
}
@media (min-width: 768px) {
  html {
    font-size: var(--font-size-s);
  }
}
@media (min-width: 992px) {
  html {
    font-size: var(--font-size-base);
  }
}
body {
  margin: 0;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  color: var(--m3-sys-on-surface);
  text-align: left;
  background-color: var(--m3-sys-background);
  display: flex;
  min-height: 100vh;
  height: auto;
  overflow-x: hidden;
  transition: opacity 0.3s ease-in-out;
}
[dir=rtl] body {
  text-align: right;
}
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
hr:not([size]) {
  height: 1px;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: 700;
}
small {
  font-size: 0.875em;
}
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.cdk-global-scrollblock body {
  overflow: unset;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !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;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1300px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1600px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:root {
  --m3-elevation-light-1: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --m3-elevation-light-2: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --m3-elevation-light-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
  --m3-elevation-light-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);
  --m3-elevation-light-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);
  --m3-elevation-dark-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
  --m3-elevation-dark-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
  --m3-elevation-dark-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
  --m3-elevation-dark-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);
  --m3-elevation-dark-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);
}
.light-theme {
  --m3-sys-elevation-1: var(--m3-elevation-light-1);
  --m3-sys-elevation-2: var(--m3-elevation-light-2);
  --m3-sys-elevation-3: var(--m3-elevation-light-3);
  --m3-sys-elevation-4: var(--m3-elevation-light-4);
  --m3-sys-elevation-5: var(--m3-elevation-light-5);
}
.dark-theme {
  --m3-sys-elevation-1: var(--m3-elevation-dark-1);
  --m3-sys-elevation-2: var(--m3-elevation-dark-2);
  --m3-sys-elevation-3: var(--m3-elevation-dark-3);
  --m3-sys-elevation-4: var(--m3-elevation-dark-4);
  --m3-sys-elevation-5: var(--m3-elevation-dark-5);
}
.elevation-1 {
  box-shadow: var(--m3-sys-elevation-1) !important;
}
.elevation-2 {
  box-shadow: var(--m3-sys-elevation-2) !important;
}
.elevation-3 {
  box-shadow: var(--m3-sys-elevation-3) !important;
}
.elevation-4 {
  box-shadow: var(--m3-sys-elevation-4) !important;
}
.elevation-5 {
  box-shadow: var(--m3-sys-elevation-5) !important;
}
:root {
  --space-auto: auto;
  --space-none: 0;
  --space-xs: 0.25rem;
  --space-s: 0.5rem;
  --space-base: 1rem;
  --space-m: 1.5rem;
  --space-l: 2rem;
  --space-xl: 2.5rem;
  --space-xxl: 3rem;
  --space-xxxl: 5rem;
}
.margin-auto {
  margin: var(--space-auto) !important;
}
.padding-auto {
  padding: var(--space-auto) !important;
}
.margin-top-auto {
  margin-top: var(--space-auto) !important;
}
.padding-top-auto {
  padding-top: var(--space-auto) !important;
}
.margin-bottom-auto {
  margin-bottom: var(--space-auto) !important;
}
.padding-bottom-auto {
  padding-bottom: var(--space-auto) !important;
}
.margin-start-auto {
  margin-inline-start: var(--space-auto) !important;
}
.padding-start-auto {
  padding-inline-start: var(--space-auto) !important;
}
.margin-end-auto {
  margin-inline-end: var(--space-auto) !important;
}
.padding-end-auto {
  padding-inline-end: var(--space-auto) !important;
}
.margin-right-auto {
  margin-right: var(--space-auto) !important;
}
.padding-right-auto {
  padding-right: var(--space-auto) !important;
}
.margin-left-auto {
  margin-left: var(--space-auto) !important;
}
.padding-left-auto {
  padding-left: var(--space-auto) !important;
}
.margin-y-auto {
  margin-top: var(--space-auto) !important;
  margin-bottom: var(--space-auto) !important;
}
.padding-y-auto {
  padding-top: var(--space-auto) !important;
  padding-bottom: var(--space-auto) !important;
}
.margin-x-auto {
  margin-left: var(--space-auto) !important;
  margin-right: var(--space-auto) !important;
}
.padding-x-auto {
  padding-left: var(--space-auto) !important;
  padding-right: var(--space-auto) !important;
}
.margin-none {
  margin: var(--space-none) !important;
}
.padding-none {
  padding: var(--space-none) !important;
}
.margin-top-none {
  margin-top: var(--space-none) !important;
}
.padding-top-none {
  padding-top: var(--space-none) !important;
}
.margin-bottom-none {
  margin-bottom: var(--space-none) !important;
}
.padding-bottom-none {
  padding-bottom: var(--space-none) !important;
}
.margin-start-none {
  margin-inline-start: var(--space-none) !important;
}
.padding-start-none {
  padding-inline-start: var(--space-none) !important;
}
.margin-end-none {
  margin-inline-end: var(--space-none) !important;
}
.padding-end-none {
  padding-inline-end: var(--space-none) !important;
}
.margin-right-none {
  margin-right: var(--space-none) !important;
}
.padding-right-none {
  padding-right: var(--space-none) !important;
}
.margin-left-none {
  margin-left: var(--space-none) !important;
}
.padding-left-none {
  padding-left: var(--space-none) !important;
}
.margin-y-none {
  margin-top: var(--space-none) !important;
  margin-bottom: var(--space-none) !important;
}
.padding-y-none {
  padding-top: var(--space-none) !important;
  padding-bottom: var(--space-none) !important;
}
.margin-x-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.padding-x-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.margin-xs {
  margin: var(--space-xs) !important;
}
.padding-xs {
  padding: var(--space-xs) !important;
}
.margin-top-xs {
  margin-top: var(--space-xs) !important;
}
.padding-top-xs {
  padding-top: var(--space-xs) !important;
}
.margin-bottom-xs {
  margin-bottom: var(--space-xs) !important;
}
.padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}
.margin-start-xs {
  margin-inline-start: var(--space-xs) !important;
}
.padding-start-xs {
  padding-inline-start: var(--space-xs) !important;
}
.margin-end-xs {
  margin-inline-end: var(--space-xs) !important;
}
.padding-end-xs {
  padding-inline-end: var(--space-xs) !important;
}
.margin-right-xs {
  margin-right: var(--space-xs) !important;
}
.padding-right-xs {
  padding-right: var(--space-xs) !important;
}
.margin-left-xs {
  margin-left: var(--space-xs) !important;
}
.padding-left-xs {
  padding-left: var(--space-xs) !important;
}
.margin-y-xs {
  margin-top: var(--space-xs) !important;
  margin-bottom: var(--space-xs) !important;
}
.padding-y-xs {
  padding-top: var(--space-xs) !important;
  padding-bottom: var(--space-xs) !important;
}
.margin-x-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}
.padding-x-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}
.margin-s {
  margin: var(--space-s) !important;
}
.padding-s {
  padding: var(--space-s) !important;
}
.margin-top-s {
  margin-top: var(--space-s) !important;
}
.padding-top-s {
  padding-top: var(--space-s) !important;
}
.margin-bottom-s {
  margin-bottom: var(--space-s) !important;
}
.padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
.margin-start-s {
  margin-inline-start: var(--space-s) !important;
}
.padding-start-s {
  padding-inline-start: var(--space-s) !important;
}
.margin-end-s {
  margin-inline-end: var(--space-s) !important;
}
.padding-end-s {
  padding-inline-end: var(--space-s) !important;
}
.margin-right-s {
  margin-right: var(--space-s) !important;
}
.padding-right-s {
  padding-right: var(--space-s) !important;
}
.margin-left-s {
  margin-left: var(--space-s) !important;
}
.padding-left-s {
  padding-left: var(--space-s) !important;
}
.margin-y-s {
  margin-top: var(--space-s) !important;
  margin-bottom: var(--space-s) !important;
}
.padding-y-s {
  padding-top: var(--space-s) !important;
  padding-bottom: var(--space-s) !important;
}
.margin-x-s {
  margin-left: var(--space-s) !important;
  margin-right: var(--space-s) !important;
}
.padding-x-s {
  padding-left: var(--space-s) !important;
  padding-right: var(--space-s) !important;
}
.margin-base {
  margin: var(--space-base) !important;
}
.padding-base {
  padding: var(--space-base) !important;
}
.margin-top-base {
  margin-top: var(--space-base) !important;
}
.padding-top-base {
  padding-top: var(--space-base) !important;
}
.margin-bottom-base {
  margin-bottom: var(--space-base) !important;
}
.padding-bottom-base {
  padding-bottom: var(--space-base) !important;
}
.margin-start-base {
  margin-inline-start: var(--space-base) !important;
}
.padding-start-base {
  padding-inline-start: var(--space-base) !important;
}
.margin-end-base {
  margin-inline-end: var(--space-base) !important;
}
.padding-end-base {
  padding-inline-end: var(--space-base) !important;
}
.margin-right-base {
  margin-right: var(--space-base) !important;
}
.padding-right-base {
  padding-right: var(--space-base) !important;
}
.margin-left-base {
  margin-left: var(--space-base) !important;
}
.padding-left-base {
  padding-left: var(--space-base) !important;
}
.margin-y-base {
  margin-top: var(--space-base) !important;
  margin-bottom: var(--space-base) !important;
}
.padding-y-base {
  padding-top: var(--space-base) !important;
  padding-bottom: var(--space-base) !important;
}
.margin-x-base {
  margin-left: var(--space-base) !important;
  margin-right: var(--space-base) !important;
}
.padding-x-base {
  padding-left: var(--space-base) !important;
  padding-right: var(--space-base) !important;
}
.margin-m {
  margin: var(--space-m) !important;
}
.padding-m {
  padding: var(--space-m) !important;
}
.margin-top-m {
  margin-top: var(--space-m) !important;
}
.padding-top-m {
  padding-top: var(--space-m) !important;
}
.margin-bottom-m {
  margin-bottom: var(--space-m) !important;
}
.padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
.margin-start-m {
  margin-inline-start: var(--space-m) !important;
}
.padding-start-m {
  padding-inline-start: var(--space-m) !important;
}
.margin-end-m {
  margin-inline-end: var(--space-m) !important;
}
.padding-end-m {
  padding-inline-end: var(--space-m) !important;
}
.margin-right-m {
  margin-right: var(--space-m) !important;
}
.padding-right-m {
  padding-right: var(--space-m) !important;
}
.margin-left-m {
  margin-left: var(--space-m) !important;
}
.padding-left-m {
  padding-left: var(--space-m) !important;
}
.margin-y-m {
  margin-top: var(--space-m) !important;
  margin-bottom: var(--space-m) !important;
}
.padding-y-m {
  padding-top: var(--space-m) !important;
  padding-bottom: var(--space-m) !important;
}
.margin-x-m {
  margin-left: var(--space-m) !important;
  margin-right: var(--space-m) !important;
}
.padding-x-m {
  padding-left: var(--space-m) !important;
  padding-right: var(--space-m) !important;
}
.margin-l {
  margin: var(--space-l) !important;
}
.padding-l {
  padding: var(--space-l) !important;
}
.margin-top-l {
  margin-top: var(--space-l) !important;
}
.padding-top-l {
  padding-top: var(--space-l) !important;
}
.margin-bottom-l {
  margin-bottom: var(--space-l) !important;
}
.padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}
.margin-start-l {
  margin-inline-start: var(--space-l) !important;
}
.padding-start-l {
  padding-inline-start: var(--space-l) !important;
}
.margin-end-l {
  margin-inline-end: var(--space-l) !important;
}
.padding-end-l {
  padding-inline-end: var(--space-l) !important;
}
.margin-right-l {
  margin-right: var(--space-l) !important;
}
.padding-right-l {
  padding-right: var(--space-l) !important;
}
.margin-left-l {
  margin-left: var(--space-l) !important;
}
.padding-left-l {
  padding-left: var(--space-l) !important;
}
.margin-y-l {
  margin-top: var(--space-l) !important;
  margin-bottom: var(--space-l) !important;
}
.padding-y-l {
  padding-top: var(--space-l) !important;
  padding-bottom: var(--space-l) !important;
}
.margin-x-l {
  margin-left: var(--space-l) !important;
  margin-right: var(--space-l) !important;
}
.padding-x-l {
  padding-left: var(--space-l) !important;
  padding-right: var(--space-l) !important;
}
.margin-xl {
  margin: var(--space-xl) !important;
}
.padding-xl {
  padding: var(--space-xl) !important;
}
.margin-top-xl {
  margin-top: var(--space-xl) !important;
}
.padding-top-xl {
  padding-top: var(--space-xl) !important;
}
.margin-bottom-xl {
  margin-bottom: var(--space-xl) !important;
}
.padding-bottom-xl {
  padding-bottom: var(--space-xl) !important;
}
.margin-start-xl {
  margin-inline-start: var(--space-xl) !important;
}
.padding-start-xl {
  padding-inline-start: var(--space-xl) !important;
}
.margin-end-xl {
  margin-inline-end: var(--space-xl) !important;
}
.padding-end-xl {
  padding-inline-end: var(--space-xl) !important;
}
.margin-right-xl {
  margin-right: var(--space-xl) !important;
}
.padding-right-xl {
  padding-right: var(--space-xl) !important;
}
.margin-left-xl {
  margin-left: var(--space-xl) !important;
}
.padding-left-xl {
  padding-left: var(--space-xl) !important;
}
.margin-y-xl {
  margin-top: var(--space-xl) !important;
  margin-bottom: var(--space-xl) !important;
}
.padding-y-xl {
  padding-top: var(--space-xl) !important;
  padding-bottom: var(--space-xl) !important;
}
.margin-x-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}
.padding-x-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}
.margin-xxl {
  margin: var(--space-xxl) !important;
}
.padding-xxl {
  padding: var(--space-xxl) !important;
}
.margin-top-xxl {
  margin-top: var(--space-xxl) !important;
}
.padding-top-xxl {
  padding-top: var(--space-xxl) !important;
}
.margin-bottom-xxl {
  margin-bottom: var(--space-xxl) !important;
}
.padding-bottom-xxl {
  padding-bottom: var(--space-xxl) !important;
}
.margin-start-xxl {
  margin-inline-start: var(--space-xxl) !important;
}
.padding-start-xxl {
  padding-inline-start: var(--space-xxl) !important;
}
.margin-end-xxl {
  margin-inline-end: var(--space-xxl) !important;
}
.padding-end-xxl {
  padding-inline-end: var(--space-xxl) !important;
}
.margin-right-xxl {
  margin-right: var(--space-xxl) !important;
}
.padding-right-xxl {
  padding-right: var(--space-xxl) !important;
}
.margin-left-xxl {
  margin-left: var(--space-xxl) !important;
}
.padding-left-xxl {
  padding-left: var(--space-xxl) !important;
}
.margin-y-xxl {
  margin-top: var(--space-xxl) !important;
  margin-bottom: var(--space-xxl) !important;
}
.padding-y-xxl {
  padding-top: var(--space-xxl) !important;
  padding-bottom: var(--space-xxl) !important;
}
.margin-x-xxl {
  margin-left: var(--space-xxl) !important;
  margin-right: var(--space-xxl) !important;
}
.padding-x-xxl {
  padding-left: var(--space-xxl) !important;
  padding-right: var(--space-xxl) !important;
}
.margin-xxxl {
  margin: var(--space-xxxl) !important;
}
.padding-xxxl {
  padding: var(--space-xxxl) !important;
}
.margin-top-xxxl {
  margin-top: var(--space-xxxl) !important;
}
.padding-top-xxxl {
  padding-top: var(--space-xxxl) !important;
}
.margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl) !important;
}
.padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl) !important;
}
.margin-start-xxxl {
  margin-inline-start: var(--space-xxxl) !important;
}
.padding-start-xxxl {
  padding-inline-start: var(--space-xxxl) !important;
}
.margin-end-xxxl {
  margin-inline-end: var(--space-xxxl) !important;
}
.padding-end-xxxl {
  padding-inline-end: var(--space-xxxl) !important;
}
.margin-right-xxxl {
  margin-right: var(--space-xxxl) !important;
}
.padding-right-xxxl {
  padding-right: var(--space-xxxl) !important;
}
.margin-left-xxxl {
  margin-left: var(--space-xxxl) !important;
}
.padding-left-xxxl {
  padding-left: var(--space-xxxl) !important;
}
.margin-y-xxxl {
  margin-top: var(--space-xxxl) !important;
  margin-bottom: var(--space-xxxl) !important;
}
.padding-y-xxxl {
  padding-top: var(--space-xxxl) !important;
  padding-bottom: var(--space-xxxl) !important;
}
.margin-x-xxxl {
  margin-left: var(--space-xxxl) !important;
  margin-right: var(--space-xxxl) !important;
}
.padding-x-xxxl {
  padding-left: var(--space-xxxl) !important;
  padding-right: var(--space-xxxl) !important;
}
.margin-inline-start-xl {
  margin-inline-start: var(--space-xl) !important;
}
.margin-inline-start-auto {
  margin-inline-start: auto !important;
}
.margin-inline-end-xl {
  margin-inline-end: var(--space-xl) !important;
}
.margin-inline-start-l {
  margin-inline-start: var(--space-l) !important;
}
.margin-inline-end-l {
  margin-inline-end: var(--space-l) !important;
}
.margin-inline-start-m {
  margin-inline-start: var(--space-m) !important;
}
.margin-inline-end-m {
  margin-inline-end: var(--space-m) !important;
}
.margin-inline-start-base-m {
  margin-inline-start: var(--space-base-m) !important;
}
.margin-inline-end-base-m {
  margin-inline-end: var(--space-base-m) !important;
}
.margin-inline-start-base {
  margin-inline-start: var(--space-base) !important;
}
.margin-inline-end-base {
  margin-inline-end: var(--space-base) !important;
}
.margin-inline-start-s {
  margin-inline-start: var(--space-s) !important;
}
.margin-inline-end-s {
  margin-inline-end: var(--space-s) !important;
}
.margin-inline-start-xs {
  margin-inline-start: var(--space-xs) !important;
}
.margin-inline-end-xs {
  margin-inline-end: var(--space-xs) !important;
}
:root {
  --border-size-none: 0;
  --border-size-base: 1px;
  --border-size-m: 2px;
  --border-size-l: 3px;
  --border-size-xl: 6px;
  --border-radius-none: 0;
  --border-radius-tiny: 4px;
  --border-radius-soft: 8px;
  --border-radius-m: 12px;
  --border-radius-rounded: 28px;
  --border-radius-circle: 50%;
}
.border-size-none {
  border: var(--border-size-none) solid currentColor !important;
}
.border-size-base {
  border: var(--border-size-base) solid currentColor !important;
}
.border-size-m {
  border: var(--border-size-m) solid currentColor !important;
}
.border-size-l {
  border: var(--border-size-l) solid currentColor !important;
}
.border-size-xl {
  border: var(--border-size-xl) solid currentColor !important;
}
.border-radius-none {
  border-radius: var(--border-radius-none) !important;
}
.border-radius-tiny {
  border-radius: var(--border-radius-tiny) !important;
}
.border-radius-soft {
  border-radius: var(--border-radius-soft) !important;
}
.border-radius-m {
  border-radius: var(--border-radius-m) !important;
}
.border-radius-rounded {
  border-radius: var(--border-radius-rounded) !important;
}
.border-radius-circle {
  border-radius: var(--border-radius-circle) !important;
}
[dir=ltr] .rotate-ltr {
  transform: rotate(180deg);
}
.opacity-none {
  opacity: 0;
}
.opacity-6 {
  opacity: 0.6;
}
.full-width {
  width: 100% !important;
}
.full-height {
  height: 100% !important;
}
.screen-height {
  height: 100vh !important;
}
.dir-ltr {
  direction: ltr;
}
.dir-rtl {
  direction: rtl;
}
.opacity-1 {
  opacity: 1;
}
.flex-1 {
  flex: 1;
}
[dir=ltr] .text-left {
  text-align: right;
}
.fit-content {
  width: fit-content !important;
}
.height-fit-content {
  height: fit-content !important;
}
@media print {
  .no-print {
    display: none;
  }
}
.position-relative {
  position: relative !important;
}
.list-reset {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 991.98px) {
  .d-non-xs {
    display: none !important;
  }
}
.overlfow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden !important;
}
.min-width-unset {
  min-width: unset !important;
}
html[dir=rtl] .flip-rtl {
  transform: scaleX(-1);
}
html[dir=rtl] .rotate-180.flip-rtl {
  transform: rotate(180deg) scaleX(-1);
}
.width-auto {
  width: auto !important;
}
.line-height-md {
  line-height: 1.5;
}
.cursor-move {
  cursor: move;
}
.no-decoration {
  text-decoration: none;
}
.rotate-icon {
  transform: rotateX(180deg);
}
.capitalize-first-letter::first-letter {
  text-transform: capitalize;
}
.scroll-content::-webkit-scrollbar {
  width: 3px;
  height: 7px;
}
.scroll-content::-webkit-scrollbar-track {
  background: var(--color-light-blue-grey);
}
.scroll-content::-webkit-scrollbar-thumb {
  background: var(--color-dark-grey-blue);
}
.scroll-content::-webkit-scrollbar-thumb:hover {
  background: var(--color-azure);
}
.no-border {
  border: none !important;
}
.text-nowrap {
  white-space: nowrap;
}
.disabled-link {
  pointer-events: none;
}
.text-editor {
  font-size: var(--font-size-s);
  line-height: 24px;
}
.text-editor p {
  margin-bottom: 1em;
}
.details-cell {
  font-size: var(--font-size-s);
}
.details-cell__title {
  font-weight: var(--font-regular);
  color: var(--color-gray-dark-1);
  margin-bottom: var(--space-s);
  margin-top: 0;
  text-transform: capitalize;
}
.details-cell__text {
  color: var(--color-neutral-9);
  font-weight: var(--font-medium);
  line-height: 24px;
}
.drag-icon {
  cursor: move;
}
.table .cdk-drop-list-dragging tr:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.drag-placeholder {
  min-width: 100%;
  background: var(--color-periwinkle);
  border: dotted 2px var(--color-cool-blue);
  min-height: 60px;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.radio-toggle {
  min-width: 100px;
  font-size: var(--font-size-s);
}
.radio-toggle .mat-button-toggle-label-content {
  justify-content: center;
}
.no-attachments {
  text-align: center;
  font-size: var(--font-size-s);
  margin: 0;
  padding: var(--space-base);
  font-weight: var(--font-regular);
  color: var(--color-warn);
}
@media (max-width: 1299.98px) {
  .create-kpi__range .radio-toggle {
    min-width: unset !important;
  }
}
.img-responsive {
  max-width: 100%;
}
.product-placeholder path {
  fill: var(--m3-sys-on-surface);
}
.internal-block {
  z-index: 99 !important;
}
.mat-button-toggle-label-content {
  line-height: 36px;
}
.typo-label-large,
.side-nav__link,
body .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 36px !important;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: var(--m3-sys-on-surface) !important;
}
.mat-form-field-label {
  color: var(--m3-sys-on-surface) !important;
}
.background-transparent {
  background: transparent !important;
}
.background-full-opacity {
  background: var(--m3-sys-background-full-opacity) !important;
  color: var(--m3-sys-on-surface-variant) !important;
}
.cursor-grab {
  cursor: grab;
}
:root {
  --red-lightest: #faeaea;
  --red-lighter: #e9aaaa;
  --red-light: #d96a6a;
  --red: #c92a2a;
  --red-dark: #ab2424;
  --red-darker: #8d1d1d;
  --red-darkest: #6f1717;
  --pink-lightest: #fbebf0;
  --pink-lighter: #efadc4;
  --pink-light: #e27098;
  --pink: #d6336c;
  --pink-dark: #b62b5c;
  --pink-darker: #96244c;
  --pink-darkest: #761c3b;
  --grape-lightest: #f7ecfa;
  --grape-lighter: #dfb2e9;
  --grape-light: #c678d9;
  --grape: #ae3ec9;
  --grape-dark: #9435ab;
  --grape-darker: #7a2b8d;
  --grape-darkest: #60226f;
  --violet-lightest: #f1edfd;
  --violet-lighter: #c6b6f6;
  --violet-light: #9b7fef;
  --violet: #7048e8;
  --violet-dark: #5f3dc5;
  --violet-darker: #4e32a2;
  --violet-darkest: #3e2880;
  --indigo-lightest: #eceffd;
  --indigo-lighter: #b3c1f7;
  --indigo-light: #7b92f1;
  --indigo: #4263eb;
  --indigo-dark: #3854c8;
  --indigo-darker: #2e45a5;
  --indigo-darkest: #243681;
  --blue-lightest: #e8f2fa;
  --blue-lighter: #a3c9ea;
  --blue-light: #5fa1db;
  --blue: #1a79cb;
  --blue-dark: #1667ad;
  --blue-darker: #12558e;
  --blue-darkest: #0e4370;
  --cyan-lightest: #e7f2f4;
  --cyan-lighter: #9eccd3;
  --cyan-light: #56a6b2;
  --cyan: #0d8091;
  --cyan-dark: #0b6d7b;
  --cyan-darker: #095a66;
  --cyan-darkest: #074650;
  --teal-lightest: #e6f2ef;
  --teal-lighter: #9cccbd;
  --teal-light: #52a58c;
  --teal: #087f5b;
  --teal-dark: #076c4d;
  --teal-darker: #065940;
  --teal-darkest: #044632;
  --green-lightest: #ebf7ed;
  --green-lighter: #afe0b8;
  --green-light: #73c982;
  --green: #37b24d;
  --green-dark: #2f9741;
  --green-darker: #267d36;
  --green-darkest: #1e622a;
  --lime-lightest: #f1f8e8;
  --lime-lighter: #c7e3a2;
  --lime-light: #9ecd5c;
  --lime: #74b816;
  --lime-dark: #639c13;
  --lime-darker: #51810f;
  --lime-darkest: #40650c;
  --orange-lightest: #fef0e6;
  --orange-lighter: #fcc29c;
  --orange-light: #f99551;
  --orange: #f76707;
  --orange-dark: #d25806;
  --orange-darker: #ad4805;
  --orange-darkest: #883904;
  --orange-darkest-1: #ED2529;
  --yellow-lightest: #fef5e5;
  --yellow-lighter: #fbd999;
  --yellow-light: #f8bc4c;
  --yellow: #f59f00;
  --yellow-dark: #d08700;
  --yellow-darker: #ac6f00;
  --yellow-darkest: #875700;
  --gray-darkest: #616161;
  --gray-dark-1: #7b7b7b;
  --gray-light-1: #dcdcdc;
  --white: #fff;
  --neutral-0: #ffffff;
  --neutral-1: #f8f9fa;
  --neutral-2: #f1f3f5;
  --neutral-3: #e9ecef;
  --neutral-4: #d9d9d9;
  --neutral-5: #ced4da;
  --neutral-6: #adb5bd;
  --neutral-7: #6a7178;
  --neutral-8: #4f575e;
  --neutral-9: #272b30;
  --neutral-10: #101213;
  --shade-0: #000000;
  --shade-1: #0a0a0a;
  --shade-2: #141414;
  --shade-3: #1e1e1e;
  --shade-4: #282828;
  --shade-5: #323232;
  --shade-6: #3b3b3b;
  --shade-7: #454545;
  --shade-8: #4f4f4f;
  --shade-9: #595959;
  --shade-10: #636363;
  --shade-11: #6c6c6c;
  --shade-12: #767676;
  --shade-13: #808080;
  --shade-14: #8a8a8a;
  --shade-15: #949494;
  --shade-16: #9d9d9d;
  --shade-17: #a7a7a7;
  --shade-18: #b1b1b1;
  --shade-19: #bbbbbb;
  --shade-20: #c5c5c5;
  --shade-21: #cecece;
  --shade-22: #d8d8d8;
  --shade-23: #e2e2e2;
  --shade-24: #ececec;
  --shade-25: #f6f6f6;
  --error-light: #fceaea;
  --error: #dc2020;
  --warning-light: #fdf6e5;
  --warning: #e9a100;
  --success-light: #eaf3eb;
  --success: #29823b;
  --info-light: #e5f5fc;
  --info: #017aad;
}
.light-theme {
  --red-lightest: var(--red-lightest);
  --red-lighter: var(--red-lighter);
  --red-light: var(--red-light);
  --pink-lightest: var(--pink-lightest);
  --pink-lighter: var(--pink-lighter);
  --pink-light: var(--pink-light);
  --grape-lightest: var(--grape-lightest);
  --grape-lighter: var(--grape-lighter);
  --grape-light: var(--grape-light);
  --violet-lightest: var(--violet-lightest);
  --violet-lighter: var(--violet-lighter);
  --violet-light: var(--violet-light);
  --indigo-lightest: var(--indigo-lightest);
  --indigo-lighter: var(--indigo-lighter);
  --indigo-light: var(--indigo-light);
  --blue-lightest: var(--blue-lightest);
  --blue-lighter: var(--blue-lighter);
  --blue-light: var(--blue-light);
  --cyan-lightest: var(--cyan-lightest);
  --cyan-lighter: var(--cyan-lighter);
  --cyan-light: var(--cyan-light);
  --teal-lightest: var(--teal-lightest);
  --teal-lighter: var(--teal-lighter);
  --teal-light: var(--teal-light);
  --green-lightest: var(--green-lightest);
  --green-lighter: var(--green-lighter);
  --green-light: var(--green-light);
  --lime-lightest: var(--lime-lightest);
  --lime-lighter: var(--lime-lighter);
  --lime-light: var(--lime-light);
  --orange-lightest: var(--orange-lightest);
  --orange-lighter: var(--orange-lighter);
  --orange-light: var(--orange-light);
  --yellow-lightest: var(--yellow-lightest);
  --yellow-lighter: var(--yellow-lighter);
  --yellow-light: var(--yellow-light);
  --gray-1: var(--gray-light-1);
  --error-light: var(--error-light);
  --warning-light: var(--warning-light);
  --success-light: var(--success-light);
  --info-light: var(--info-light);
}
.dark-theme {
  --red-dark: var(--red-dark);
  --red-darker: var(--red-darker);
  --red-darkest: var(--red-darkest);
  --pink-dark: var(--pink-dark);
  --pink-darker: var(--pink-darker);
  --pink-darkest: var(--pink-darkest);
  --grape-dark: var(--grape-dark);
  --grape-darker: var(--grape-darker);
  --grape-darkest: var(--grape-darkest);
  --violet-dark: var(--violet-dark);
  --violet-darker: var(--violet-darker);
  --violet-darkest: var(--violet-darkest);
  --indigo-dark: var(--indigo-dark);
  --indigo-darker: var(--indigo-darker);
  --indigo-darkest: var(--indigo-darkest);
  --blue-dark: var(--blue-dark);
  --blue-darker: var(--blue-darker);
  --blue-darkest: var(--blue-darkest);
  --cyan-dark: var(--cyan-dark);
  --cyan-darker: var(--cyan-darker);
  --cyan-darkest: var(--cyan-darkest);
  --teal-dark: var(--teal-dark);
  --teal-darker: var(--teal-darker);
  --teal-darkest: var(--teal-darkest);
  --green-dark: var(--green-dark);
  --green-darker: var(--green-darker);
  --green-darkest: var(--green-darkest);
  --lime-dark: var(--lime-dark);
  --lime-darker: var(--lime-darker);
  --lime-darkest: var(--lime-darkest);
  --orange-dark: var(--orange-dark);
  --orange-darker: var(--orange-darker);
  --orange-darkest: var(--orange-darkest);
  --orange-darkest-1: var(--orange-darkest-1);
  --yellow-dark: var(--yellow-dark);
  --yellow-darker: var(--yellow-darker);
  --yellow-darkest: var(--yellow-darkest);
  --gray-darkest: var(--gray-darkest);
  --gray-1: var(--gray-dark-1);
}
[dir=rtl] body .mat-slide-toggle .mat-slide-toggle-label {
  align-items: flex-start;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1300px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1180px;
  }
}
@media (min-width: 1600px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);
}
.grid .g-col-1 {
  grid-column: auto/span 1;
}
.grid .g-col-2 {
  grid-column: auto/span 2;
}
.grid .g-col-3 {
  grid-column: auto/span 3;
}
.grid .g-col-4 {
  grid-column: auto/span 4;
}
.grid .g-col-5 {
  grid-column: auto/span 5;
}
.grid .g-col-6 {
  grid-column: auto/span 6;
}
.grid .g-col-7 {
  grid-column: auto/span 7;
}
.grid .g-col-8 {
  grid-column: auto/span 8;
}
.grid .g-col-9 {
  grid-column: auto/span 9;
}
.grid .g-col-10 {
  grid-column: auto/span 10;
}
.grid .g-col-11 {
  grid-column: auto/span 11;
}
.grid .g-col-12 {
  grid-column: auto/span 12;
}
.grid .g-start-1 {
  grid-column-start: 1;
}
.grid .g-start-2 {
  grid-column-start: 2;
}
.grid .g-start-3 {
  grid-column-start: 3;
}
.grid .g-start-4 {
  grid-column-start: 4;
}
.grid .g-start-5 {
  grid-column-start: 5;
}
.grid .g-start-6 {
  grid-column-start: 6;
}
.grid .g-start-7 {
  grid-column-start: 7;
}
.grid .g-start-8 {
  grid-column-start: 8;
}
.grid .g-start-9 {
  grid-column-start: 9;
}
.grid .g-start-10 {
  grid-column-start: 10;
}
.grid .g-start-11 {
  grid-column-start: 11;
}
@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1300px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1600px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
[dir=ltr] .offset-1 {
  margin-left: 8.33333333%;
}
[dir=rtl] .offset-1 {
  margin-right: 8.33333333%;
}
[dir=ltr] .offset-2 {
  margin-left: 16.66666667%;
}
[dir=rtl] .offset-2 {
  margin-right: 16.66666667%;
}
[dir=ltr] .offset-3 {
  margin-left: 25%;
}
[dir=rtl] .offset-3 {
  margin-right: 25%;
}
[dir=ltr] .offset-4 {
  margin-left: 33.33333333%;
}
[dir=rtl] .offset-4 {
  margin-right: 33.33333333%;
}
[dir=ltr] .offset-5 {
  margin-left: 41.66666667%;
}
[dir=rtl] .offset-5 {
  margin-right: 41.66666667%;
}
[dir=ltr] .offset-6 {
  margin-left: 50%;
}
[dir=rtl] .offset-6 {
  margin-right: 50%;
}
[dir=ltr] .offset-7 {
  margin-left: 58.33333333%;
}
[dir=rtl] .offset-7 {
  margin-right: 58.33333333%;
}
[dir=ltr] .offset-8 {
  margin-left: 66.66666667%;
}
[dir=rtl] .offset-8 {
  margin-right: 66.66666667%;
}
[dir=ltr] .offset-9 {
  margin-left: 75%;
}
[dir=rtl] .offset-9 {
  margin-right: 75%;
}
[dir=ltr] .offset-10 {
  margin-left: 83.33333333%;
}
[dir=rtl] .offset-10 {
  margin-right: 83.33333333%;
}
[dir=ltr] .offset-11 {
  margin-left: 91.66666667%;
}
[dir=rtl] .offset-11 {
  margin-right: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  [dir=ltr] .offset-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-sm-0 {
    margin-right: 0;
  }
  [dir=ltr] .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  [dir=rtl] .offset-sm-1 {
    margin-right: 8.33333333%;
  }
  [dir=ltr] .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  [dir=rtl] .offset-sm-2 {
    margin-right: 16.66666667%;
  }
  [dir=ltr] .offset-sm-3 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-sm-3 {
    margin-right: 25%;
  }
  [dir=ltr] .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  [dir=rtl] .offset-sm-4 {
    margin-right: 33.33333333%;
  }
  [dir=ltr] .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  [dir=rtl] .offset-sm-5 {
    margin-right: 41.66666667%;
  }
  [dir=ltr] .offset-sm-6 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-sm-6 {
    margin-right: 50%;
  }
  [dir=ltr] .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  [dir=rtl] .offset-sm-7 {
    margin-right: 58.33333333%;
  }
  [dir=ltr] .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  [dir=rtl] .offset-sm-8 {
    margin-right: 66.66666667%;
  }
  [dir=ltr] .offset-sm-9 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-sm-9 {
    margin-right: 75%;
  }
  [dir=ltr] .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  [dir=rtl] .offset-sm-10 {
    margin-right: 83.33333333%;
  }
  [dir=ltr] .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  [dir=rtl] .offset-sm-11 {
    margin-right: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  [dir=ltr] .offset-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-md-0 {
    margin-right: 0;
  }
  [dir=ltr] .offset-md-1 {
    margin-left: 8.33333333%;
  }
  [dir=rtl] .offset-md-1 {
    margin-right: 8.33333333%;
  }
  [dir=ltr] .offset-md-2 {
    margin-left: 16.66666667%;
  }
  [dir=rtl] .offset-md-2 {
    margin-right: 16.66666667%;
  }
  [dir=ltr] .offset-md-3 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-md-3 {
    margin-right: 25%;
  }
  [dir=ltr] .offset-md-4 {
    margin-left: 33.33333333%;
  }
  [dir=rtl] .offset-md-4 {
    margin-right: 33.33333333%;
  }
  [dir=ltr] .offset-md-5 {
    margin-left: 41.66666667%;
  }
  [dir=rtl] .offset-md-5 {
    margin-right: 41.66666667%;
  }
  [dir=ltr] .offset-md-6 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-md-6 {
    margin-right: 50%;
  }
  [dir=ltr] .offset-md-7 {
    margin-left: 58.33333333%;
  }
  [dir=rtl] .offset-md-7 {
    margin-right: 58.33333333%;
  }
  [dir=ltr] .offset-md-8 {
    margin-left: 66.66666667%;
  }
  [dir=rtl] .offset-md-8 {
    margin-right: 66.66666667%;
  }
  [dir=ltr] .offset-md-9 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-md-9 {
    margin-right: 75%;
  }
  [dir=ltr] .offset-md-10 {
    margin-left: 83.33333333%;
  }
  [dir=rtl] .offset-md-10 {
    margin-right: 83.33333333%;
  }
  [dir=ltr] .offset-md-11 {
    margin-left: 91.66666667%;
  }
  [dir=rtl] .offset-md-11 {
    margin-right: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  [dir=ltr] .offset-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-lg-0 {
    margin-right: 0;
  }
  [dir=ltr] .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  [dir=rtl] .offset-lg-1 {
    margin-right: 8.33333333%;
  }
  [dir=ltr] .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  [dir=rtl] .offset-lg-2 {
    margin-right: 16.66666667%;
  }
  [dir=ltr] .offset-lg-3 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-lg-3 {
    margin-right: 25%;
  }
  [dir=ltr] .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  [dir=rtl] .offset-lg-4 {
    margin-right: 33.33333333%;
  }
  [dir=ltr] .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  [dir=rtl] .offset-lg-5 {
    margin-right: 41.66666667%;
  }
  [dir=ltr] .offset-lg-6 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-lg-6 {
    margin-right: 50%;
  }
  [dir=ltr] .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  [dir=rtl] .offset-lg-7 {
    margin-right: 58.33333333%;
  }
  [dir=ltr] .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  [dir=rtl] .offset-lg-8 {
    margin-right: 66.66666667%;
  }
  [dir=ltr] .offset-lg-9 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-lg-9 {
    margin-right: 75%;
  }
  [dir=ltr] .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  [dir=rtl] .offset-lg-10 {
    margin-right: 83.33333333%;
  }
  [dir=ltr] .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  [dir=rtl] .offset-lg-11 {
    margin-right: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1300px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  [dir=ltr] .offset-xl-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xl-0 {
    margin-right: 0;
  }
  [dir=ltr] .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  [dir=rtl] .offset-xl-1 {
    margin-right: 8.33333333%;
  }
  [dir=ltr] .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  [dir=rtl] .offset-xl-2 {
    margin-right: 16.66666667%;
  }
  [dir=ltr] .offset-xl-3 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xl-3 {
    margin-right: 25%;
  }
  [dir=ltr] .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  [dir=rtl] .offset-xl-4 {
    margin-right: 33.33333333%;
  }
  [dir=ltr] .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  [dir=rtl] .offset-xl-5 {
    margin-right: 41.66666667%;
  }
  [dir=ltr] .offset-xl-6 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xl-6 {
    margin-right: 50%;
  }
  [dir=ltr] .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  [dir=rtl] .offset-xl-7 {
    margin-right: 58.33333333%;
  }
  [dir=ltr] .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  [dir=rtl] .offset-xl-8 {
    margin-right: 66.66666667%;
  }
  [dir=ltr] .offset-xl-9 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xl-9 {
    margin-right: 75%;
  }
  [dir=ltr] .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  [dir=rtl] .offset-xl-10 {
    margin-right: 83.33333333%;
  }
  [dir=ltr] .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  [dir=rtl] .offset-xl-11 {
    margin-right: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  [dir=ltr] .offset-xxl-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xxl-0 {
    margin-right: 0;
  }
  [dir=ltr] .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  [dir=rtl] .offset-xxl-1 {
    margin-right: 8.33333333%;
  }
  [dir=ltr] .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  [dir=rtl] .offset-xxl-2 {
    margin-right: 16.66666667%;
  }
  [dir=ltr] .offset-xxl-3 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xxl-3 {
    margin-right: 25%;
  }
  [dir=ltr] .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  [dir=rtl] .offset-xxl-4 {
    margin-right: 33.33333333%;
  }
  [dir=ltr] .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  [dir=rtl] .offset-xxl-5 {
    margin-right: 41.66666667%;
  }
  [dir=ltr] .offset-xxl-6 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xxl-6 {
    margin-right: 50%;
  }
  [dir=ltr] .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  [dir=rtl] .offset-xxl-7 {
    margin-right: 58.33333333%;
  }
  [dir=ltr] .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  [dir=rtl] .offset-xxl-8 {
    margin-right: 66.66666667%;
  }
  [dir=ltr] .offset-xxl-9 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xxl-9 {
    margin-right: 75%;
  }
  [dir=ltr] .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  [dir=rtl] .offset-xxl-10 {
    margin-right: 83.33333333%;
  }
  [dir=ltr] .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  [dir=rtl] .offset-xxl-11 {
    margin-right: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
app-root {
  flex: 1;
  display: flex;
  height: 100%;
}
body {
  padding-top: var(--header-height);
  padding-inline-start: var(--content-start-padding);
  padding-inline-end: var(--content-end-padding);
  padding-bottom: calc(var(--bottom-bar-height) + var(--space-m));
  opacity: 0;
  transition-property: padding, opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}
[dir=rtl] body {
  text-align: right;
}
body::before {
  position: fixed;
}
@media (min-width: 576px) {
  body {
    padding-inline-start: var(--nav-width);
    padding-bottom: var(--space-m);
  }
}
body.body--login {
  padding: var(--space-none);
  padding-inline-start: var(--space-none);
}
@media (min-width: 576px) {
  body.body--login {
    padding-bottom: var(--space-none);
  }
}
body.body--login .layout__body {
  height: auto;
  width: 100%;
  padding: var(--space-xl);
  padding-bottom: var(--space-none);
}
.body--show {
  opacity: 1;
}
.layout {
  color: var(--m3-sys-on-surface);
  width: 100%;
}
.layout--expanded {
  --nav-width: var(--expanded-nav-width);
}
.layout__actions {
  width: var(--actions-width);
  margin: auto;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  height: 100%;
}
[dir=rtl] .layout__actions {
  left: 0;
  right: auto;
}
.layout--collapsed {
  --nav-width: var(--collapsed-nav-width);
}
.layout--closed {
  padding-inline-start: var(--space-m);
}
[dir=rtl] .layout--closed .toggle-body {
  transform: translate(-15%, 0);
}
.layout__header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
}
.layout__nav {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background-color: var(--color-surface-1);
}
@media (min-width: 576px) {
  .layout__nav {
    background-color: transparent;
    width: var(--nav-width);
    top: var(--header-height);
    left: 0;
  }
  [dir=rtl] .layout__nav {
    right: 0;
    left: auto;
  }
}
.layout__content {
  display: flex;
  min-height: 100%;
}
.toggle-body {
  position: fixed;
  left: var(--nav-width);
  transform: translate(-50%, 0);
  top: 145px;
  background-color: var(--m3-sys-surface) !important;
  color: var(--m3-sys-primary);
  transition-property: left;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  left: var(--nav-width);
  transform: translate(-50%, 0);
}
.toggle-body.mat-mdc-icon-button {
  position: fixed;
}
.layout--closed .toggle-body {
  transform: translate(0, 0);
}
.toggle-body:hover {
  background: var(--m3-sys-surface);
  color: var(--m3-sys-primary);
}
[dir=rtl] .toggle-body {
  right: var(--nav-width);
  left: auto;
  transform: translate(50%, 0);
}
.layout__body {
  flex: 1;
  position: relative;
  background: var(--m3-sys-surface);
  border-radius: var(--border-radius-m);
  padding: var(--space-m);
}
.layout__body .toggle-body--end {
  right: var(--actions-width);
  bottom: 80px;
  top: auto;
  left: auto;
  z-index: 20;
  transition-property: right;
  transform: translate(-15%, 0);
}
[dir=rtl] .layout__body .toggle-body--end {
  transform: translate(0, 0);
  left: var(--actions-width);
  right: auto;
  transition-property: left;
}
.layout--expanded-end {
  --actions-width: var(--expanded-actions-width);
}
@media (min-width: 576px) {
  .layout--expanded-end {
    padding-inline-end: var(--actions-width);
  }
}
.layout--expanded-end .toggle-body--end {
  transform: translate(50%, 0);
}
[dir=rtl] .layout--expanded-end .toggle-body--end {
  transform: translate(-50%, 0);
}
.transition-none {
  transition: none;
}
@media print {
  .top-bar,
  .side-nav,
  .chat-box,
  .layout__header,
  .layout__nav {
    display: none !important;
  }
  html,
  body {
    background: none;
  }
}
.samples__header {
  background-color: var(--color-surface-5);
  padding: 5em 2em 2em;
  border-radius: 2em 2em 0 0;
}
.samples__body {
  background-color: var(--m3-sys-surface);
  color: var(--m3-sys-on-surface);
  color: var(--m3-sys-on-primary);
  padding: 2em 0;
  border-radius: 0 0 1em 1em;
}
.samples-panel {
  background-color: var(--m3-sys-surface);
  color: var(--m3-sys-on-surface);
  border: 1px solid var(--m3-sys-inverse-on-surface);
  border-radius: var(--border-radius-m);
  padding: 2em;
}
@font-face {
  font-family: "hvtar";
  font-style: normal;
  font-weight: 600;
  src:
    local("hvtar-roman"),
    local("hvtar-roman"),
    url(/assets/fonts/hvtar-roman.woff) format("woff");
}
@font-face {
  font-family: "hvtar";
  font-style: normal;
  font-weight: 700;
  src:
    local("hvtar-bold"),
    local("hvtar-bold"),
    url(/assets/fonts/hvtar-bold.woff) format("woff");
}
.typo-headline {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 2rem;
  margin: -0.5rem 0 1rem -0.06em;
}
.typo-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2rem;
  margin: -0.5rem 0 1rem -0.05em;
}
.typo-subheading1 {
  -webkit-font-smoothing: antialiased;
  font-size: 0.938rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  margin: -0.313rem 0 0.813rem -0.06em;
}
.typo-body1 {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.25rem;
}
.typo-body1--margin {
  margin: 0 0 0.75rem 0;
}
.typo-body2 {
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  margin: -0.25rem 0 0.75rem;
}
.typo-color--primary {
  color: var(--m3-sys-primary) !important;
}
.typo-color--warn {
  color: var(--m3-sys-error) !important;
}
:root {
  --typo-display-large: 57px;
  --typo-display-medium: 52px;
  --typo-display-small: 36px;
  --typo-headline-large: 32px;
  --typo-headline-medium: 28px;
  --typo-headline-small: 24px;
  --typo-title-large: 22px;
  --typo-title-medium: 16px;
  --typo-title-small: 14px;
  --typo-label-large: 14px;
  --typo-label-medium: 12px;
  --typo-label-small: 11px;
  --typo-body-large: 16px;
  --typo-body-medium: 14px;
  --typo-body-small: 12px;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
}
.font-light {
  font-weight: var(--font-light) !important;
}
.font-regular {
  font-weight: var(--font-regular) !important;
}
.font-medium {
  font-weight: var(--font-medium) !important;
}
.font-semi-bold {
  font-weight: var(--font-semi-bold) !important;
}
.font-bold {
  font-weight: var(--font-bold) !important;
}
.typo-display-large {
  font-family: var(--font-family) !important;
  line-height: 64px !important;
  font-size: var(--typo-display-large) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: -0.25px !important;
  margin: 0;
}
.typo-display-medium {
  font-family: var(--font-family) !important;
  line-height: 52px !important;
  font-size: var(--typo-display-medium) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0 !important;
  margin: 0;
}
.typo-display-small {
  font-family: var(--font-family) !important;
  line-height: 44px !important;
  font-size: var(--typo-display-small) !important;
  font-weight: var(--font-regular) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0;
}
.typo-headline-large {
  font-family: var(--font-family) !important;
  line-height: 40px !important;
  font-size: var(--typo-headline-large) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0 !important;
  margin: 0;
}
.typo-headline-medium {
  font-family: var(--font-family) !important;
  line-height: 36px !important;
  font-size: var(--typo-headline-medium) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0 !important;
  margin: 0;
}
.typo-headline-small {
  font-family: var(--font-family) !important;
  line-height: 32px !important;
  font-size: var(--typo-headline-small) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0 !important;
  margin: 0;
}
.typo-title-large,
.side-nav__back {
  font-family: var(--font-family) !important;
  line-height: 28px !important;
  font-size: var(--typo-title-large) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0 !important;
  margin: 0;
}
.typo-title-medium,
body .mat-mdc-card-header .mat-mdc-card-title,
.side-nav__sub-title {
  font-family: var(--font-family) !important;
  line-height: 24px !important;
  font-size: var(--typo-title-medium) !important;
  font-weight: var(--font-medium) !important;
  text-transform: initial !important;
  letter-spacing: 0.1px !important;
  margin: 0;
}
.typo-title-small {
  font-family: var(--font-family) !important;
  line-height: 20px !important;
  font-size: var(--typo-title-small) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0.1px !important;
  margin: 0;
}
.typo-label-large,
.side-nav__link,
body .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  font-family: var(--font-family) !important;
  line-height: 20px !important;
  font-size: var(--typo-label-large) !important;
  font-weight: var(--font-medium) !important;
  text-transform: initial !important;
  letter-spacing: 0.1px !important;
  margin: 0;
}
.typo-label-medium {
  font-family: var(--font-family) !important;
  line-height: 16px !important;
  font-size: var(--typo-label-medium) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0.5px !important;
  margin: 0;
}
.typo-label-small {
  font-family: var(--font-family) !important;
  line-height: 16px !important;
  font-size: var(--typo-label-small) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0.5px !important;
  margin: 0;
}
.typo-body-large {
  font-family: var(--font-family) !important;
  line-height: 24px !important;
  font-size: var(--typo-body-large) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0.5px !important;
  margin: 0;
}
.typo-body-medium,
body .mat-mdc-snack-bar-label,
body .mat-mdc-card-content,
body .mat-mdc-card-header .mat-mdc-card-subtitle {
  font-family: var(--font-family) !important;
  line-height: 20px !important;
  font-size: var(--typo-body-medium) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0.25px !important;
  margin: 0;
}
.typo-body-small {
  font-family: var(--font-family) !important;
  line-height: 16px !important;
  font-size: var(--typo-body-small) !important;
  font-weight: var(--font-regular) !important;
  text-transform: initial !important;
  letter-spacing: 0.4px !important;
  margin: 0;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-no-underline {
  text-decoration: none !important;
}
.text-line-through {
  text-decoration: line-through !important;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-center {
  text-align: center !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-justify {
  text-align: justify !important;
}
.text-success {
  color: #28a745 !important;
}
.text-success .mat-icon {
  color: #28a745 !important;
}
.text-danger {
  color: var(--m3-sys-error) !important;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: var(--font-regular) var(--typo-title-large)/28px var(--font-family);
  letter-spacing: normal;
  margin: 0 0 1rem;
}
:root {
  --font-size-display1: 4rem;
  --font-size-display2: 3.5rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1rem;
  --font-size-xxl: 2.26rem;
  --font-size-xl: 1.75rem;
  --font-size-l: 1.375rem;
  --font-size-m: 1.125rem;
  --font-size-base: 1rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.75rem;
  --font-size-tiny: 0.625rem;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
  --font-black: 900;
}
.font-light {
  font-weight: var(--font-light) !important;
}
.font-regular {
  font-weight: var(--font-regular) !important;
}
.font-medium {
  font-weight: var(--font-medium) !important;
}
.font-semi-bold {
  font-weight: var(--font-semi-bold) !important;
}
.font-bold {
  font-weight: var(--font-bold) !important;
}
.font-black {
  font-weight: var(--font-black) !important;
}
.typo-display-1 {
  font-size: var(--font-size-display1) !important;
  font-weight: var(--font-black);
  line-height: 105px;
  text-transform: initial;
  margin-top: 0;
}
.typo-display-2 {
  font-size: var(--font-size-display2) !important;
  font-weight: var(--font-black);
  line-height: 105px;
  text-transform: initial;
  margin-top: 0;
}
.typo-display-3 {
  font-size: var(--font-size-display2) !important;
  font-weight: var(--font-black);
  line-height: 100px;
  text-transform: initial;
  margin-top: 0;
}
.h1 {
  font-size: var(--font-size-h1) !important;
  font-weight: var(--font-black);
  line-height: 59px;
  text-transform: initial;
  margin-top: 0;
}
.h2 {
  font-size: var(--font-size-h2) !important;
  font-weight: var(--font-bold);
  line-height: 48px;
  text-transform: initial;
  margin-top: 0;
}
.h3 {
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-black);
  line-height: 50px;
  text-transform: initial;
  margin-top: 0;
}
.h4 {
  font-size: var(--font-size-h4) !important;
  font-weight: var(--font-bold);
  line-height: 42px;
  text-transform: initial;
  margin-top: 0;
}
.h5 {
  font-size: var(--font-size-h5) !important;
  font-weight: var(--font-black);
  line-height: 55px;
  text-transform: initial;
  margin-top: 0;
}
.h6 {
  font-size: var(--font-size-h6) !important;
  font-weight: var(--font-bold);
  line-height: 24px;
  text-transform: initial;
  margin-top: 0;
}
.font-size-xl {
  font-size: var(--font-size-xl) !important;
  font-weight: var(--font-regular);
  line-height: 59px;
  text-transform: initial;
  margin-top: 0;
}
.font-size-l {
  font-size: var(--font-size-l) !important;
  font-weight: var(--font-regular);
  line-height: 40px;
  text-transform: initial;
  margin-top: 0;
}
.font-size-base {
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-regular);
  line-height: 24px;
  text-transform: initial;
  margin-top: 0;
}
.font-size-m {
  font-size: var(--font-size-m) !important;
  font-weight: var(--font-regular);
  line-height: 24px;
  text-transform: initial;
  margin-top: 0;
}
.font-size-s {
  font-size: var(--font-size-s) !important;
  font-weight: var(--font-light);
  line-height: 20px;
  text-transform: initial;
  margin-top: 0;
}
.font-size-xs {
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-light);
  line-height: 16px;
  text-transform: initial;
  margin-top: 0;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-no-underline {
  text-decoration: none !important;
}
.text-line-through {
  text-decoration: line-through !important;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-center {
  text-align: center !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-justify {
  text-align: justify !important;
}
.typo-display4 {
  -webkit-font-smoothing: antialiased;
  font-size: 7rem;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 7rem;
  margin: -1rem 0 3.5rem -0.085em;
}
.typo-display3 {
  -webkit-font-smoothing: antialiased;
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 3.5rem;
  margin: -8px 0 64px -0.07em;
}
.typo-display2 {
  -webkit-font-smoothing: antialiased;
  font-size: 2.813rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 3rem;
  margin: -0.5rem 0 4rem -0.07em;
}
.typo-display1 {
  -webkit-font-smoothing: antialiased;
  font-size: 2.125rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 2.5rem;
  margin: -0.5rem 0 4rem -0.07em;
}
.typo-headline {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 2rem;
  margin: -0.5rem 0 1rem -0.06em;
}
.typo-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2rem;
  margin: -0.5rem 0 1rem -0.05em;
}
.typo-subheading2 {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75rem;
  margin: -0.5rem 0 1rem -0.06em;
}
.typo-subheading1 {
  -webkit-font-smoothing: antialiased;
  font-size: 0.938rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  margin: -0.313rem 0 0.813rem -0.06em;
}
.typo-body1 {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.25rem;
}
.typo-body1--margin {
  margin: 0 0 0.75rem 0;
}
.typo-body2 {
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5rem;
  margin: -0.25rem 0 0.75rem 0;
}
.typo-menu--subheader {
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.5rem;
  margin: -0.25rem 0 0.75rem 0;
}
.typo-color--primary:not(:disabled) {
  color: var(--m3-sys-primary) !important;
}
.typo-color--warn {
  color: var(--m3-sys-error) !important;
}
.typo-color--gray {
  color: var(--gray-darkest) !important;
}
.mat-mdc-checkbox svg path {
  stroke-width: 2.1px !important;
}
.toggle-checked-icon {
  display: none !important;
}
.mat-button-toggle-checked .toggle-checked-icon {
  display: block !important;
  font-size: 20px;
  text-transform: none;
  padding-inline-end: var(--space-s);
}
.mat-button-toggle-checked .toggle-checked-icon svg {
  fill: var(--m3-sys-on-secondary-container);
}
.icon--primary {
  fill: var(--m3-sys-primary) !important;
}
.icon--warn {
  fill: var(--m3-sys-error) !important;
}
.icon--success {
  fill: #28a745 !important;
}
.icon--on-surface {
  fill: var(--m3-sys-on-surface);
}
.mat-mdc-icon-button .icon--warn {
  fill: var(--m3-sys-error) !important;
}
.mat-mdc-icon-button .icon--primary {
  fill: var(--m3-sys-primary) !important;
}
icon:not([svgfill]) svg {
  fill: currentColor;
}
.icon-dark svg {
  fill: var(--m3-sys-on-surface);
}
.side-nav__link--starred-icon {
  color: var(--m3-sys-secondary) !important;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.mb-20 {
  margin-bottom: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-16 {
  margin-bottom: 16px;
}
.m-0 {
  margin: 0 !important;
}
.is-hidden {
  display: none !important;
  visibility: hidden;
}
.l-f-end {
  display: flex;
  justify-content: flex-end;
}
.l-f-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-f-between-col {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.mat-menu-panel {
  overflow: hidden !important;
}
.full-height {
  height: 100%;
}
hr {
  margin: 1px 0;
}
.footer {
  padding: 1em;
  font-size: 13px;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer {
    text-align: center;
  }
  .footer__start {
    margin-bottom: var(--space-base);
  }
  .footer__end {
    justify-content: center !important;
    margin-bottom: var(--space-base);
  }
  .footer__center {
    order: -1;
    margin-bottom: var(--space-base);
  }
}
.footer__block {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.roundCell {
  padding: 0 24px;
  height: 25px;
  display: flex;
  justify-content: center;
  border: 1px solid;
  border-radius: 25px;
  align-items: center;
  top: 10px;
  position: relative;
}
.roundCell.loss {
  border-color: var(--m3-sys-error);
}
.loss {
  color: var(--m3-sys-error);
}
.roundCell.gain {
  border-color: rgb(76, 175, 80);
}
.gain {
  color: rgb(76, 175, 80);
}
.line-through {
  text-decoration: line-through;
}
.mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--m3-sys-primary);
  font-weight: 500;
}
.mat-tab-label.mat-tab-label-active .mat-icon {
  color: var(--m3-sys-primary);
}
.mat-tab-label-content > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-tab-label-content > div icon {
  margin-inline-end: 8px;
  margin-inline-end: 8px;
}
.mat-tab-label,
.mat-tab-link {
  color: var(--m3-sys-on-surface);
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-color: var(--m3-sys-surface-variant);
}
.ag-theme-material {
  width: 100%;
  height: calc(100vh - 320px);
  font-family: var(--font-family);
  font-size: 13px;
  line-height: normal;
}
.ag-theme-material--md {
  height: calc(100vh - 370px);
}
.ag-theme-material--has-filter {
  height: calc(100vh - 345px);
}
.ag-theme-material .mdc-form-field {
  font-size: 13px;
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after {
  color: #404041;
}
.ag-theme-material .ag-header {
  background-color: var(--m3-sys-surface);
}
.ag-column-select-column .ag-drag-handle {
  order: 1;
}
.ag-column-select-column .ag-column-select-checkbox {
  order: 2;
}
.ag-column-select-column .ag-column-select-column-label {
  order: 3;
}
.ag-floating-bottom-viewport {
  font-weight: 600;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 1px solid #0091ea;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
  position: relative;
  top: -4px;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
.mat-tab-labels .mat-badge-content {
  width: auto !important;
  min-width: 30px;
  min-height: 22px;
  text-align: center;
  align-items: center;
  padding: 2px 10px;
  display: flex;
  justify-content: center;
  height: auto !important;
  transform: translate(90%, 0) !important;
  border-radius: 4px !important;
}
[dir=rtl] .mat-tab-labels .mat-badge-content {
  transform: translate(-90%, 0) !important;
}
.u-color-white {
  color: #fff !important;
}
.u-elem-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.87);
  opacity: 0.3;
  z-index: -1;
}
.u-text-center {
  text-align: center;
}
.u-flex-grid {
  padding: 0;
  margin: 0 15px;
}
@media (min-width: 0) and (max-width: 991px) {
  .u-hidden-md {
    display: none;
  }
}
.u-mt-0 {
  margin-top: 0;
}
.u-mt-20 {
  margin-top: 20px;
}
.u-justify-between {
  display: flex;
  justify-content: space-between;
}
.u-position-relative {
  position: relative !important;
}
.empty-div {
  padding: 20px;
}
.u-padding-0 {
  padding: 0;
}
.matInput--full .mat-form-field,
.matInput--full .filter-panel__date-range {
  width: 100%;
}
.button-group--basic .mat-button-toggle-group {
  border: 0;
}
.button-group--basic .mat-button-toggle-label-content {
  font-size: 14px;
  font-weight: 500;
}
.button-group--basic .mat-button-group--drop-down .mat-button-toggle-label-content {
  padding: 0 8px;
}
.button-group--basic .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 36px;
}
.button-group--primary .mat-button-toggle-group {
  border-color: var(--m3-sys-primary);
}
.button-group--primary .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  color: var(--m3-sys-on-primary);
}
.button-group--primary .mat-button-toggle {
  background-color: var(--m3-sys-primary);
  color: var(--m3-sys-on-primary);
}
.button-group--primary .mat-button-group--drop-down {
  border-left: 1px solid;
}
.button-group--primary [dir=rtl].mat-button-group--drop-down {
  border-left: unset;
  border-right: 1px solid;
}
.mat-select-actions {
  position: relative;
  display: flex;
  align-items: center;
}
.mat-select-actions:hover .mat-select-actions__buttons {
  opacity: 1;
}
.mat-option {
  flex: 1;
}
.mat-select-actions__buttons {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 10;
  bottom: 0;
  display: flex;
  align-items: center;
  opacity: 0;
}
.mat-select-actions__buttons .mat-button-base {
  margin: 0;
  opacity: 0.54;
}
.mdc-list-item--selected:has(mat-pseudo-checkbox) .mat-select-actions__buttons {
  right: 40px;
}
[dir=rtl] .mat-select-actions__buttons {
  right: auto;
  left: 10px;
}
[dir=rtl] .mdc-list-item--selected:has(mat-pseudo-checkbox) .mat-select-actions__buttons {
  right: auto;
  left: 40px;
}
@media print {
  .d-print-none {
    display: none;
  }
}
[dir=rtl] .u-filp-ar {
  transform: scale(-1);
}
.u-padding-side-38 {
  padding-left: 38px;
  padding-right: 38px;
}
.spinner--white.mat-spinner circle {
  stroke: #fff;
}
.mat-elevation-z1 {
  box-shadow: none;
}
.ag-header-cell-label {
  justify-content: center;
}
.custom-stock-items-table .ag-header-cell-label,
.custom-import-sales-orders-table .ag-header-cell-label,
.custom-register-closures-table .ag-header-cell-label {
  justify-content: start;
}
.custom-stock-items-table.ag-theme-material {
  height: calc(100vh - 246px);
}
.mat-option .mat-icon {
  margin-right: 0 !important;
}
.drop-down-icon .mat-icon {
  color: var(--m3-sys-dark-inverse-primary) !important;
}
button:focus {
  outline: none;
}
:root {
  --primary: #0091ea;
  --accent: #404041;
}
.l-header {
  position: relative;
}
.l-page-content {
  height: calc(100vh - 64px) !important;
  display: flex !important;
  flex-direction: column;
}
.l-content {
  padding: 1em 2em;
  position: relative;
}
.l-footer {
  margin-top: auto;
}
.button--fab {
  position: fixed;
  bottom: 40px;
  right: 40px;
}
.mat-spinner {
  display: flex;
  justify-content: center;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.spinner:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
}
.mdc-typography--headline4 {
  font-weight: 400;
  text-decoration: inherit;
  text-transform: inherit;
  font-size: 2.125rem;
  line-height: 2.5rem;
  letter-spacing: 0.0073529412em;
}
.table__input .mat-mdc-form-field-infix {
  width: 40px;
}
.grid-view .mat-header-cell {
  padding: 1.25em 0.8em;
}
.grid-view .mat-cell {
  padding: 0.625em 0.8em;
}
.grid-view mat-cell:first-of-type,
.grid-view mat-header-cell:first-of-type {
  padding-left: 1.25em !important;
}
.grid-view [dir=rtl] mat-cell:first-of-type:not(:only-of-type),
.grid-view [dir=rtl] mat-header-cell:first-of-type:not(:only-of-type) {
  padding-right: 1.25em !important;
}
.grid-view__discount {
  display: flex;
  align-items: center;
}
.grid-view__discount span {
  height: 20px;
  line-height: 20px;
  margin: 0 5px;
}
.grid-view input {
  width: 40px;
}
.price-discount-cell {
  display: flex;
  align-items: center;
}
.price-discount {
  text-decoration: line-through;
  font-size: 0.8em;
  margin-right: 10px;
}
.grid-view__description {
  width: 300px;
}
.grid-view__actions {
  width: 100%;
  background: var(--color-surface-5);
  display: flex;
  flex-direction: row;
  padding: 6px 20px;
  justify-content: space-between;
  align-items: center;
  color: var(--m3-sys-on-background);
  border-radius: var(--border-radius-rounded);
}
.grid-view__actions div {
  display: flex;
}
@media (max-width: 575.98px) {
  .grid-view__actions {
    display: block;
  }
  .grid-view__actions .rounded-btn {
    margin-bottom: var(--space-s);
  }
}
.grid-view__actions--replace-header {
  --bg: var(--m3-sys-background);
  --fg: var(--color-surface-5);
  background-color: var(--bg);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg);
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
  position: absolute;
  top: -5.5px;
  z-index: 1;
  padding-inline-start: 3rem;
}
.cdk-global-overlay-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sales-order__head-field .dropdown-menu {
  height: 400px;
  overflow: auto;
  max-width: 100%;
  margin-top: 10px;
  width: 100%;
}
.mat-list-item,
.mat-list-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 0 16px;
  text-align: left;
  text-decoration: none;
  max-width: 100%;
  position: relative;
  cursor: pointer;
  outline: none;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
}
.mat-list-item .mat-list-item-content,
.mat-list-option .mat-list-item-content {
  width: 100%;
}
.full-width {
  width: 100% !important;
}
.bottom-sheet {
  border-top-right-radius: var(--border-radius-rounded);
  border-top-left-radius: var(--border-radius-rounded);
  box-sizing: border-box;
  outline: 0;
  max-height: 50vh;
  height: max-content;
  overflow: auto;
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: var(--m3-sys-background);
  color: var(--m3-sys-on-background);
  width: 30%;
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1000;
  transform: translate(0, 100%);
  transition: all 0.2s ease-in-out;
}
.bottom-sheet--shown {
  animation: showPanel 0.2s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.bottom-sheet .nav-link {
  cursor: pointer;
}
@keyframes showPanel {
  from {
    transform: translate(0, 100%);
  }
  to {
    transform: translate(0, 0);
  }
}
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2em;
  margin-top: 0;
}
.page-header--column {
  flex-direction: column;
  align-items: flex-start;
}
.page-header h4 {
  margin: 0;
  text-transform: capitalize !important;
}
.page-header a {
  margin-right: 8px;
  vertical-align: sub;
  color: var(--m3-sys-on-surface-variant);
}
@media (max-width: 575.98px) {
  .page-header--wrap {
    display: block;
  }
  .page-header--wrap h4 {
    margin-bottom: var(--space-m);
  }
}
.page-header__main-category {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #0091ea;
  margin-bottom: 10px;
}
@media print {
  .l-header,
  .l-side-nav,
  .l-footer,
  .page-header {
    display: none !important;
  }
  .layout {
    color: rgba(0, 0, 0, 0.87);
  }
  body .mat-icon {
    color: rgba(0, 0, 0, 0.87) !important;
  }
  .mat-drawer-content {
    overflow: initial;
  }
  .edara-chat {
    display: none !important;
  }
  .l-page-content {
    height: auto !important;
    max-width: 100vh;
  }
  [data-print=false] {
    display: none !important;
  }
  [data-print=true] {
    display: block !important;
  }
  body {
    padding: 0 !important;
    background-color: transparent !important;
  }
  .l-content {
    padding: 0;
  }
  .layout__body {
    padding: 0 !important;
    background-color: transparent !important;
  }
  .mat-drawer-content {
    margin-left: 0 !important;
  }
  .thermal-print {
    max-width: 400px;
    overflow-x: hidden;
  }
  .l-page-content {
    margin: auto !important;
  }
  .mat-mdc-snack-bar-container {
    display: none !important;
  }
}
.table__checkbox-cell {
  max-width: 60px;
}
.table__menu {
  width: 170px;
}
.table__actions {
  max-width: 70px;
}
.table__actions-block {
  display: flex;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .table__actions-block {
    opacity: 0;
  }
}
.mat-mdc-icon-button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-row:hover {
  background-color: #f5f5f5;
}
.mat-mdc-row:hover .table__actions-block,
.table__actions:hover .table__actions-block,
.ag-row-hover .table__actions-block {
  opacity: 1;
}
.input__action-block {
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .input__action-block {
    opacity: 0;
  }
}
.mat-mdc-form-field-flex:hover .input__action-block {
  opacity: 1;
}
.invoice__price-cell {
  text-align: right;
}
.filter-panel {
  height: 100%;
  background-color: var(--m3-sys-background);
  color: var(--m3-sys-on-surface);
  border-radius: 5px;
  padding: 15px;
}
.filter-panel .mdc-notched-outline__leading {
  display: none;
}
.filter-panel .mat-mdc-form-field-flex div {
  border: 0;
}
.filter-panel .mat-mdc-text-field-wrapper {
  border-bottom: 1px solid var(--m3-sys-on-surface);
  padding: 0 !important;
  margin-bottom: 1.41875em;
}
.filter-panel .mat-mdc-form-field-infix {
  padding: 0.3875em 0;
}
.filter-panel__header {
  display: flex;
  align-items: center;
}
[dir=rtl] .filter-panel__header-action {
  margin-left: 0;
  margin-right: auto;
}
[dir=ltr] .filter-panel__header-action {
  margin-left: auto;
  margin-right: 0;
}
.filter-panel__expand-action {
  position: absolute;
  width: auto;
  top: 23px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 10px);
  transition: all 0.2s ease-in-out;
  z-index: 9;
}
.filter-panel__expand-action.is-shown {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.filter-panel__expand-action {
  top: 12px !important;
  right: -14px !important;
}
[dir=rtl] .filter-panel__expand-action {
  left: -14px !important;
  right: auto !important;
}
.text-error--absolute {
  font-size: 75%;
  position: absolute;
  bottom: -20px;
  margin-left: 1em;
  top: 5em;
}
.text-error--absolute mat-icon {
  font-size: 1em;
  height: 1em;
  width: 1em;
}
.position-fixed {
  position: fixed !important;
}
.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
[dir=rtl] .border-left {
  border-left: unset;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-dashed-bottom {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.fill-available {
  width: -webkit-fill-available;
}
.text-align-end {
  text-align: end !important;
}
.text-align-start {
  text-align: start !important;
}
.frame__select {
  line-height: 3em;
  border: 1px solid var(--m3-sys-outline);
  margin: 0em 1em 1em 1em;
  color: var(--m3-sys-outline);
  cursor: pointer;
  text-align: center;
}
.frame__select-active {
  border: 1px solid var(--m3-sys-primary);
  color: var(--m3-sys-primary);
}
.frame__select-separator {
  border-top: 1px solid var(--m3-sys-outline-variant);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
.frame__select-separator-active {
  border-top: 1px solid var(--m3-sys-primary);
}
.insides__select {
  line-height: 3em;
  border: 1px solid var(--m3-sys-outline-variant);
  text-align: center;
  background-color: var(--m3-sys-surface);
  color: var(--m3-sys-on-surface);
  cursor: pointer;
  margin-inline: var(--space-xs);
  border-radius: 5px;
}
.insides__select-active {
  border: 1px solid var(--m3-sys-primary);
  background-color: var(--m3-sys-primary);
  color: var(--m3-sys-on-primary);
  fill: var(--m3-sys-on-primary);
}
.insides__select-active .mat-icon {
  color: var(--m3-sys-on-primary);
}
.bg-round-primary {
  background-color: var(--color-surface-5);
  text-align: center;
  border-radius: var(--border-radius-soft);
  color: var(--m3-sys-primary);
  width: 100%;
  line-height: 2.5em;
}
.bg-round-tertiary {
  background-color: #FEF3C6;
  text-align: center;
  border-radius: var(--border-radius-soft);
  color: #9C5D20;
  width: 100%;
  line-height: 2.5em;
}
.bg-round-success {
  background-color: #DCFCE7;
  text-align: center;
  border-radius: var(--border-radius-soft);
  color: #298046;
  width: 100%;
  line-height: 2.5em;
}
.dark-theme .bg-round-tertiary {
  background-color: #793510;
  color: #FFFFFF;
}
.dark-theme .bg-round-success {
  background-color: #15532E;
  color: #FFFFFF;
}
.line-height-initial {
  line-height: initial;
}
.progress-primary progress {
  -webkit-appearance: none;
  height: 0.5em;
}
.progress-primary progress::-webkit-progress-bar {
  background-color: var(--m3-sys-outline-variant);
}
.progress-primary progress::-webkit-progress-value {
  background-color: var(--m3-sys-primary);
}
.progress-success progress {
  -webkit-appearance: none;
  height: 0.5em;
}
.progress-success progress::-webkit-progress-bar {
  background-color: var(--m3-sys-outline-variant);
}
.progress-success progress::-webkit-progress-value {
  background-color: #28a745;
}
.grid-filter-container {
  height: 100%;
  position: relative;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
.grid-filter-footer {
  margin-top: auto;
  align-self: flex-end;
}
.no-records-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--m3-sys-surface);
  padding: 4em;
  height: calc(100vh - 330px);
}
@media (max-width: 575.98px) {
  .no-records-container {
    padding: 10px;
  }
}
.no-records-icon {
  fill: var(--m3-sys-on-surface-variant);
}
.primary-stroked-button {
  border-color: #0091ea !important;
}
.primary-stroked-button:disabled {
  border-color: rgba(0, 0, 0, 0.26) !important;
}
.warn-stroked-button {
  border-color: #f44336 !important;
}
.warn-stroked-button:disabled {
  border-color: rgba(0, 0, 0, 0.26) !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.mat-select-separator {
  border-top: 1px solid #333333;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  margin: 0em 0.5em;
}
.line-height-normal {
  line-height: normal;
}
.cursor-pointer {
  cursor: pointer;
}
.matSuffix_txt {
  position: inherit;
  top: -5px;
}
.rotate-180 {
  transform: rotate(180deg);
}
.btn-success {
  background-color: #28a745 !important;
  color: white !important;
}
.btn-success:disabled {
  background: rgba(0, 0, 0, 0.26) !important;
}
.disableCssClass {
  background-color: rgba(0, 0, 0, 0.12) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.26) !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.customer-display-view .l-page-content {
  height: 100vh !important;
  margin: 0 !important;
}
.customer-display-view .l-page-content::before {
  content: "";
  position: absolute;
  background-image: url(/assets/images/cover.jpg);
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
  z-index: -1;
}
.customer-display-view #edarachat {
  display: none;
}
.alert-warning {
  padding: 1em;
  margin-bottom: 2em;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: var(--m3-sys-tertiary-container);
  border-color: var(--m3-sys-tertiary-container);
  color: var(--m3-sys-on-tertiary-container);
}
.alert-warning .mat-icon {
  color: var(--m3-sys-on-tertiary-container);
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.ag-theme-material {
  position: relative;
}
.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header {
  border-color: var(--m3-sys-surface-variant);
}
.ag-theme-material .ag-side-buttons {
  border-color: var(--m3-sys-surface-variant) !important;
}
.ag-theme-material .ag-menu {
  background-color: var(--m3-sys-background);
}
.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal {
  background-color: var(--m3-sys-surface-variant);
}
.ag-theme-material .ag-popup {
  background-color: transparent;
  position: absolute;
}
.ag-theme-material .ag-icon {
  color: var(--m3-sys-on-surface-variant);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-] {
  color: var(--m3-sys-on-surface);
}
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder {
  color: var(--m3-sys-on-surface);
}
.ag-theme-material .ag-menu-option-active,
.ag-theme-material .ag-compact-menu-option-active {
  background-color: var(--m3-sys-surface-variant);
}
body .mat-mdc-paginator-page-size-select {
  margin-bottom: 0 !important;
  width: 70px !important;
}
body .mat-mdc-paginator-page-size-select .mdc-notched-outline div {
  border: 0;
}
.dark-theme .cdk-overlay-dark-backdrop {
  background: var(--m3-state-layers-dark-on-background-opacity-16);
}
.bg-sys-surface {
  background: var(--m3-sys-surface) !important;
}
.bg-surface-1 {
  background-color: var(--color-surface-1) !important;
}
.bg-surface-2 {
  background-color: var(--color-surface-2) !important;
}
.bg-surface-3 {
  background-color: var(--color-surface-3) !important;
}
.bg-surface-5 {
  background-color: var(--color-surface-5) !important;
}
.bg-sys-light-secondary-container {
  background-color: var(--m3-sys-light-secondary-container) !important;
}
.bg-success-soft {
  background-color: #E6F4EA;
}
.dark-theme .bg-success-soft {
  background-color: #1E3A25;
}
.bg-danger-soft {
  background-color: #feeceb;
}
.dark-theme .bg-danger-soft {
  background-color: #3A1E1D;
}
#ngb-live {
  display: none;
}
a.mat-icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .mat-card {
  box-shadow: none !important;
}
body .mat-card .mat-card-subtitle {
  color: var(--m3-sys-on-surface);
}
body .mat-icon {
  color: var(--m3-sys-on-background);
}
body .mat-icon {
  color: var(--m3-sys-on-background);
}
body .icon-button--primary .mat-icon {
  color: var(--m3-sys-on-primary);
}
body .table-height {
  max-height: calc(100vh - 315px);
  overflow: auto;
}
body .mat-error {
  font-size: var(--font-size-xs);
  text-transform: initial;
  color: var(--m3-sys-error);
}
.mat-badge-content {
  background: var(--m3-sys-outline);
}
.mat-badge-primary .mat-badge-content {
  color: var(--m3-sys-on-primary);
  background: var(--m3-sys-primary) !important;
}
body.customer-display-view {
  padding: 0;
}
body.customer-display-view .layout__header {
  display: none;
}
body.customer-display-view .layout__nav {
  display: none;
}
body.customer-display-view .layout__content,
body.customer-display-view .layout__body {
  background-color: var(--color-surface-5);
}
.alert-danger {
  padding: 15px;
  border-radius: 4px;
  color: var(--m3-sys-on-error);
  background-color: var(--m3-sys-error);
  width: fit-content;
}
.alert-danger mat-icon {
  color: var(--m3-sys-on-error) !important;
  margin-inline-end: var(--space-base);
}
html.cdk-global-scrollblock {
  overflow: hidden;
}
.mat-select-panel .mat-option {
  font-size: var(--typo-body-large) !important;
}
.success_header .mat-icon {
  color: #28a745;
}
.dashed-border {
  border-top: 1px dashed #000;
}
[dir=rtl] .mat-form-field-label {
  line-height: 1.5 !important;
}
[dir=rtl] button.mat-flat-button:not(.mat-menu-trigger):not(.button--block):not(.mat-icon-button) .mat-button-wrapper,
[dir=rtl] button.button--tonal:not(.button--block):not(.mat-icon-button) .mat-button-wrapper,
[dir=rtl] .mat-stroked-button:not(.button--block):not(.mat-icon-button) .mat-button-wrapper {
  margin-top: -5px;
}
[dir=rtl] .mat-error {
  margin-top: -6px;
  line-height: 1.7;
}
.mat-custom-error {
  transform: translate(8px, -5px) !important;
  font-size: var(--font-size-xs);
  text-transform: initial;
  color: var(--m3-sys-error);
}
[dir=rtl] .mat-custom-error {
  transform: translate(-8px, -5px) !important;
}
.border-radius-50 {
  border-radius: 50% !important;
}
.uom-quantity-input .mat-mdc-text-field-wrapper,
.item-discount-type-input .mat-mdc-text-field-wrapper {
  padding: 0 0.1em 0 0.75em !important;
}
.uom-quantity-input .mat-mdc-form-field-infix,
.item-discount-type-input .mat-mdc-form-field-infix {
  width: 50%;
}
.uom-quantity-input .mat-mdc-form-field-icon-suffix {
  width: 50% !important;
  max-width: 8rem;
}
[dir=rtl] .uom-quantity-input .mat-mdc-text-field-wrapper,
[dir=rtl] .item-discount-type-input .mat-mdc-text-field-wrapper {
  padding: 0 0.75em 0 0.1em !important;
}
.hidden-element {
  visibility: hidden;
}
.gap-2 {
  gap: 0.5rem;
}
.h-fit {
  height: fit-content !important;
}
.top-56 {
  top: 56px !important;
}
.text-gray {
  color: var(--gray-darkest) !important;
  fill: var(--gray-darkest) !important;
  stroke: var(--gray-darkest) !important;
}
.dark-theme .text-gray {
  color: var(--m3-sys-dark-on-surface-variant) !important;
  fill: var(--m3-sys-dark-on-surface-variant) !important;
  stroke: var(--m3-sys-dark-on-surface-variant) !important;
}
.text-disabled {
  opacity: 0.38;
}
.long-txt-trim {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: initial;
  line-break: anywhere;
}
.view-on-hover {
  display: none;
  visibility: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .view-on-hover {
    display: block !important;
    visibility: visible !important;
  }
}
.hint-text {
  color: var(--color);
}
.font-italic {
  font-style: italic !important;
}
.tertiary-pill {
  padding: 0.1rem 0.5rem;
  border-radius: 0.5rem;
  font-weight: var(--font-medium);
  font-size: var(--font-size-xs);
  background-color: var(--m3-sys-tertiary-container);
  color: var(--color-black);
}
.secondary-pill {
  padding: 0.1rem 0.5rem;
  border-radius: var(--border-radius-rounded);
  font-weight: var(--font-medium);
  font-size: var(--font-size-xs);
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-surface);
}
.opacity-1 {
  opacity: 1;
}
body {
  --btn-padding: 0 24px;
}
body .mat-mdc-button-base,
body .icon-button,
body .mat-stroked-button,
body .mat-flat-button,
body .mat-raised-button,
body .mat-mdc-fab,
body .mat-mdc-mini-fab {
  position: relative;
  overflow: visible;
}
body .mat-mdc-button-base:not([class*=mat-elevation-z]),
body .icon-button:not([class*=mat-elevation-z]),
body .mat-stroked-button:not([class*=mat-elevation-z]),
body .mat-flat-button:not([class*=mat-elevation-z]),
body .mat-raised-button:not([class*=mat-elevation-z]),
body .mat-mdc-fab:not([class*=mat-elevation-z]),
body .mat-mdc-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
body .mat-mdc-button-base:after,
body .icon-button:after,
body .mat-stroked-button:after,
body .mat-flat-button:after,
body .mat-raised-button:after,
body .mat-mdc-fab:after,
body .mat-mdc-mini-fab:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}
body .mat-calendar-controls .icon-button::after {
  width: auto;
  height: auto;
}
body .mat-mdc-button-base,
body .mat-stroked-button,
body .mat-flat-button,
body .mat-raised-button {
  padding: var(--btn-padding);
  min-height: 40px;
  line-height: 40px;
  height: auto;
  border-radius: var(--border-radius-rounded);
  transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
[dir=rtl] body .mat-mdc-button-base,
[dir=rtl] body .mat-stroked-button,
[dir=rtl] body .mat-flat-button,
[dir=rtl] body .mat-raised-button {
  line-height: 35px;
}
body .mat-mdc-button-base .mat-button-wrapper,
body .mat-stroked-button .mat-button-wrapper,
body .mat-flat-button .mat-button-wrapper,
body .mat-raised-button .mat-button-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
body .mat-mdc-button-base .button__icon,
body .mat-stroked-button .button__icon,
body .mat-flat-button .button__icon,
body .mat-raised-button .button__icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 10px;
  fill: var(--m3-sys-on-primary);
}
body .mat-stroked-button .button__icon,
body .mat-flat-button .button__icon,
body .mat-raised-button .button__icon {
  margin-inline-start: -8px;
  margin-inline-end: 10px;
}
body .mat-flat-button:not(.mat-flat-button.mat-button-disabled):hover {
  box-shadow: var(--m3-sys-elevation-1);
}
body .mat-flat-button:not(.mat-flat-button.mat-button-disabled):hover:after {
  background-color: var(--m3-state-layers-on-primary-opacity-08);
}
body .mat-stroked-button:not(.mat-stroked-button.mat-button-disabled):hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-stroked-button:not(.mat-stroked-button.mat-button-disabled):focus {
  border-color: currentColor;
}
body .mat-mdc-button {
  --btn-padding: 0 12px;
  display: inline-flex;
}
body .mat-mdc-button:not(.mat-mdc-stroked-button.mat-mdc-button-disabled):hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-raised-button:not(.mat-raised-button.mat-button-disabled, .mat-warn) {
  background-color: var(--color-surface-1);
  color: var(--m3-sys-primary);
  box-shadow: var(--m3-sys-elevation-1);
}
body .mat-raised-button:not(.mat-raised-button.mat-button-disabled, .mat-warn):active:not([class*=mat-elevation-z]) {
  box-shadow: var(--m3-sys-elevation-1);
}
body .mat-raised-button:not(.mat-raised-button.mat-button-disabled, .mat-warn):hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
  box-shadow: var(--m3-sys-elevation-2);
}
body .mat-raised-button.mat-warn:not(.mat-raised-button.mat-button-disabled) {
  color: var(--m3-sys-on-surface);
}
body .button--tertiary {
  color: var(--m3-sys-tertiary);
}
body .mat-flat-button.button--tertiary,
body .mat-raised-button.button--tertiary {
  background-color: var(--m3-sys-tertiary);
  color: var(--m3-sys-on-tertiary);
}
body .button--tonal,
body [class*=mat-mdc-fab].button--tonal {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
body .mat-stroked-button:not(.mat-button-disabled) {
  border-color: var(--m3-sys-outline);
}
body .icon-button .mat-button-wrapper {
  display: flex;
  justify-content: center;
}
body .mat-button.mat-primary.mat-button-disabled,
body .mat-button.mat-accent.mat-button-disabled,
body .mat-button.mat-warn.mat-button-disabled,
body .mat-button.mat-button-disabled.mat-button-disabled,
body .icon-button.mat-primary.mat-button-disabled,
body .icon-button.mat-accent.mat-button-disabled,
body .icon-button.mat-warn.mat-button-disabled,
body .icon-button.mat-button-disabled.mat-button-disabled,
body .mat-stroked-button.mat-primary.mat-button-disabled,
body .mat-stroked-button.mat-accent.mat-button-disabled,
body .mat-stroked-button.mat-warn.mat-button-disabled,
body .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: var(--m3-sys-on-surface);
  border-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .mat-button.mat-primary.mat-button-disabled .mat-button-wrapper,
body .mat-button.mat-accent.mat-button-disabled .mat-button-wrapper,
body .mat-button.mat-warn.mat-button-disabled .mat-button-wrapper,
body .mat-button.mat-button-disabled.mat-button-disabled .mat-button-wrapper,
body .icon-button.mat-primary.mat-button-disabled .mat-button-wrapper,
body .icon-button.mat-accent.mat-button-disabled .mat-button-wrapper,
body .icon-button.mat-warn.mat-button-disabled .mat-button-wrapper,
body .icon-button.mat-button-disabled.mat-button-disabled .mat-button-wrapper,
body .mat-stroked-button.mat-primary.mat-button-disabled .mat-button-wrapper,
body .mat-stroked-button.mat-accent.mat-button-disabled .mat-button-wrapper,
body .mat-stroked-button.mat-warn.mat-button-disabled .mat-button-wrapper,
body .mat-stroked-button.mat-button-disabled.mat-button-disabled .mat-button-wrapper {
  opacity: 0.38;
}
body .mat-flat-button.mat-primary.mat-button-disabled,
body .mat-flat-button.mat-accent.mat-button-disabled,
body .mat-flat-button.mat-warn.mat-button-disabled,
body .mat-flat-button.mat-button-disabled.mat-button-disabled,
body .mat-raised-button.mat-primary.mat-button-disabled,
body .mat-raised-button.mat-accent.mat-button-disabled,
body .mat-raised-button.mat-warn.mat-button-disabled,
body .mat-raised-button.mat-button-disabled.mat-button-disabled,
body .mat-mdc-fab.mat-primary.mat-button-disabled,
body .mat-mdc-fab.mat-accent.mat-button-disabled,
body .mat-mdc-fab.mat-warn.mat-button-disabled,
body .mat-mdc-fab.mat-button-disabled.mat-button-disabled,
body .mat-mdc-mini-fab.mat-primary.mat-button-disabled,
body .mat-mdc-mini-fab.mat-accent.mat-button-disabled,
body .mat-mdc-mini-fab.mat-warn.mat-button-disabled,
body .mat-mdc-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: var(--m3-state-layers-on-surface-variant-opacity-12);
  color: var(--m3-sys-on-surface);
}
body .mat-flat-button.mat-primary.mat-button-disabled .mat-button-wrapper,
body .mat-flat-button.mat-accent.mat-button-disabled .mat-button-wrapper,
body .mat-flat-button.mat-warn.mat-button-disabled .mat-button-wrapper,
body .mat-flat-button.mat-button-disabled.mat-button-disabled .mat-button-wrapper,
body .mat-raised-button.mat-primary.mat-button-disabled .mat-button-wrapper,
body .mat-raised-button.mat-accent.mat-button-disabled .mat-button-wrapper,
body .mat-raised-button.mat-warn.mat-button-disabled .mat-button-wrapper,
body .mat-raised-button.mat-button-disabled.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-fab.mat-primary.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-fab.mat-accent.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-fab.mat-warn.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-fab.mat-button-disabled.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-mini-fab.mat-primary.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-mini-fab.mat-accent.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-mini-fab.mat-warn.mat-button-disabled .mat-button-wrapper,
body .mat-mdc-mini-fab.mat-button-disabled.mat-button-disabled .mat-button-wrapper {
  opacity: 0.38;
}
body .mat-button.mat-button-disabled {
  color: var(--m3-sys-on-surface);
}
body .mat-button-toggle-standalone,
body .mat-button-toggle-group {
  border-radius: var(--border-radius-rounded);
  border-color: var(--m3-sys-outline);
}
body .mat-button-toggle {
  background-color: transparent;
}
body .mat-button-toggle .icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
body .mat-button-toggle-button {
  padding: 0 24px;
  height: 100%;
}
body .mat-button-toggle-button .mat-button-toggle-label-content span {
  line-height: 40px;
}
body .mat-button-toggle.mat-menu-trigger .mat-button-toggle-button {
  padding: 0 14px;
}
body .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0;
  color: var(--m3-sys-on-surface);
}
body .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background-color: transparent;
}
body .mat-button-toggle-disabled.mat-button-toggle-appearance-standard .mat-button-toggle-button {
  opacity: 0.38;
}
body .mat-button-toggle-checked {
  background-color: var(--m3-sys-secondary-container);
}
body .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--m3-sys-on-secondary-container);
  font-family: var(--material-font);
  display: flex;
  align-items: center;
}
body .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-color: var(--m3-sys-outline);
}
body .mat-mdc-mini-fab {
  border-radius: 12px;
  width: 40px;
  height: 40px;
}
body .mat-mdc-fab {
  border-radius: 16px;
  width: 56px;
  height: 56px;
}
body .button-lg-fab {
  border-radius: 28px;
  width: 96px;
  height: 96px;
}
body .button-lg-fab .icon {
  width: 36px;
  height: 36px;
  font-size: 36px;
  fill: var(--m3-sys-on-primary-container);
}
body .button-extended-fab {
  border-radius: 16px;
  width: auto;
  height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: 16px;
  padding-inline-end: 20px;
}
body .button-extended-fab .icon {
  margin-inline-end: var(--space-s);
}
body .button--surface {
  background: var(--color-surface-3);
  position: relative;
  color: var(--m3-sys-primary);
}
body .button--surface .icon {
  fill: var(--m3-sys-primary) !important;
}
body .button-extended-fab.mat-primary,
body .mat-mdc-fab.mat-primary,
body .mat-mdc-mini-fab.mat-primary {
  background-color: var(--m3-sys-primary-container);
  color: var(--m3-sys-on-primary-container);
}
body .button-extended-fab.mat-primary .icon,
body .mat-mdc-fab.mat-primary .icon,
body .mat-mdc-mini-fab.mat-primary .icon {
  fill: var(--m3-sys-on-primary-container);
}
body .button-extended-fab.mat-accent,
body .mat-mdc-fab.mat-accent,
body .mat-mdc-mini-fab.mat-accent {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
body .button-extended-fab.mat-accent .icon,
body .mat-mdc-fab.mat-accent .icon,
body .mat-mdc-mini-fab.mat-accent .icon {
  fill: var(--m3-sys-on-secondary-container);
}
body .button-extended-fab.button--tertiary,
body .mat-mdc-fab.button--tertiary,
body .mat-mdc-mini-fab.button--tertiary {
  background-color: var(--m3-sys-tertiary-container);
  color: var(--m3-sys-on-tertiary-container);
}
body .button-extended-fab.button--tertiary .icon,
body .mat-mdc-fab.button--tertiary .icon,
body .mat-mdc-mini-fab.button--tertiary .icon {
  fill: var(--m3-sys-on-tertiary-container);
}
body .mat-mdc-fab:not([class*=mat-elevation-z]),
body .mat-mdc-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: var(--m3-sys-elevation-3);
}
body .mat-mdc-fab:not([class*=mat-elevation-z]):hover,
body .mat-mdc-mini-fab:not([class*=mat-elevation-z]):hover {
  box-shadow: var(--m3-sys-elevation-4);
}
body .mat-mdc-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
body .mat-mdc-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: var(--m3-sys-elevation-3);
}
body .button--block {
  width: 100%;
  display: flex;
  justify-content: center;
}
body .base-button-focused {
  background-color: #e6e6e6;
}
body .primary-button-focused {
  background-color: #e6f2ff;
}
body .warn-button-focused {
  background-color: #fee8e7;
}
body .icon-btn__bg {
  background-color: rgba(0, 0, 0, 0.1);
}
body .rounded-btn {
  border-radius: 24px !important;
}
.typo-label-large,
.side-nav__link,
body .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 36px !important;
}
a {
  color: var(--m3-sys-primary);
}
a:hover {
  color: var(--m3-sys-primary);
}
a[disabled] {
  pointer-events: none !important;
}
body .mat-button-toggle .icon {
  color: var(--m3-sys-on-primary);
}
.button--icon .icon {
  margin-inline-end: var(--space-base);
}
.button-group {
  display: flex;
}
@media (max-width: 575.98px) {
  .button-group {
    margin-top: var(--space-m);
  }
}
.button-group .actions-btn + .actions-btn {
  margin-inline-start: var(--space-m);
}
.button-group--not-check .mat-button-toggle-checked .mat-button-toggle-label-content::before {
  display: none;
}
.button-wrapper--block .mat-button-wrapper {
  display: block !important;
}
body .button-icon .icon {
  fill: var(--m3-sys-on-surface-variant);
}
body .button-icon::after {
  border-radius: 100%;
}
body .button-icon:hover {
  background-color: var(--m3-state-layers-on-surface-opacity-08);
}
body .button-icon:focus {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .button-icon.mat-primary {
  background-color: var(--m3-sys-primary);
}
body .button-icon.mat-primary .icon {
  fill: var(--m3-sys-on-primary);
}
body .button-icon.mat-primary:hover::after {
  background-color: var(--m3-state-layers-on-primary-opacity-08);
}
body .button-icon.mat-primary:focus::after {
  background-color: var(--m3-state-layers-on-primary-opacity-12);
}
body .button-icon.mat-accent {
  background-color: var(--m3-sys-secondary-container);
}
body .button-icon.mat-accent .icon {
  fill: var(--m3-sys-on-secondary-container);
}
body .button-icon.mat-accent:hover::after {
  background-color: var(--m3-state-layers-on-secondary-container-opacity-08);
}
body .button-icon.mat-accent:focus::after {
  background-color: var(--m3-state-layers-on-secondary-container-opacity-12);
}
body .button-icon.button-icon-outline {
  border: 1px solid var(--m3-sys-outline);
}
body .button-icon.button-icon-outline .icon {
  fill: var(--m3-sys-on-surface-variant);
}
body .button-icon.button-icon-outline:hover::after {
  background-color: var(--m3-state-layers-on-surface-variant-opacity-08);
}
body .button-icon.button-icon-outline:focus::after {
  background-color: var(--m3-state-layers-on-surface-variant-opacity-12);
}
body .button-icon--dark {
  background-color: var(--m3-sys-inverse-surface);
}
body .button-icon--dark .icon {
  fill: var(--m3-sys-inverse-on-surface);
}
body .button-icon--dark:hover {
  background-color: var(--m3-sys-inverse-surface);
}
body .button-icon--dark:hover::after {
  background-color: var(--m3-state-layers-inverse-on-surface-opacity-08);
}
body .button-icon--dark:focus {
  background-color: var(--m3-sys-inverse-surface);
}
body .button-icon--dark:focus::after {
  background-color: var(--m3-state-layers-inverse-on-surface-opacity-12);
}
body .button-icon--dark.mat-button-disabled {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .button-icon--dark.mat-button-disabled .icon {
  fill: var(--m3-sys-on-surface);
}
body .button-icon--dark.mat-button-disabled:hover {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .button-icon--dark.mat-button-disabled:hover::after {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .button-icon--dark.mat-button-disabled:focus {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .button-icon--dark.mat-button-disabled:focus::after {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .button-icon--dark.mat-button-disabled .button--soft {
  border-radius: var(--border-radius-soft) !important;
}
body .button-icon--dark.mat-button-disabled body .filter__button {
  margin-inline-end: 12px;
}
body .button-icon--dark.mat-button-disabled body .filter__button .mat-badge-content {
  background: var(--m3-sys-light-primary);
  position: initial;
}
body .button-icon--dark.mat-button-disabled body .filter__button .mat-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .button-icon--dark.mat-button-disabled body .filter__button[aria-expanded=true] {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 999;
}
body .button-icon--dark.mat-button-disabled body .filter .filter__button,
body .button-icon--dark.mat-button-disabled body .filter__dropdown .filter__button {
  border: 1px solid transparent;
}
body .button-icon--dark.mat-button-disabled body .filter .filter__button[aria-expanded=true],
body .button-icon--dark.mat-button-disabled body .filter__dropdown .filter__button[aria-expanded=true] {
  box-shadow: var(--m3-sys-elevation-3);
  border: 1px solid var(--m3-sys-primary);
  background-color: var(--m3-sys-surface);
}
body .button-icon--dark.mat-button-disabled body .filter__dropdown-button[aria-expanded=true] {
  box-shadow: var(--m3-sys-elevation-3);
  border: 1px solid var(--m3-sys-primary);
  background-color: var(--m3-sys-surface);
}
body .mat-mdc-unelevated-button.mat-primary {
  background-color: var(--m3-sys-primary);
  color: var(--m3-sys-on-primary);
}
body .mat-mdc-unelevated-button.mat-accent {
  background-color: var(--m3-sys-secondary);
  color: var(--m3-sys-on-secondary);
}
body .mat-mdc-unelevated-button.mat-warn {
  background-color: var(--m3-sys-error);
  color: var(--m3-sys-on-error);
}
body .mat-mdc-unelevated-button.btn-success .mdc-button__label {
  color: var(--color-white);
}
body .mdc-button--unelevated:hover {
  box-shadow: var(--m3-sys-elevation-1);
}
body .mdc-button--unelevated:hover:after {
  background-color: var(--m3-state-layers-on-primary-opacity-08);
}
body button.mat-mdc-unelevated-button[disabled],
body button.mat-mdc-unelevated-button.mat-mdc-button-disabled {
  background-color: var(--m3-state-layers-on-surface-variant-opacity-12) !important;
  color: var(--m3-sys-on-surface) !important;
}
body button.mat-mdc-unelevated-button[disabled] .button__icon,
body button.mat-mdc-unelevated-button.mat-mdc-button-disabled .button__icon {
  fill: var(--m3-sys-on-surface);
}
body button.mat-mdc-unelevated-button[disabled] .mdc-button__label,
body button.mat-mdc-unelevated-button.mat-mdc-button-disabled .mdc-button__label {
  opacity: 0.38;
}
body .mat-mdc-outlined-button:disabled .icon {
  opacity: 0.38;
}
body .mat-mdc-outlined-button:not(:disabled) {
  border-color: var(--m3-sys-outline);
}
body .mat-mdc-outlined-button[disabled],
body .mat-mdc-outlined-button.mat-mdc-button-disabled {
  color: var(--m3-sys-on-surface);
  border-color: var(--m3-state-layers-on-surface-opacity-12);
}
body .mat-mdc-outlined-button[disabled] .mdc-button__label,
body .mat-mdc-outlined-button.mat-mdc-button-disabled .mdc-button__label {
  opacity: 0.38;
}
body .mat-mdc-outlined-button[disabled] .button__icon,
body .mat-mdc-outlined-button.mat-mdc-button-disabled .button__icon {
  fill: var(--m3-sys-on-surface);
}
body .mat-mdc-outlined-button.mat-primary {
  color: var(--m3-sys-primary);
}
body .mat-mdc-outlined-button.mat-primary:hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-outlined-button.mat-primary:focus {
  color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-outlined-button.mat-primary .button__icon {
  fill: var(--m3-sys-primary);
}
body .mat-mdc-outlined-button.mat-accent {
  color: var(--m3-sys-secondary);
}
body .mat-mdc-outlined-button.mat-accent:hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-outlined-button.mat-accent:focus {
  color: var(--m3-sys-secondary);
  border-color: var(--m3-sys-secondary);
}
body .mat-mdc-outlined-button.mat-accent .button__icon {
  fill: var(--m3-sys-secondary);
}
body .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-outlined-button.mat-warn {
  color: var(--m3-sys-error);
}
body .mat-mdc-outlined-button.mat-warn:hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-outlined-button.mat-warn:focus {
  color: var(--m3-sys-error);
  border-color: var(--m3-sys-error);
}
body .mat-mdc-outlined-button.mat-warn .button__icon {
  fill: var(--m3-sys-error);
}
body .mat-mdc-button.mat-primary {
  color: var(--m3-sys-primary);
}
body .mat-mdc-button.mat-primary:hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-button.mat-primary .button__icon {
  fill: var(--m3-sys-primary);
}
body .mat-mdc-button.mat-accent {
  color: var(--m3-sys-secondary);
}
body .mat-mdc-button.mat-accent:hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-button.mat-accent .button__icon {
  fill: var(--m3-sys-secondary);
}
body .mat-mdc-button.mat-warn {
  color: var(--m3-sys-error);
}
body .mat-mdc-button.mat-warn:hover {
  background-color: var(--m3-state-layers-primary-opacity-08);
}
body .mat-mdc-button.mat-warn .button__icon {
  fill: var(--m3-sys-error);
}
body .mat-mdc-button[disabled],
body .mat-mdc-button.mat-mdc-button-disabled {
  color: var(--m3-sys-on-surface);
  opacity: 0.38;
}
body .button--tonal.mat-mdc-unelevated-button:not(:disabled) {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
body .button--tonal.mat-mdc-unelevated-button:not(:disabled) .button__icon {
  fill: var(--m3-sys-on-secondary-container);
}
body .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-primary);
}
body .mat-button-toggle-appearance-standard.mat-button-toggle-checked mat-pseudo-checkbox {
  display: none;
}
body .button-group--not-check .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  background-color: var(--m3-sys-primary);
  color: var(--m3-sys-on-primary);
}
body .mat-mdc-fab:not(.mdc-fab--extended),
body .mat-mdc-mini-fab:not(.mdc-fab--extended) {
  box-shadow: var(--m3-sys-elevation-3);
  border-radius: 12px;
}
body .mat-mdc-mini-fab {
  border-radius: 12px;
  width: 40px;
  height: 40px;
  padding: 0;
}
body .mat-mdc-fab {
  border-radius: 16px;
  width: 56px;
  height: 56px;
  padding: 0;
}
body .mat-mdc-fab.button-lg-fab {
  border-radius: 28px;
  width: 96px;
  height: 96px;
  padding: 0;
}
body .mat-mdc-fab.button-extended-fab {
  border-radius: 16px;
  width: auto;
  height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: 16px;
  padding-inline-end: 20px;
}
body .mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) {
  color: var(--m3-sys-inverse-primary);
  padding: 0 12px;
}
body .mdc-button__label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-wrap: nowrap;
  font-size: inherit;
}
body .mat-mdc-icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
body .mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple,
body .mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
  border-radius: 16px;
}
body .button-elevated .icon {
  fill: var(--mdc-filled-button-label-text-color);
}
body .mat-mdc-button.mat-accent:active {
  --mat-text-button-state-layer-color: transparent;
}
body .mat-mdc-menu-panel .mat-primary.mdc-button:not(:disabled) {
  color: var(--m3-sys-primary);
}
body .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-ripple-color: transparent;
}
body .mat-mdc-icon-button[disabled],
body .mat-mdc-icon-button.mat-mdc-button-disabled {
  color: var(--m3-sys-outline);
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0px;
}
body .mat-button-toggle-group .mat-button-group--drop-down .mat-button-toggle-button {
  padding: 0 14px;
}
.button-group--primary .mat-button-toggle {
  background-color: var(--m3-sys-primary);
  color: var(--m3-sys-on-primary);
}
body .mat-mdc-unelevated-button.mat-primary {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary);
}
.mat-unthemed .mdc-button__label {
  color: var(--m3-sys-on-surface);
}
.mat-unthemed .mdc-button__label icon:not([svgfill]) .icon {
  fill: var(--m3-sys-on-surface);
}
.button--block {
  width: 100%;
}
.base-button-focused {
  background-color: #e6e6e6;
}
.primary-button-focused {
  background-color: #e6f2ff;
}
.warn-button-focused {
  background-color: #fee8e7;
}
.mat-icon-btn__bg {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.rounded-btn {
  border-radius: 24px !important;
}
.button--rounded {
  border-radius: 100px !important;
}
.button--md {
  padding: 10px 20px !important;
  line-height: normal !important;
}
.mat-mdc-icon-button[disabled],
.mat-mdc-icon-button.mat-mdc-button-disabled {
  pointer-events: auto !important;
}
.mat-mdc-unelevated-button:not(:disabled) .mdc-button__label {
  color: var(--color-black);
}
.button--soft {
  border-radius: var(--border-radius-soft) !important;
}
:root {
  --form-label-weight: var(--font-regular);
  --form-label-size: var(--typo-body-large);
  --form-label-color: var(--m3-sys-on-surface);
  --form-label-error: var(--m3-sys-error);
  --input-border-color: var(--m3-sys-outline);
  --input-border-width: 1px;
  --input-border-radius: 4px;
  --input-background: transparent;
  --input-font-size: var(--typo-body-large);
  --input-font-weight: var(--font-regular);
  --input-height: 56px;
}
body .mat-form-field {
  width: 100%;
  margin-bottom: var(--space-base);
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
body .mat-form-field-appearance-outline {
  --color: var(--m3-sys-on-background);
}
body .mat-form-field-appearance-outline.mat-focused {
  --input-border-width: 2px;
}
body .mat-form-field-appearance-outline.mat-form-field-invalid {
  --input-border-width: 2px;
  --color: var(--m3-sys-error) !important;
}
body .mat-form-field-appearance-outline.mat-mdc-form-field-error {
  --input-border-width: 2px;
  --color: var(--m3-sys-error) !important;
}
body .mat-form-field-appearance-outline.mat-form-field-disabled {
  --color: var(--m3-sys-on-surface);
  opacity: 0.38;
}
body .mat-form-field-appearance-outline mat-label:not(.form-placeholder),
body .mat-form-field-appearance-outline .mat-placeholder-required {
  font-size: var(--form-label-size);
  font-weight: var(--form-label-weight);
  color: var(--color);
  text-transform: capitalize;
}
body .mat-form-field-appearance-outline .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-outline-gap,
body .mat-form-field-appearance-outline .mat-form-field-outline-end {
  background: var(--input-background);
  color: var(--color);
}
body .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
body .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end {
  transition: border 0.35s ease-in-out;
}
body .mat-form-field-appearance-outline .mat-mdc-form-field-input-control {
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
}
body .mat-form-field-appearance-outline .mat-mdc-form-field-input-control::placeholder {
  color: var(--m3-sys-outline);
}
body .mat-form-field-appearance-outline textarea {
}
body .mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0;
}
body .mat-form-field-appearance-outline .mat-form-field-flex {
  min-height: var(--input-height);
  align-items: center;
}
body .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  border-top: 0 solid transparent;
}
@media (max-width: 575.98px) {
  body .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
    width: 100%;
  }
}
[dir=ltr] body .mat-form-field-appearance-outline .mat-form-field-label-wrapper {
  top: -0.5em;
  padding-top: 0.5em;
}
[dir=rtl] body .mat-form-field-appearance-outline .mat-select-value-text,
[dir=rtl] body .mat-form-field-appearance-outline mat-label,
[dir=rtl] body .mat-form-field-appearance-outline .mat-input-element {
  line-height: 1.7;
}
body .mat-form-field-appearance-outline .mat-form-field-prefix,
body .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0;
}
body .mat-hint {
  color: var(--m3-sys-on-surface);
}
body .m3-sys-error .mat-form-field-appearance-outline.mat-form-field-invalid {
  color: var(--m3-sys-error);
}
body .mat-select-arrow {
  color: var(--m3-sys-outline);
}
body .mat-select-value {
  color: var(--color);
}
body .mat-mdc-select-placeholder {
  color: var(--m3-sys-outline);
}
.sales-order__discount-panel--input .mat-mdc-text-field-wrapper {
  padding-bottom: 0.25em;
}
.search-control .mat-mdc-input-element {
  margin-top: 0 !important;
}
.search-control .mat-form-field-outline {
  position: relative;
}
.search-control .mat-mdc-text-field-wrapper {
  padding: 0 !important;
  margin-bottom: 0.85em !important;
}
.search-control .mat-mdc-form-field-infix .dropdown-menu {
  transform: translate3d(0px, 53px, 0px) !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  min-height: auto;
  height: auto;
  max-height: 400px;
}
.search-control .mat-mdc-form-field-flex {
  background-color: var(--color-surface-2);
  color: var(--m3-sys-on-background);
  border-radius: var(--border-radius-rounded);
  padding: 0 0.75em 0 0.75em !important;
}
.search-control .mat-mdc-form-field-flex icon {
  padding: 0 8px;
  color: var(--m3-sys-on-background);
}
.search-control .mat-mdc-form-field-flex .mdc-notched-outline div {
  border-color: transparent !important;
}
.search-control .mat-mdc-form-field-flex .mat-input-element {
  color: var(--m3-sys-on-background);
  padding-inline-start: 8px;
}
.search-control--md .mat-mdc-form-field-flex {
  --input-height: 44px;
  min-height: var(--input-height) !important;
  height: 44px;
}
.search-control--md .mdc-text-field--outlined .mat-mdc-form-field-infix,
.search-control--md .mdc-text-field--no-label .mat-mdc-form-field-infix {
  --mat-form-padding: 10px;
  padding-top: var(--mat-form-padding);
  padding-bottom: var(--mat-form-padding);
}
.search-control--border-radius-m .mat-mdc-form-field-flex {
  border-radius: var(--border-radius-m);
}
.search-control--border-radius-m .mat-mdc-form-field-flex icon {
  padding: 0 4px;
}
.search-control--border-radius-m .mat-mdc-form-field-icon-prefix {
  padding: 0;
}
.search-control .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--color);
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: var(--m3-sys-on-background);
}
.mat-icon-button {
  color: var(--m3-sys-on-background);
}
.mat-icon-button svg {
  fill: var(--m3-sys-on-surface);
}
.mat-icon-button--primary svg {
  fill: var(--m3-sys-primary);
}
.mat-icon-button--warn svg {
  fill: var(--m3-sys-error);
}
.field-space-none {
  margin-bottom: 0 !important;
}
.field-space-none.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  margin-bottom: 0.25em !important;
}
.field-bg-white .ng-star-inserted.mat-form-field-outline {
  background-color: var(--m3-sys-surface);
  border-radius: 5px;
}
.field-bg-white .mat-mdc-form-field-infix,
.field-bg-white .mat-mdc-form-field-flex,
.field-bg-white .mat-mdc-text-field-wrapper {
  background-color: var(--m3-sys-surface);
}
.field-bg-surface-2 .mdc-notched-outline__leading,
.field-bg-surface-2 .mdc-notched-outline__notch,
.field-bg-surface-2 .mdc-notched-outline__trailing {
  background-color: var(--color-surface-2);
  border: none !important;
}
.field-border-none .mdc-notched-outline__leading,
.field-border-none .mdc-notched-outline__notch,
.field-border-none .mdc-notched-outline__trailing {
  border: none !important;
}
.field-border-none .mat-mdc-form-field-infix,
.field-border-none .mat-mdc-form-field-flex,
.field-border-none .mat-mdc-text-field-wrapper {
  border-radius: var(--border-radius-m);
}
.custom-search-field .mat-mdc-text-field-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0.25em;
}
body .field-error .mat-form-field-outline-start,
body .field-error .mat-form-field-outline-gap,
body .field-error .mat-form-field-outline-end {
  color: var(--m3-sys-error) !important;
}
body .field-error.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  box-shadow: none !important;
}
body .field-error.mat-form-field-appearance-outline {
  color: var(--m3-sys-error) !important;
}
body .field-error.mat-form-field-appearance-outline.mat-focused {
  color: var(--m3-sys-error) !important;
}
.md-drppicker {
  padding: 0 !important;
  background: none !important;
  top: 0 !important;
}
.md-drppicker table {
  border-spacing: 0px 6px;
  border-collapse: unset;
}
.md-drppicker .calendar {
  background: var(--m3-sys-surface) !important;
  margin: 0 !important;
  max-width: unset !important;
}
.md-drppicker .calendar td,
.md-drppicker .calendar th {
  min-width: 3em !important;
}
.md-drppicker .calendar th {
  height: 2em !important;
  vertical-align: baseline;
}
.md-drppicker .calendar th.month {
  font-size: var(--typo-headline-large) !important;
}
.md-drppicker .calendar-table {
  background: var(--color-surface-3) !important;
  border: none !important;
  padding: var(--space-m) var(--space-m) 0 var(--space-m) !important;
}
.md-drppicker.double .calendar-table {
  padding: var(--space-m) !important;
}
.md-drppicker .calendar-time {
  margin: 0 !important;
  background: var(--color-surface-3) !important;
}
.md-drppicker .calendar-time .select .select-item {
  color: var(--color-on-surface-3) !important;
  border-bottom: 1px solid var(--m3-sys-outline-variant) !important;
}
.md-drppicker .calendar-time .select .select-item option {
  background: var(--m3-sys-surface) !important;
  color: var(--m3-sys-on-surface) !important;
}
.md-drppicker .buttons {
  margin: 0 !important;
  background: var(--m3-sys-surface) !important;
}
.md-drppicker .buttons_input {
  background: var(--color-surface-3) !important;
}
.md-drppicker .btn {
  margin: var(--space-s);
  background-color: transparent !important;
  color: var(--m3-sys-primary) !important;
  box-shadow: none !important;
}
.md-drppicker th,
.md-drppicker td {
  color: var(--color-on-surface-3) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-regular) !important;
  width: 3em !important;
  height: 3em !important;
}
.md-drppicker td {
  transition: none;
}
.md-drppicker td.active,
.md-drppicker td .active:hover {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary) !important;
}
.md-drppicker td.available:hover {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary) !important;
}
.md-drppicker td.off:not(.disabled) {
  visibility: hidden;
  transition: none;
  color: transparent;
  background-color: transparent;
}
.md-drppicker td.disabled {
  text-decoration: none !important;
  background-color: transparent !important;
  color: var(--m3-sys-outline) !important;
  opacity: 0.5;
}
.md-drppicker td.in-range {
  background-color: var(--m3-sys-secondary-container) !important;
}
.md-drppicker td.start-date.end-date {
  border-radius: 50% !important;
  border: 0 !important;
}
.md-drppicker th.available.prev {
  background: none !important;
}
.md-drppicker th.available.prev::before {
  font-family: "Material Icons";
  content: url("./media/chevron-left.svg");
  position: absolute;
  width: 24px;
  height: 24px;
}
.md-drppicker th.available.next {
  transform: unset !important;
  background: none !important;
}
.md-drppicker th.available.next::after {
  font-family: "Material Icons";
  content: url("./media/chevron-right.svg");
  position: absolute;
  width: 24px;
  height: 24px;
}
.mat-datepicker-content {
  background: var(--m3-sys-surface) !important;
}
.mat-datepicker-content .mat-datepicker-content-container {
  background: var(--color-surface-3) !important;
}
.mat-datepicker-content .mat-calendar-body-cell-content,
.mat-datepicker-content .mat-date-range-input-separator,
.mat-datepicker-content .mat-datepicker-toggle,
.mat-datepicker-content .mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-calendar-table-header,
.mat-datepicker-content .mat-calendar-body-label {
  color: var(--m3-sys-on-surface) !important;
}
.mat-datepicker-content .mat-button {
  background: transparent;
  color: var(--m3-sys-on-background);
}
.mat-datepicker-content .mat-button .mat-calendar-arrow {
  fill: var(--m3-sys-on-background) !important;
}
.mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--m3-sys-primary) !important;
}
.mat-datepicker-content .mat-datepicker-toggle,
.mat-datepicker-content .mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-datepicker-content .mat-calendar-previous-button {
  color: var(--m3-sys-on-surface) !important;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: var(--m3-sys-on-primary) !important;
  background-color: var(--m3-sys-primary) !important;
}
.mat-datepicker-content .mat-calendar-body-active {
  color: var(--m3-sys-on-primary) !important;
}
.mat-datepicker-content .mat-calendar-body-selected {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary) !important;
}
.mat-calendar-body-active .mat-calendar-body-selected {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary) !important;
}
.mat-calendar-body-active .mat-calendar-body-today {
  background: transparent !important;
  color: var(--m3-sys-primary) !important;
}
.mat-calendar-body-active .mat-calendar-body-today:is(.mat-calendar-body-selected) {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary) !important;
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: var(--m3-sys-on-surface) !important;
}
.chip-list-field .mat-form-field-label {
  display: inline-block !important;
  width: auto !important;
  background-color: var(--m3-sys-surface);
  color: var(--m3-sys-on-surface);
}
.chip-list-field .mat-chip.mat-standard-chip {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
.chip-list-field .mat-chip.mat-standard-chip .mat-chip-remove {
  color: var(--m3-sys-on-secondary-container);
  opacity: unset !important;
}
.chip-list-field input::placeholder {
  color: var(--m3-sys-on-syrface);
}
.input-field {
  background: var(--m3-sys-surface);
  color: var(--m3-sys-on-surface);
  border: 1px solid var(--m3-sys-outline);
  padding: 8px 6px;
  border-radius: 5px;
}
.input-field:disabled {
  background: var(--m3-state-layers-on-surface-variant-opacity-12);
}
.mat-select-placeholder {
  color: var(--m3-sys-outline);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: var(--m3-sys-outline) !important;
}
.field-space-md .mat-mdc-text-field-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 1em !important;
}
.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(4%) !important;
}
.sales-order__discount-panel .input-group__toggle .input-group__toggle--btn {
  display: flex;
  align-items: center;
  height: unset;
  top: calc(100% - 2.875rem);
}
[dir=rtl] .input-group__toggle .input-group__toggle--btn {
  top: calc(100% - 48px);
}
.mat-list-item-content ngb-highlight {
  word-break: break-word;
  white-space: normal;
}
.md-drppicker td.active {
  background-color: var(--m3-sys-primary) !important;
  color: var(--m3-sys-on-primary) !important;
}
.dialog__height .dialog-datepicker .md-drppicker {
  right: auto !important;
}
.dialog__height .dialog-datepicker .md-drppicker .filter__dropdown .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: var(--color-surface-2);
}
.filter__dropdown--view {
  position: relative;
  max-width: 175px;
}
.filter__dropdown--view .mdc-button__label {
  justify-content: space-between;
}
.filter__dropdown--view--container {
  position: relative;
  z-index: 1000;
}
.filter__dropdown--view--popup {
  padding: 1rem;
  position: absolute;
  bottom: -80px;
  left: 0;
  z-index: 1;
  padding: var(--space-base);
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-m);
  transition: all 0.15s ease-in-out;
  background: var(--white);
}
.filter__dropdown--view--popup .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.filter__dropdown--view--popup .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background: transparent;
}
.filter__dropdown--view--popup .ng-submitted .ng-invalid .mat-form-field-flex {
  border: 2px solid var(--m3-sys-error);
}
.filter__dropdown .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: var(--color-surface-2);
  border-radius: var(--border-radius-soft);
  padding: 0.75em;
  display: flex;
  align-items: center;
  margin: auto;
  height: 40px;
}
.filter__dropdown .mat-form-field-label-wrapper {
  display: none;
}
.filter__dropdown .mat-mdc-text-field-wrapper {
  padding-bottom: var(--space-none);
}
.filter__dropdown .mat-form-field-appearance-fill .mat-form-field-underline::before {
  display: none;
}
.filter__dropdown .mat-form-field.mat-focused .mat-form-field-ripple {
  display: none;
}
.filter__dropdown .mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover ~ .mat-form-field-underline .mat-form-field-ripple {
  display: none;
}
.filter__dropdown .mat-form-field-appearance-fill .mat-mdc-form-field-infix {
  padding: var(--space-none);
}
.filter__dropdown .mat-mdc-form-field-infix {
  border-top: 0;
  width: 125px;
}
.filter__dropdown .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(0);
}
.filter-menu {
  margin-top: var(--space-s);
}
.filter-menu .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  padding-bottom: var(--space-none);
  margin-bottom: var(--space-none);
  margin-top: var(--space-none);
}
.filter-menu .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.filter-menu .mat-form-field {
  margin-bottom: var(--space-none);
}
.filter-menu .mat-form-field-appearance-outline .mat-form-field-outline {
  height: 40px;
}
.filter-menu .mat-form-field-appearance-outline .mat-form-field-flex {
  min-height: auto;
}
.filter-menu .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: var(--space-none);
}
.filter-menu .mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0.75em;
  margin-top: var(--space-none);
  height: 40px;
}
body .filter__dropdown-option {
  min-width: 260px !important;
  margin-top: var(--space-xxl);
}
body .filter__dropdown-option .mat-option {
  padding: var(--space-none);
}
body .filter__dropdown-option .mat-option-text {
  padding: var(--space-none) var(--space-m);
}
body .filter__dropdown-option .dropdown-option-action {
  cursor: pointer !important;
}
body .filter__dropdown-option .dropdown-option-action:hover {
  background: var(--m3-sys-secondary-container) !important;
}
.filter-view-input {
  line-height: 22px;
}
.filter-view-input::placeholder {
  color: var(--m3-sys-on-surface);
}
.filter-view-input--container .mat-form-field-flex {
  border: 2px solid transparent;
}
.filter-view-input--container--focus .mat-form-field-flex {
  border: 2px solid var(--m3-sys-primary);
}
.mat-select-disabled .mat-select-value {
  color: var(--m3-sys-outline) !important;
}
.overlay-no-scroll .cdk-overlay-connected-position-bounding-box {
  pointer-events: auto;
}
body .m3-date-range .mat-datepicker-content {
  box-shadow: none;
}
body .m3-date-range .mat-calendar-table-header-divider {
  display: none !important;
}
body .m3-date-range .mat-calendar-table-header {
  position: relative;
}
body .m3-date-range .mat-calendar-header {
  border-bottom: 1px solid var(--m3-sys-outline-variant);
}
body .m3-date-range .mat-calendar-content {
  margin-top: var(--space-base);
}
body .m3-date-range .mat-calendar-body-in-range::before {
  background-color: var(--m3-sys-secondary-container);
}
body .m3-date-range .mat-calendar-table-header th {
  font-size: 12px;
}
body .mat-datepicker-actions {
  border-top: 1px solid var(--m3-sys-outline-variant);
  padding: 8px 12px 12px;
}
body .mat-raised-button:not(.mat-raised-button.mat-button-disabled, .mat-warn) {
  background-color: transparent;
  box-shadow: none;
  padding: 0 12px;
  border-radius: 0;
}
body .mat-raised-button:not(.mat-raised-button.mat-button-disabled, .mat-warn):hover {
  box-shadow: none;
}
body .mat-datepicker-content .mat-button {
  color: var(--m3-sys-primary);
  border-radius: 0;
}
.dark-theme .md-drppicker th.available.prev::before {
  content: url("./media/chevron-left-dark.svg");
}
.dark-theme .md-drppicker th.available.next::after {
  content: url("./media/chevron-right-dark.svg");
}
.search-bar.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 28px 0 0 28px;
  background-color: var(--color-surface-3);
  border: 0;
}
.search-bar.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 28px 28px 0;
  background-color: var(--color-surface-3);
  border: 0;
}
.search-bar.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  background-color: var(--color-surface-3);
  border: 0;
}
.search-bar.mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  margin-inline-start: var(--space-base);
}
.search-bar.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  padding-bottom: var(--space-none);
  margin-bottom: var(--space-none);
}
.search-bar.mat-form-field-appearance-outline {
  margin-bottom: var(--space-none);
}
.search-bar.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: var(--space-base);
}
.search-bar--rounded.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: var(--space-s) var(--space-base);
}
.search-bar--unbound.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0;
}
.search-bar--unbound.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0;
}
body .mat-form-field-prefix .mat-icon-button .mat-icon,
body .mat-form-field-suffix .mat-icon-button .mat-icon {
  line-height: 1.5rem;
}
body .mat-mdc-form-field {
  width: 100%;
}
body .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: var(--m3-sys-on-surface);
}
body .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
body .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
body .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-on-surface);
}
body .mat-mdc-checkbox-disabled {
  opacity: 0.38;
}
body .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-radio-button .mdc-radio--disabled + label {
  color: var(--m3-sys-on-surface);
}
body .mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
body .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--m3-sys-on-surface);
}
body .mat-mdc-radio-button .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
body .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  background-color: rgba(0, 0, 0, 0.3803921569);
}
.search-bar--show-result.mat-form-field-appearance-outline .mat-form-field-outline {
  border-bottom: 1px solid var(--m3-sys-outline);
}
.search-bar--show-result.search-bar--rounded.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 28px 0 0 0;
  background-color: var(--color-surface-3);
  border: 0;
}
.search-bar--show-result.search-bar--rounded.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 28px 0 0;
  background-color: var(--color-surface-3);
  border: 0;
}
.mat-form-field-invalid .mat-icon {
  color: var(--m3-sys-error);
}
body .mdc-checkbox__background {
  width: 16px;
  height: 16px;
}
body .mdc-checkbox {
  flex: unset;
  width: 40px;
  height: 40px;
  padding: 0;
}
body .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: var(--m3-sys-on-surface);
}
body .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mat-primary .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  background-color: var(--m3-sys-primary);
}
body .mdc-checkbox__checkmark-path {
  stroke: var(--m3-sys-surface);
}
body .mat-warn .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  background-color: var(--m3-sys-error);
}
body .mat-warn.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: var(--m3-sys-error) !important;
  border-color: var(--m3-sys-error) !important;
}
body .mat-warn .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-warn .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-warn .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: var(--m3-sys-error);
}
body .mat-primary .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-primary .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-primary .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: var(--m3-sys-primary);
}
body .mat-warn .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-warn .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-warn .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-error);
  border-color: var(--m3-sys-error);
}
body .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
body .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-primary);
}
body .mat-warn .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-warn .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-warn .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-error);
}
body .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
body .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: var(--m3-sys-surface);
}
body .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--m3-sys-on-surface);
}
body .mat-mdc-option {
  color: var(--m3-sys-on-surface);
}
body .mat-mdc-select {
  color: var(--m3-sys-on-surface);
}
body .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--m3-sys-primary);
}
body div.mat-mdc-select-panel {
  background-color: var(--m3-sys-background);
  padding: 0;
}
body .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--m3-sys-secondary-container);
}
body .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text {
  color: var(--m3-sys-primary);
}
body .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  color: var(--m3-sys-primary);
}
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  color: var(--m3-sys-outline);
}
body .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--m3-sys-on-surface-variant);
}
body .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-radio-button .mdc-radio:not(:disabled):active .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-radio-button .mdc-radio:not(:disabled):active .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--m3-sys-primary);
}
body .switch-check .mdc-switch__icons svg {
  display: block;
}
body .switch-check .mdc-switch__icons {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin: auto;
  fill: none;
  background-repeat: no-repeat;
  background-size: cover;
}
body .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
  fill: none;
}
body .switch-check .mdc-switch__icon--off {
  background-image: url(/assets/images/close.svg);
  fill: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body .switch-check .mdc-switch--unselected .mdc-switch__handle {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  left: 6px;
}
body .switch-check .mdc-switch--checked .mdc-switch__icon--on {
  display: block;
  background-image: url(/assets/images/check.svg);
  fill: none !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body .switch-check--dark .mdc-switch--checked .mdc-switch__icon--on {
  background-image: url(/assets/images/check-dark.svg);
  fill: none !important;
  width: 14px;
  height: 14px;
}
body .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: var(--m3-sys-on-surface);
}
body .search-bar .mdc-notched-outline__leading,
body .search-bar .mdc-notched-outline__notch,
body .search-bar .mdc-notched-outline__trailing {
  background-color: var(--color-surface-3);
  border: 0;
}
body .search-bar .mdc-notched-outline__leading {
  display: none;
}
body .search-bar--rounded .mdc-notched-outline__notch {
  border-radius: 28px 0 0 28px;
}
body .search-bar--rounded .mdc-notched-outline__trailing {
  border-radius: 0 28px 28px 0 !important;
}
body .search-bar--unbound {
  min-height: 75px;
}
body .search-bar--unbound .mat-mdc-form-field-flex {
  align-items: center;
  margin: auto;
}
body .search-bar--unbound:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  transform: var(--mat-mdc-form-field-label-transform, translateY(0%) translateX(calc(1 * (28px + var(--mat-mdc-form-field-label-offset-x, 0px))))) !important;
}
body .search-bar .mdc-floating-label {
  margin-inline-start: var(--space-l);
}
body .search-bar .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
body .search-bar--rounded.search-bar--show-result .mdc-notched-outline__notch {
  border-radius: 28px 0 0 0;
}
body .search-bar--rounded.search-bar--show-result .mdc-notched-outline__trailing {
  border-radius: 0 28px 0 0 !important;
}
body .search-bar--show-result .mdc-text-field--outlined {
  border-bottom: 1px solid var(--m3-sys-outline);
}
body .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding: 0 0.75em 0 0.75em;
}
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--color);
}
body .mat-mdc-form-field-icon-suffix .icon {
  fill: var(--color);
}
body .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
body .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
body .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: unset;
  --color: var(--m3-sys-on-surface);
}
body .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: var(--m3-sys-on-surface);
}
body .mdc-form-field > label {
  color: var(--m3-sys-on-surface);
}
body .mat-mdc-slide-toggle[disabled] {
  opacity: 0.38;
}
body .mdc-switch:disabled .mdc-switch__track::before {
  background-color: var(--m3-sys-light-surface-variant);
}
.mat-mdc-form-field-error {
  color: var(--m3-sys-error) !important;
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--m3-sys-error) !important;
}
body .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--color);
}
body .mat-mdc-select-arrow svg {
  fill: var(--color);
}
body .mat-mdc-slide-toggle .mdc-switch__handle:has(.mdc-switch__icons) {
  width: 1.2rem;
  height: 1.2rem;
  min-width: 1.2rem;
}
body .mdc-switch__icons {
  margin: auto 0;
}
.search-control .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding-inline-start: 8px;
}
body .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  color: var(--color);
}
body .sales-order__head .field-space-none.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding) !important;
  padding-left: var(--iti-selected-country-arrow-padding) !important;
  margin-left: 0;
}
.cards-layout mat-option:hover .cards-layout__option-actions {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.mat-mdc-option .mdc-list-item__primary-text {
  width: 100%;
}
.cards-layout mat-option .cards-layout__option-content {
  align-items: center;
}
.mat-mdc-card .mat-mdc-form-field-flex {
  min-height: unset;
}
body .mdc-checkbox,
body .mdc-checkbox .mdc-checkbox__native-control {
  width: 16px;
  height: 16px;
}
body .mdc-checkbox {
  margin: auto;
  margin-inline-end: 8px;
}
body .mdc-checkbox .mdc-checkbox__background {
  top: 0;
  left: 0;
}
body .pay-btn .mdc-button__label {
  display: block;
}
body .mat-mdc-form-field-subscript-wrapper {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
body .mat-mdc-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.67em;
  top: calc(100% - 2.59em);
}
body .mat-mdc-form-field {
  position: relative;
}
body .mdc-text-field.mat-mdc-text-field-wrapper {
  margin-top: 0.25em;
  margin-bottom: 1.41875em;
  z-index: unset;
}
body .mat-mdc-select {
  font: var(--font-regular) var(--font-size-base)/1.425 var(--font-family);
}
body .mat-mdc-form-field {
  font: var(--font-regular) var(--font-size-base)/1.425 var(--font-family);
}
body .mat-mdc-dialog-container .mdc-dialog__surface {
  transition: none !important;
}
body .mat-mdc-paginator-outer-container .mat-mdc-text-field-wrapper {
  margin-bottom: 0;
}
.mdc-data-table__row .mat-mdc-form-field:not(.mat-mdc-form-field-has-icon-suffix) .mat-mdc-text-field-wrapper {
  padding: 0 0.75em 0 0.75em !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.iti--inline-dropdown .iti__dropdown-content {
  min-width: 475px;
}
.mat-mdc-form-field-has-icon-suffix .mat-mdc-form-field-flex {
  padding: 0;
}
.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
  color: var(--color);
  margin-inline-start: 2px;
}
body .mdc-form-field > label {
  -webkit-user-select: none;
  user-select: none;
  cursor: inherit;
  align-items: baseline;
  vertical-align: middle;
  display: inline-flex;
  white-space: nowrap;
  font-size: var(--font-size-s);
}
.auth .mat-mdc-button.mat-primary {
  white-space: nowrap;
}
body .filter-panel__form-wrapper .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding: 0 !important;
  height: 46px;
  margin-bottom: var(--space-l) !important;
}
body .filter-panel__form-wrapper .mdc-text-field.mat-mdc-text-field-wrapper {
  height: 46px;
  margin-bottom: var(--space-l) !important;
}
body .filter-panel__form-wrapper .mdc-text-field.mat-mdc-text-field-wrapper {
  padding: 0 !important;
}
body .filter-panel__form-wrapper .mat-mdc-form-field-icon-suffix {
  line-height: unset;
  height: 24px;
  min-height: 24px;
  width: 24px;
}
body .filter-panel__form-wrapper .mdc-icon-button {
  line-height: unset;
  height: 24px;
  min-height: 24px;
  width: 24px;
}
body .filter-panel__form-wrapper .mdc-icon-button svg {
  width: 16px;
  height: 16px;
}
body .filter-panel__form-wrapper .mdc-notched-outline__leading {
  display: none;
}
body .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none !important;
  border-right: none !important;
}
body .warn-msg {
  background-color: var(--m3-sys-error) !important;
  color: var(--m3-sys-background) !important;
  width: 450px !important;
}
body .warn-msg icon {
  position: relative;
  top: 4px;
}
body .mat-expansion-panel {
  background: transparent;
}
[dir=rtl] body .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding: 0 0.75em 0 0.75em;
}
mat-error > div {
  position: absolute;
  top: 0;
}
.chips-select__control .mat-mdc-select-trigger .select-trigger-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.chips-select__control .mat-mdc-select-trigger .select-trigger-content .chips-container {
  flex: 1;
  margin-inline-end: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.chips-select__control .mat-mdc-select-arrow {
  display: none !important;
}
.mat-custom .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 0.6em 0 0.6em 0;
}
.mat-custom .mat-mdc-input-element {
  margin-top: 0.7em;
}
.mat-custom .mat-form-field-appearance-outline .mat-mdc-form-field-flex {
  min-height: unset;
}
.mat-custom .mat-mdc-text-field-wrapper {
  padding-bottom: 0 !important;
}
.mat-custom .mat-mdc-input-element {
  color: var(--color) !important;
}
.mat-custom .mat-mdc-form-field-infix {
  min-height: unset;
}
.form-group--select.mat-custom .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 1em;
}
.form-group--select.mat-custom .mat-select-arrow {
  margin-top: 12px;
}
:root {
  --nav-link-padding: 4px 5px;
  --nav-link-space: 0;
  --nav-link-size: var(--typo-label-large);
  --nav-link-weight: var(--font-medium);
  --nav-link-radius: var(--border-radius-rounded);
  --nav-link-icon-space: 0.75rem;
  --nav-link-bg: transparent;
  --nav-link-icon-fill: var(--m3-sys-on-surface);
}
.dark-theme {
  --nav-link-icon-fill: var(--m3-sys-on-surface);
}
.side-nav {
  height: var(--bottom-bar-height);
  display: flex;
  align-items: center;
  background-color: var(--m3-sys-background);
  padding: 0 var(--space-s);
}
@media (max-width: 575.98px) {
  .side-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 576px) {
  .side-nav {
    align-items: initial;
    background-color: transparent;
    height: calc(100vh - var(--header-height));
    padding-top: var(--space-none);
    padding-bottom: var(--space-m);
    padding-inline-start: var(--space-m);
    padding-inline-end: var(--space-l);
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .side-nav__item {
    position: relative;
  }
  .side-nav__item + .side-nav__item {
    margin-top: var(--space-s);
  }
}
.side-nav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  padding: var(--nav-link-padding);
  border: 0;
  text-decoration: none;
  border-radius: var(--nav-link-radius);
  background-color: var(--nav-link-bg);
  color: var(--m3-sys-on-surface-variant);
  margin: var(--nav-link-space);
  position: relative;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.side-nav__link--starred-icon {
  color: var(--m3-sys-secondary) !important;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.side-nav__link .mat-ripple-element {
  background-color: var(--m3-sys-primary-container);
  opacity: 0.4;
  z-index: -1;
}
.side-nav__link:hover {
  --nav-link-icon-fill: var(--m3-sys-inverse-on-surface);
  --nav-link-bg: var(--m3-sys-surface-variant);
  color: var(--m3-sys-primary);
}
.side-nav__link:hover .side-nav__link--starred-icon {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 576px) {
  .side-nav__link {
    --nav-link-padding: 2px 1rem;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    height: 2.625rem;
  }
}
.side-nav__link--change-theme {
  border: 1px solid var(--m3-sys-surface-variant);
}
.side-nav__link--notifications {
  display: flex;
  justify-content: space-between;
}
.side-nav__link--active {
  --nav-link-icon-fill: var(--m3-sys-inverse-on-surface);
  --nav-link-bg: var(--m3-sys-surface) !important;
  color: var(--m3-sys-primary);
}
.side-nav__link--edit {
  background-color: var(--m3-sys-tertiary-container);
  height: 56px;
  border-radius: 16px;
}
.side-nav__link--edit:hover {
  --nav-link-icon-fill: transparent;
  --nav-link-bg: transparent;
  color: transparent;
}
.side-nav__link--edit .mat-ripple-element {
  background-color: var(--m3-sys-tertiary-container);
  opacity: 0.4;
  z-index: -1;
}
.side-nav__link--edit .mat-icon {
  color: var(--m3-sys-on-tertiary-container);
}
.side-nav__icon svg {
  transition: all 0.15s ease-in-out;
  fill: var(--m3-sys-on-surface) !important;
}
@media (min-width: 576px) {
  .side-nav__icon + .side-nav__title {
    margin-inline-start: var(--nav-link-icon-space);
  }
}
.side-nav__sub {
  background: var(--m3-sys-surface);
  color: var(--m3-sys-on-surface);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 80vh;
  padding: var(--space-xxl) var(--space-l) var(--space-m) var(--space-l);
  border-radius: var(--border-radius-rounded) var(--border-radius-rounded) 0 0;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 80px);
  transition-delay: 300ms;
  z-index: 10;
}
@media (min-width: 576px) {
  .side-nav__sub {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -20px;
    bottom: auto;
    left: calc(100% + var(--space-base));
    width: 322px;
    max-height: 80vh;
    padding: var(--space-none);
    border-radius: var(--border-radius-m);
    transform: translate(10px, 0);
  }
  [dir=rtl] .side-nav__sub {
    left: auto;
    right: calc(100% + var(--space-base));
  }
}
@media (max-width: 575.98px) {
  .side-nav__sub .side-nav__link {
    --nav-link-padding: 10px 16px;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
  }
}
.side-nav__sub .side-nav__link + .side-nav__link {
  margin-top: var(--space-s);
}
.side-nav__sub:before {
  content: "";
  right: 100%;
  top: 40px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: var(--m3-sys-surface);
  border-width: 10px;
  margin-top: -10px;
}
[dir=rtl] .side-nav__sub:before {
  left: 100%;
  right: unset;
  border-left-color: var(--m3-sys-surface);
  border-right-color: transparent;
}
@media (min-width: 576px) {
  .side-nav__sub--above {
    bottom: -20px;
    top: auto;
  }
}
.side-nav__sub--above:before {
  top: auto;
  bottom: 40px;
}
@media (min-width: 576px) {
  .side-nav__sub--middle {
    bottom: var(--space-base);
    top: calc(var(--header-height) + var(--space-base));
    position: fixed;
    left: calc(var(--nav-width) + var(--space-base));
  }
  [dir=rtl] .side-nav__sub--middle {
    right: calc(var(--nav-width) + var(--space-base));
    left: auto;
  }
}
.side-nav__sub--middle:before {
  display: none;
}
.side-nav__item--selected {
  position: relative;
  z-index: 10;
}
.side-nav__item--selected > .side-nav__link {
  --nav-link-icon-fill: var(--m3-sys-inverse-on-surface);
  --nav-link-bg: var(--m3-sys-surface);
  color: var(--m3-sys-primary);
}
.side-nav__item--selected .side-nav__sub {
  opacity: 1;
  visibility: visible;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  transform: translate(0, 0);
}
.side-nav__back {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  color: var(--m3-sys-primary);
}
.side-nav--collapsed .side-nav__title {
  font-size: 10px;
  text-align: center;
  padding: 0 0.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
@media (min-width: 576px) {
  .side-nav--collapsed .side-nav__title {
    display: none;
  }
}
@media (min-width: 576px) {
  .side-nav--collapsed .side-nav__icon {
    margin: auto;
  }
}
@media (max-width: 575.98px) {
  .side-nav--collapsed .side-nav__icon {
    position: relative;
  }
  .side-nav--collapsed .side-nav__icon:before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -2px;
    bottom: -2px;
    background: transparent;
    z-index: -1;
    border-radius: var(--border-radius-rounded);
    transition: all 0.3s ease-in-out;
  }
  .side-nav--collapsed .side-nav__link:hover,
  .side-nav--collapsed .side-nav__item--selected,
  .side-nav--collapsed .side-nav__link--active {
    --fill-color: var(--m3-sys-surface-variant);
    --nav-link-bg: transparent;
    color: var(--m3-sys-on-surface);
  }
  .side-nav--collapsed .side-nav__link:hover .side-nav__icon,
  .side-nav--collapsed .side-nav__item--selected .side-nav__icon,
  .side-nav--collapsed .side-nav__link--active .side-nav__icon {
    color: var(--m3-sys-on-secondary-container);
  }
  .side-nav--collapsed .side-nav__link:hover .side-nav__icon:before,
  .side-nav--collapsed .side-nav__item--selected .side-nav__icon:before,
  .side-nav--collapsed .side-nav__link--active .side-nav__icon:before {
    background: var(--fill-color);
  }
}
.side-nav__divider {
  margin-top: auto;
  border: 0;
  background: transparent;
}
.side-nav__divider + .side-nav__item {
  margin-top: var(--space-s);
}
@media (min-width: 576px) {
  .side-nav__sub-container {
    height: 100%;
    overflow: auto;
    display: block;
    padding: var(--space-m);
  }
}
@media (max-width: 575.98px) {
  .side-nav__item--more .side-nav__link {
    --nav-link-padding: 10px 16px;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
  }
  .side-nav__item--more .side-nav__icon {
    margin-inline-end: var(--space-base);
  }
  .side-nav__item--more .side-nav__sub {
    position: fixed;
    top: 0;
    box-shadow: none;
    display: none;
    height: 100%;
    overflow: auto;
  }
  .side-nav__item--more.side-nav__item--selected .side-nav__sub {
    display: block;
  }
}
.side-nav__sub-title {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.4em;
  color: var(--m3-sys-primary);
  margin: calc(-1 * var(--space-m)) calc(-1 * var(--space-m)) 0.4em calc(-1 * var(--space-m));
  padding: var(--space-m) var(--space-xl);
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
}
.nav-bottom-sheet.mat-bottom-sheet-container {
  max-height: 70vh;
}
.side-nav__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--m3-ref-primary-primary25);
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
.side-nav__backdrop--show {
  visibility: visible;
  opacity: 0.1;
  transition: all 0.3s ease-in-out;
}
.side-nav--items {
  overflow: hidden;
  overflow-y: scroll;
  height: 85vh;
}
@media (max-width: 1299.98px) {
  .side-nav__sub--sales {
    top: -74px;
  }
  .side-nav__sub--sales::before {
    top: 95px;
  }
}
.divider {
  margin: var(--space-m) 0;
  border: 1px solid var(--m3-sys-outline-variant);
  background: transparent;
}
.divider + .side-nav__item {
  margin-top: var(--space-s);
}
body .nav-drawer {
  background-color: var(--color-surface-2);
  height: auto;
}
body .nav-drawer .side-nav__link--active {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--active--transparent {
  background: transparent;
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--active--grey-1 {
  background-color: var(--m3-state-layers-surface-opacity-08);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--active--grey-2 {
  background-color: var(--m3-state-layers-surface-opacity-12);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--active--secondary-1 {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--active--secondary-2 {
  background-color: var(--m3-state-secondary-container-opacity-08);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--active--secondary-3 {
  background-color: var(--m3-state-secondary-container-opacity-12);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--active--on-grey-1 {
  background-color: var(--m3-state-layers-on-surface-opacity-08);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--active--on-grey-2 {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link {
  height: 3.5rem;
}
body .nav-drawer .side-nav__link--transparent {
  background: transparent;
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--grey-1:hover {
  background-color: var(--m3-state-layers-surface-opacity-08);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--grey-2:hover {
  background-color: var(--m3-state-layers-surface-opacity-12);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--secondary-1:hover {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--secondary-2:hover {
  background-color: var(--m3-state-layers-secondary-container-opacity-08);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--secondary-3:hover {
  background-color: var(--m3-state-layers-secondary-container-opacity-12);
  color: var(--m3-sys-on-secondary-container);
}
body .nav-drawer .side-nav__link--on-grey-1:hover {
  background-color: var(--m3-state-layers-on-surface-opacity-08);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__link--on-grey-2:hover {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
  color: var(--m3-sys-on-surface-variant);
}
body .nav-drawer .side-nav__icon + .side-nav__title {
  line-height: 1.5rem;
}
@-webkit-keyframes IndicatorAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes IndicatorAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes IndicatorAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes IndicatorAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.starred-indicator {
  position: absolute;
  inset-inline-start: 4px;
  opacity: 0;
  -webkit-animation: IndicatorAnimation 1s ease-in-out;
  -moz-animation: IndicatorAnimation 1s ease-in-out;
  -o-animation: IndicatorAnimation 1s ease-in-out;
  animation: IndicatorAnimation 1s ease-in-out;
}
.loading {
  position: fixed;
  top: -1px;
  left: 0;
  z-index: 999;
  width: 100%;
}
.loading .mat-progress-bar-buffer {
  background-color: transparent;
}
.loading .mat-progress-bar-background {
  fill: transparent;
}
.callback-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.loading-dots {
  clip-path: inset(0 1ch 0 0);
  animation: l 1s steps(4) infinite;
}
@keyframes l {
  to {
    clip-path: inset(0 -1ch 0 0);
  }
}
[dir=rtl] .loading-dots {
  clip-path: inset(0 0 0 1ch);
  animation: r 1s steps(4) infinite;
}
@keyframes r {
  to {
    clip-path: inset(0 0 0 -1ch);
  }
}
.mat-primary.mdc-button .mat-mdc-progress-spinner circle {
  stroke: var(--m3-white);
}
.dialog--md {
  width: 55vw;
}
@media (max-width: 575.98px) {
  .dialog--md {
    width: 95vw !important;
  }
}
.dialog--sm {
  width: 30vw;
}
@media (max-width: 575.98px) {
  .dialog--sm {
    width: 95vw !important;
  }
}
.dialog__header {
  color: var(--m3-sys-on-surface);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2em;
  border-bottom: 1px solid var(--m3-sys-outline-variant);
  padding-bottom: 10px;
}
.dialog__header .typo-title {
  margin: 0;
}
.no_border-bottom {
  border-bottom: unset !important;
}
.dialog__footer {
  border-top: 1px solid var(--m3-sys-outline-variant) !important;
}
.dialog__footer--justify {
  justify-content: space-between;
}
.no_border-top {
  border-top: unset !important;
}
.dialog__height {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  .dialog__height {
    height: fit-content;
  }
}
.dialog__height mat-dialog-content {
  max-height: 100%;
  padding: 8px 24px !important;
  margin: 0 -24px;
}
.dialog__height .dialog__footer {
  margin-top: auto !important;
}
body .mat-dialog-content {
  max-height: 100%;
}
.items__total-costs {
  margin: 20px 0;
}
[dir=rtl] .items__total-costs strong {
  margin-left: 10px;
  margin-right: 0;
}
[dir=ltr] .items__total-costs strong {
  margin-left: 0;
  margin-right: 10px;
}
.stock-items-modal .modal-content .card-button {
  box-shadow: none;
  border: 2px solid #e2e2e2;
}
.stock-items-modal .modal-content .card-button:hover {
  border-color: #0091ea;
}
.modal {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3215686275);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal-content {
  --bg: var(--m3-sys-background);
  --fg: var(--color-surface-1);
  background-color: var(--m3-sys-background);
  display: block;
  padding: 24px;
  border-radius: 4px;
  width: 80%;
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  color: var(--m3-sys-on-surface);
}
.modal-content--sm {
  width: 50%;
}
@media (max-width: 575.98px) {
  .modal-content--sm {
    width: 80vw !important;
  }
}
.modal__body {
  max-height: calc(100vh - 18em) !important;
  overflow: initial;
}
.animate {
  animation: zoom 0.2s;
}
@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.confirm-modal {
  width: 80vw;
  max-width: 400px;
}
.full-screen-modal {
  width: 100vw !important;
  height: 100vh !important;
}
.full-screen-modal .modal__body {
  max-height: calc(100vh - 6.8em) !important;
}
.dialog-full-screen {
  width: 100%;
  height: 100%;
  max-width: none;
}
.dialog-full-screen .mat-dialog-content {
  height: 100% !important;
  overflow: hidden;
  padding: var(--space-m) !important;
  height: auto !important;
}
body .mdc-dialog__content {
  flex-grow: unset;
}
body .mat-mdc-dialog-container {
  box-shadow: none;
  --bg: var(--m3-sys-surface);
  --fg: var(--color-surface-1);
  padding: 24px;
  position: relative;
  border-radius: var(--border-radius-rounded);
  overflow: auto;
  height: auto;
}
body .mat-mdc-dialog-container .lists-card {
  background: transparent;
}
body .mat-dialog-actions {
  min-height: 4.5rem;
}
body .mdc-dialog__title::before {
  display: none;
}
.has-datepicker mat-dialog-container {
  overflow: visible !important;
}
.has-datepicker mat-dialog-container .mat-mdc-dialog-content {
  overflow: visible !important;
}
.typo-title,
.log-footer {
  color: var(--m3-sys-on-surface);
}
.log-content,
.log-content-details {
  background-color: var(--m3-sys-surface-variant) !important;
}
.log-content .log-content-header strong,
.log-content .log-content-header span,
.log-content .log-content-create-title,
.log-content-details .log-content-header strong,
.log-content-details .log-content-header span,
.log-content-details .log-content-create-title {
  color: var(--m3-sys-on-surface-variant) !important;
}
.log-content-details {
  margin-bottom: 0 !important;
}
.log-content__collapsable .mat-expansion-panel-header {
  background-color: var(--m3-sys-surface-variant) !important;
}
.mat-expansion-panel-header-title {
  color: var(--m3-sys-on-surface-variant) !important;
}
.mat-expansion-panel-body {
  color: var(--m3-sys-on-surface) !important;
}
.log-content-details strong {
  color: var(--m3-sys-on-surface-variant) !important;
}
.log-content-details .original-value {
  color: var(--m3-sys-on-surface-variant) !important;
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: var(--m3-sys-on-surface-variant) !important;
}
.log-content-details .mat-icon {
  color: var(--m3-sys-on-surface-variant) !important;
}
.log-content-create {
  background-color: var(--m3-sys-secondary-container) !important;
}
.log-content-create .log-content-header strong,
.log-content-create .log-content-header span,
.log-content-create .log-content-create-title {
  color: var(--m3-sys-on-secondary-container) !important;
}
@media (max-width: 575.98px) {
  .animate__slideInRight {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.dialog-content {
  max-height: 70vh;
  overflow: auto;
}
@media (max-width: 1299.98px) {
  .dialog__height mat-dialog-content {
    max-height: 70vh;
    overflow: auto;
  }
}
.dialog__overflow_visible mat-dialog-content {
  overflow: visible;
}
@media print {
  @page {
    overflow: hidden;
  }
  .cdk-global-scrollblock {
    overflow: auto !important;
    position: static !important;
    width: auto !important;
  }
  .cdk-overlay-container {
    position: absolute !important;
    height: fit-content !important;
  }
  .cdk-global-overlay-wrapper {
    position: relative !important;
    height: fit-content !important;
  }
  body .mat-dialog-container {
    position: relative !important;
    height: fit-content !important;
    max-height: initial !important;
    border-radius: unset;
  }
  body .mat-dialog-container::-webkit-scrollbar {
    width: 0 !important;
  }
  .dialog__height .mat-dialog-content {
    max-height: 100%;
    padding: 8px 16px !important;
  }
  .dialog__height {
    height: auto !important;
  }
  .print-none {
    display: none;
    visibility: hidden;
  }
  *::-webkit-scrollbar {
    width: 0 !important;
  }
  * {
    -ms-overflow-style: none;
  }
  * {
    overflow: -moz-scrollbars-none;
  }
}
body .mat-dialog-no-scroll .mat-dialog-container,
body .mat-dialog-no-scroll .mat-dialog-content {
  overflow: visible;
}
.dialog-content-overflow-auto .mat-dialog-content {
  overflow-y: auto;
}
body .dialog-content {
  max-height: 75vh;
}
body .dialog-content p {
  font-size: var(--font-size-s);
  font-weight: 400;
}
body .dialog--h-50 .dialog-content {
  max-height: 50vh;
}
body .dialog-header {
  margin-bottom: var(--space-base);
}
body .dialog--center .dialog-header {
  text-align: center;
}
.mat-dialog-content .lists-card {
  background: none;
}
.mat-dialog-content .lists-card .mat-list-base .mat-list-item .mat-list-item-content-reverse,
.mat-dialog-content .lists-card .mat-list-base .mat-list-option .mat-list-item-content-reverse {
  padding: var(--space-s) var(--space-none) !important;
}
.mat-dialog-content .lists-card .mat-list-base .mat-list-option,
.mat-dialog-content .lists-card .mat-list-item-content {
  border-bottom: 1px solid var(--m3-sys-outline-variant);
}
.mat-dialog-content .lists-card .mat-list-base .mat-list-option:last-child,
.mat-dialog-content .lists-card .mat-list-item-content:last-child {
  border-bottom: 0;
}
.mat-dialog-content .lists-card .mat-list-option:hover,
.mat-dialog-content .lists-card .mat-list-option:focus,
.mat-dialog-content .lists-card .mat-nav-list .mat-list-item:hover,
.mat-dialog-content .lists-card .mat-nav-list .mat-list-item:focus,
.mat-dialog-content .lists-card .mat-action-list .mat-list-item:hover,
.mat-dialog-content .lists-card .mat-action-list .mat-list-item:focus {
  background: none;
}
body .mat-mdc-dialog-container .mdc-dialog__surface {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
  overflow: unset;
}
body .mat-mdc-dialog-container .mdc-dialog__title {
  color: var(--m3-sys-on-surface);
  font-size: var(--font-size-h4);
  padding-left: 0;
  padding-right: 0;
}
body .mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content {
  color: var(--m3-sys-on-surface);
}
.mat-mdc-dialog-title {
  margin: 0 0 8px;
  display: block;
}
body .mdc-dialog__actions {
  padding: 8px 0 !important;
  align-items: center !important;
  box-sizing: content-box !important;
  margin-bottom: -24px;
}
body .dialog-md .mat-dialog-content {
  padding: 8px 24px !important;
}
body .mat-mdc-dialog-container-with-actions .mat-mdc-dialog-content {
  display: block;
  margin: 0 -24px;
  padding: 8px 24px;
  max-height: 100%;
  overflow: auto;
}
body .mdc-dialog__container {
  min-width: 100% !important;
}
body .mat-mdc-dialog-container .mdc-dialog__content {
  color: var(--color);
}
body .mdc-dialog__content > p {
  margin-bottom: 1rem !important;
}
body .mat-bottom-sheet-container {
  box-shadow: none;
  position: relative;
  padding: var(--space-xxl) var(--space-l) var(--space-m) var(--space-l);
  border-top-left-radius: var(--border-radius-rounded);
  border-top-right-radius: var(--border-radius-rounded);
}
.chat-box {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 100;
  display: flex;
}
@media (min-width: 0) and (max-width: 991px) {
  .chat-box {
    transform: translate(77vw, 82vh) !important;
  }
}
.chat-box:hover .chat-box__handle {
  opacity: 1;
}
[dir=rtl] .chat-box {
  right: auto;
  left: 15px;
}
.chat-box__handle {
  color: var(--m3-sys-on-surface-variant);
  cursor: move;
  bottom: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#fc_frame,
#fc_push_frame {
  position: fixed !important;
  bottom: 60px !important;
  right: 20px !important;
  left: auto !important;
}
div.chat-fc-form-outer {
  position: fixed !important;
  bottom: 60px !important;
  right: 20px !important;
  left: auto !important;
}
.network-status.offline {
  position: fixed;
  top: 25%;
  right: -55px;
  background: var(--m3-sys-error);
  width: auto;
  z-index: 99999999999;
  padding: 0 16px;
  text-align: center;
  transform: rotate(-90deg);
  color: var(--m3-sys-on-error);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  opacity: 1;
  line-height: 1.7;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .network-status.offline {
    transition: none;
  }
}
.network-status.offline:hover {
  opacity: 1;
}
[dir=rtl] .network-status.offline {
  right: auto;
  left: -70px;
  transform: rotate(90deg);
}
body .intercom-namespace .intercom-messenger-frame {
  height: min(700px, 100% - 160px);
  max-height: 700px;
  transform-origin: center center;
  right: 20px;
  left: auto;
  top: 72px;
}
body[data-intercom-origin=origin-1] .intercom-namespace .intercom-messenger-frame {
  transform-origin: left top;
}
body[data-intercom-origin=origin-2] .intercom-namespace .intercom-messenger-frame {
  transform-origin: left bottom;
}
body[data-intercom-origin=origin-3] .intercom-namespace .intercom-messenger-frame {
  transform-origin: right top;
}
body[data-intercom-origin=origin-4] .intercom-namespace .intercom-messenger-frame {
  transform-origin: right bottom;
}
[dir=rtl] .intercom-namespace .intercom-messenger-frame {
  left: 20px !important;
  right: auto !important;
}
.mat-flat-button.mat-primary .mat-icon {
  color: var(--m3-sys-on-pimary);
  margin-inline-end: var(--space-s);
}
.mat-icon .mat-flat-button.mat-primary [dir=rtl] {
  line-height: 1.2;
}
[dir=rtl] .mat-flat-button.mat-primary .mat-icon {
  line-height: 1.2;
  margin-inline-end: auto;
  margin-inline-start: var(--space-s);
}
button.dropdown-item.ng-star-inserted {
  border: none;
  padding: 1rem;
  margin-left: 0 !important;
  cursor: pointer;
  color: var(--m3-sys-on-background);
  background-color: var(--color-surface-5);
}
button.dropdown-item.ng-star-inserted:hover {
  background: var(--m3-sys-secondary-container);
}
button.dropdown-item.ng-star-inserted.active {
  background: var(--m3-sys-secondary-container);
}
.sales-order__head-field .dropdown-menu {
  display: flex;
  flex-direction: column;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--m3-sys-secondary-container);
}
.dark-theme .dropdown-menu {
  --bg: var(--m3-black);
  --fg: var(--m3-sys-secondary-container);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg) !important;
}
.light-theme .dropdown-menu {
  --bg: var(--m3-white);
  --fg: var(--m3-sys-secondary-container);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg) !important;
}
.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel {
  background-color: var(--m3-sys-background) !important;
  padding: 0 !important;
}
.mat-mdc-select-panel .mat-mdc-option,
.mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: var(--font-size-base);
  background: var(--m3-state-layers-surface-tint-opacity-08) !important;
  color: var(--m3-sys-on-surface) !important;
}
.mat-mdc-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.mat-mdc-select-panel .mat-mdc-option:focus:not(.mat-mdc-option-disabled),
.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mat-mdc-option-disabled) {
  background: var(--m3-sys-secondary-container) !important;
}
.mat-primary .mat-mdc-option.mat-selected:not(.mat-mdc-option-disabled) {
  color: var(--m3-sys-primary) !important;
}
.dropdown-menu--dialog .dropdown-menu {
  width: 100% !important;
}
.mat-option.mat-active {
  background: var(--m3-sys-secondary-container) !important;
}
.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  background-color: var(--m3-sys-secondary-container) !important;
}
.user-profile {
  display: flex;
  line-height: 1.4;
  text-align: start;
  align-items: center;
}
.user-profile__avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  margin-inline-end: var(--space-s);
  padding: var(--space-none);
  background-color: var(--m3-sys-secondary);
  color: var(--m3-sys-on-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-profile__account {
  display: flex;
  flex-direction: column;
  font-size: var(--typo-label-medium);
}
.user-profile__account-name {
  color: var(--m3-sys-on-surface);
  letter-spacing: 0.5px;
  font-weight: var(--font-medium);
  text-transform: capitalize;
}
.user-profile__account-organization {
  font-size: 0.9em;
  color: var(--m3-sys-outline);
  letter-spacing: 0.5px;
  font-weight: var(--font-medium);
  margin-top: 2px;
}
body .mat-mdc-icon-button .user-profile__mob-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.fixed-assets__card {
  background-color: #fff;
  padding: 2em 2.5em;
}
.fixed-assets__card-title,
.fixed-assets__card-sub-title {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 1.5em;
}
.fixed-assets__card-sub-title {
  font-size: 1.1em;
}
.form-control-inline .mat-form-field + .mat-form-field {
  margin-left: 1em;
}
.fixed__btn--md button {
  min-width: 100px;
}
.fixed-assets__button mat-icon {
  margin-right: 1em;
}
.fixed-assets__banner {
  margin-bottom: 2em;
}
.fixed-assets__banner img {
  width: 100%;
}
.fixed-assets__banner2 {
  margin-bottom: 2em;
}
.fixed-assets__sep {
  display: flex;
  justify-content: center;
}
.fixed-assets__sep:after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.fixed-assets__message {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}
.form-control-flex {
  display: flex;
  flex-direction: column;
}
.fixed-assets__upload-control {
  height: 100%;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  padding: 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.fixed-assets__upload-row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  max-width: 230px;
}
/*!
 * animate.css - https://animate.style/
 * Version - 4.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1 ;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.percentage-bar {
  border: 1px solid #ddd;
  width: 100%;
  height: 10px;
  box-shadow: 0px 0px 2px 1px #ddd;
  display: flex;
  justify-content: space-between;
}
.percentage-bar span {
  height: 100%;
  background: #1a4567;
  padding: 0;
  margin: 0;
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.percentage-bar__percent {
  font-size: 10px !important;
  padding: 0 3px;
}
@media print {
  .percentage-bar span {
    background-color: #1a4567 !important;
    background-image:
      linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent);
    -webkit-print-color-adjust: exact;
  }
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-checked:after,
.ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate:after {
  color: #0091ea;
}
:root {
  --ag-checkbox-checked-color: var(--m3-sys-primary);
  --ag-selected-tab-underline-color: var(--m3-sys-primary);
  --ag-range-selection-border-color: var(--m3-sys-primary);
}
.ag-watermark {
  display: none !important;
}
.ag-theme-material {
  color: var(--m3-sys-on-surface);
}
.ag-theme-material .ag-tool-panel-wrapper {
  width: 300px;
  border-inline-start: 1px solid var(--m3-sys-outline-variant);
  border-top: 0;
  background-color: var(--m3-sys-surface);
}
@media (max-width: 575.98px) {
  .ag-theme-material .ag-tool-panel-wrapper {
    width: 100% !important;
  }
}
.ag-theme-material .ag-side-buttons {
  color: var(--m3-sys-on-surface);
  background-color: var(--m3-sys-surface);
}
.ag-theme-material .ag-checkbox-input-wrapper:focus-within,
.ag-theme-material .ag-checkbox-input-wrapper:active {
  box-shadow: none !important;
  outline: none;
}
.ag-theme-material .ag-checkbox-input-wrapper input {
  cursor: pointer !important;
}
.ag-cell {
  display: inline-grid;
  align-items: center;
}
.ag-floating-bottom {
  overflow: auto !important;
}
.ag-theme-material button.ag-side-button-button {
  min-height: 9em !important;
}
.filter-panel__date-range .md-drppicker {
  top: auto !important;
  left: unset !important;
  right: 3em !important;
  position: fixed !important;
}
.filter-panel__date-range--center .md-drppicker {
  top: 25vh !important;
}
[dir=rtl].filter-panel__date-range .md-drppicker {
  left: 3em !important;
  right: unset !important;
}
.panel-wrapper-block .ag-tool-panel-wrapper {
  display: block;
}
.ag-theme-material .ag-rtl .ag-menu-option-icon,
.ag-theme-material .ag-rtl .ag-compact-menu-option-icon {
  padding-top: 16px;
}
body .ag-filter-view .ag-header-cell-sortable:hover,
body .ag-filter-view .ag-header-cell:hover,
body .ag-filter-view .ag-header-group-cell:hover {
  background-color: var(--m3-sys-surface) !important;
  cursor: default;
}
body .ag-filter-view .ag-header-cell-sortable::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 2;
}
.mobile-dir {
  display: inline-block;
  direction: ltr;
}
.ag-overlay-wrapper svg g {
  fill: currentColor;
}
.ag-cell-label-container,
.ag-header-cell-label {
  justify-content: start;
}
.ag-grid-number-column .ag-cell-label-container,
.ag-grid-number-column .ag-header-cell-label {
  justify-content: end;
}
.ag-grid-center-column .ag-cell-label-container,
.ag-grid-center-column .ag-header-cell-label {
  justify-content: center;
}
.ag-pinned-right-header,
.ag-pinned-left-header,
.ag-cell.ag-cell-first-right-pinned,
.ag-cell.ag-cell-last-left-pinned {
  border: none !important;
  line-height: initial;
}
.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  border: none !important;
  overflow: hidden !important;
}
.ag-total {
  font-size: var(--font-size-s);
  font-weight: var(--font-light);
  line-height: 20px;
  color: var(--m3-sys-on-surface);
  margin-bottom: 0;
  margin-top: var(--space-s);
}
.light-theme .highlight-animation {
  animation: light-highlight-animation 2s ease-out;
}
@keyframes light-highlight-animation {
  0% {
    background-color: #fcfcff;
  }
  50% {
    background-color: #fcf3e1;
  }
  100% {
    background-color: #fcfcff;
  }
}
.dark-theme .highlight-animation {
  animation: dark-highlight-animation 2s ease-out;
}
@keyframes dark-highlight-animation {
  0% {
    background-color: #1b1c1e;
  }
  50% {
    background-color: #5a4300;
  }
  100% {
    background-color: #1b1c1e;
  }
}
.ag-dnd-ghost {
  max-height: 50px !important;
  max-width: max-content !important;
  background-color: var(--m3-sys-surface);
}
.ag-menu-separator {
  height: 1px;
}
.ag-theme-material .ag-cell .ag-checkbox-input-wrapper input,
.ag-theme-material .ag-header-cell .ag-checkbox-input-wrapper input {
  box-sizing: content-box;
  transform: translate(-36%, -30%);
  padding: 12px 22px;
}
.ag-theme-material .ag-rtl .ag-cell .ag-checkbox-input-wrapper input,
.ag-theme-material .ag-rtl .ag-header-cell .ag-checkbox-input-wrapper input {
  transform: translate(36%, -30%);
}
.ag-theme-material .mdc-checkbox {
  margin-inline-end: unset !important;
}
.ag-theme-material .ag-column-first:has(.ag-header-select-all:not(.ag-hidden)) .ag-header-select-all {
  margin: 0 !important;
  z-index: 2;
}
.ag-theme-material .ag-column-first:has(.ag-header-select-all:not(.ag-hidden)) .ag-header-cell-comp-wrapper {
  display: none !important;
}
.slide-toggle--soft {
  --bg-color: var(--m3-sys-on-surface);
  --color: var(--m3-sys-on-surface);
  --border-radius: 5px;
  --width: 3.25rem;
  --height: 2rem;
  --thumb-margin: 3px;
}
.slide-toggle--soft.mat-mdc-slide-toggle {
  border-radius: var(--border-radius-rounded);
  position: relative;
}
.slide-toggle--soft.mat-mdc-slide-toggle .mat-slide-toggle-bar {
  background-color: var(--m3-sys-light-surface-variant);
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius-rounded);
}
.slide-toggle--soft.mat-mdc-slide-toggle:after {
  display: flex;
  padding: 0 0.625rem;
  font-size: 0.8rem;
  font-weight: bold;
  align-items: center;
  color: var(--color);
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide-toggle--soft.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:after {
  content: attr(data-on);
}
.slide-toggle--soft.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mat-slide-toggle-thumb-container {
  transform: translate(0, 0);
  left: auto;
  right: 6px;
}
.slide-toggle--soft.mat-mdc-slide-toggle:not(.mat-mdc-slide-toggle-checked):after {
  content: attr(data-off);
  justify-content: flex-end;
}
.slide-toggle--soft.mat-mdc-slide-toggle:not(.mat-mdc-slide-toggle-checked) .mat-slide-toggle-thumb-container {
  transform: translate(0, 0);
  left: 6px;
  right: auto;
}
[dir=rtl] .slide-toggle--soft.mat-mdc-slide-toggle:not(.mat-mdc-slide-toggle-checked) .mat-slide-toggle-thumb-container {
  right: 6px;
  left: auto;
}
.input-group__toggle {
  position: relative;
  display: flex;
  align-items: center;
}
.input-group__toggle .input-group__toggle--btn {
  position: absolute;
  height: 100px;
  z-index: 99;
  right: 8px;
  top: calc(100% - 82px);
}
.input-group__toggle--btn-rtl {
  right: unset !important;
  left: 8px;
}
body .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--m3-sys-secondary-container);
}
.mat-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: var(--m3-state-layers-on-surface-opacity-12);
  border-color: transparent;
}
.mat-slide-toggle.mat-checkedmat-disabled .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: var(--m3-sys-surface);
}
.slide-toggle--soft.mat-slide-toggle:after {
  color: var(--m3-sys-on-secondary-container);
}
.slide-toggle--soft.mat-mdc-slide-toggle .mat-slide-toggle-bar {
  background-color: var(--m3-sys-secondary-container);
  border: 1px solid var(--m3-sys-primary);
}
[dir=rtl] .custom-toggle mat-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle {
  transform: translate(0px, -10px) scale(1) !important;
}
.custom-toggle .mdc-switch__track {
  border-color: var(--m3-sys-primary) !important;
}
.custom-toggle .mdc-switch:enabled .mdc-switch__track::after {
  background-color: var(--m3-sys-secondary-container);
}
.custom-toggle .mdc-switch:enabled .mdc-switch__track::before {
  background-color: var(--m3-sys-secondary-container);
}
.custom-toggle .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before {
  background-color: var(--m3-sys-secondary-container) !important;
}
.custom-toggle .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
  background-color: var(--m3-sys-secondary-container) !important;
}
.custom-toggle .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before {
  background-color: var(--m3-sys-secondary-container) !important;
}
body .custom-toggle .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after {
  background-color: var(--m3-sys-secondary-container) !important;
}
.slide-toggle--soft.mat-mdc-slide-toggle:after {
  font-size: 0.8em;
  font-weight: 700;
}
.slide-toggle--soft.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:after {
  content: attr(data-on);
  width: fit-content;
}
.custom-toggle .slide-toggle--soft.mat-mdc-slide-toggle:after {
  color: var(--m3-sys-on-secondary-container);
  padding: 0 10px;
  font-size: 0.8em;
  font-weight: 700;
  color: var(--color);
  position: absolute;
  right: 4px;
  top: 0;
  width: fit-content;
}
.custom-toggle .mat-mdc-slide-toggle-checked.mat-mdc-slide-toggle:after {
  left: 0;
}
[dir=rtl] .custom-toggle .slide-toggle--soft.mat-mdc-slide-toggle:after {
  left: 2px;
  right: auto;
}
[dir=rtl] .custom-toggle .mat-mdc-slide-toggle-checked.mat-mdc-slide-toggle:after {
  right: 2px;
  left: auto;
}
body .mdc-card {
  position: relative;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: none !important;
}
body .mdc-card:not([class*=mat-elevation-z]) {
  box-shadow: var(--m3-sys-elevation-2);
}
body .mdc-card .mdc-card__actions:last-child {
  margin: var(--space-l) var(--space-none) var(--space-none) var(--space-none);
  padding: 0;
}
body .mat-mdc-card-image {
  width: calc(100% + 2rem);
  margin: 0 -1rem 1rem -1rem;
  height: 188px;
  object-fit: cover;
}
body .mat-mdc-card-header {
  align-items: center;
  padding: 0;
}
body .mat-mdc-card-header .mat-mdc-card-header-text {
  flex: 1;
  margin-inline-start: var(--space-base);
  margin-inline-end: 0;
}
body .mat-mdc-card-header.mat-card-header--no-margin .mat-mdc-card-header-text {
  margin: 0;
}
body .mat-mdc-card-header .mat-mdc-card-title {
  color: var(--m3-sys-on-surface);
  font-size: var(--font-size-medium);
  line-height: 20px;
}
body .mat-mdc-card-header .mat-mdc-card-subtitle {
  color: var(--m3-sys-on-surface);
}
body .mat-mdc-card-header .mat-mdc-card-subtitle:not(:first-child) {
  margin-top: 0;
}
body .mat-mdc-card-header + * {
  margin-top: var(--space-base);
}
body .mat-mdc-card-content {
  color: var(--m3-sys-on-surface-variant);
  padding: 0;
}
body .card-outlined {
  background: var(--m3-sys-surface);
  border: 1px solid var(--m3-sys-outline-variant);
}
body .card-outlined:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
body .card-filled {
  --bg: var(--m3-sys-surface-variant);
}
body .card-filled:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.box-shadow-none {
  box-shadow: none !important;
}
.background-inherit {
  background: inherit !important;
}
.bg-light {
  background-color: var(--m3-sys-surface-variant) !important;
  color: var(--m3-sys-on-surface-variant) !important;
}
.dark-theme .card-back-drop {
  background-color: transparent !important;
  border: 2px solid var(--m3-sys-surface-variant);
}
body .mat-mdc-card-avatar ~ .mat-mdc-card-header-text .mat-mdc-card-title,
body .mat-mdc-card-avatar ~ .mat-mdc-card-header-text .mat-mdc-card-subtitle {
  padding: 0;
}
body .mat-mdc-card-avatar {
  margin-bottom: 0;
}
body .mat-mdc-card-title {
  color: var(--m3-sys-on-surface);
  line-height: 20px;
}
body .mat-mdc-card-subtitle {
  color: var(--m3-sys-on-surface);
}
body .mat-mdc-card-subtitle ~ .mat-mdc-card-title,
body .mat-mdc-card-title ~ .mat-mdc-card-subtitle,
body .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title,
body .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-subtitle,
body .mat-mdc-card-title-group .mat-mdc-card-title,
body .mat-mdc-card-title-group .mat-mdc-card-subtitle {
  font-weight: var(--font-size-regular);
}
body .mat-mdc-card-content:last-child {
  padding: 0;
}
body .mat-mdc-card-footer {
  display: block;
}
body .mat-checkbox-frame {
  border-color: var(--m3-sys-on-surface);
}
body .mdc-checkbox__checkmark-path {
  stroke: var(--m3-sys-surface) !important;
}
body .mat-warn .mdc-checkbox__checkmark-path {
  stroke: var(--m3-sys-on-error) !important;
}
body .mdc-checkbox--disabled {
  opacity: 0.38;
}
body .mdc-checkbox--disabled .mat-checkbox-label {
  color: var(--m3-sys-on-surface);
}
body .mdc-checkbox--disabled.mat-mdc-checkbox-checked .mdc-checkbox__background,
body .mdc-checkbox--disabled.mat-checkbox-indeterminate .mdc-checkbox__background {
  background-color: var(--m3-sys-on-surface);
}
body .mat-pseudo-checkbox {
  color: var(--m3-sys-on-surface-variant);
  border-color: currentColor;
}
.mat-mdc-checkbox.checkbox_selectRow .mat-mdc-checkbox .mdc-form-field {
  height: 40px;
}
.radio-button-with-border {
  margin-bottom: var(--space-s);
  border: 1px dashed lightgray;
  border-radius: 28px;
  padding: 10px;
  width: 100%;
  margin-inline-start: -3px;
}
.radio-button-card {
  background-color: var(--color-surface-2);
  margin-bottom: var(--space-base);
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  width: 100%;
}
.radio-button-card.mat-mdc-radio-button .mat-internal-form-field {
  width: 100%;
}
.radio-button-card.mat-mdc-radio-button .mat-internal-form-field .mdc-label {
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}
.mat-mdc-checkbox {
  --mdc-checkbox-unselected-focus-icon-color: var(--m3-sys-on-surface);
}
.mat-mdc-checkbox-touch-target {
  height: fit-content !important;
  width: fit-content !important;
}
body .mat-radio-outer-circle {
  border-color: var(--m3-sys-on-surface-variant);
}
body .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
body .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: var(--m3-sys-on-surface);
}
body .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: var(--m3-sys-on-surface);
}
body .mat-radio-disabled {
  opacity: 0.38;
}
body .form-group__swtich .mat-slide-toggle {
  border-color: var(--m3-sys-on-surface);
  height: auto;
}
body .form-group__swtich .mat-slide-toggle .mat-slide-toggle-ripple {
  border-radius: 50%;
}
body .form-group__swtich .mat-slide-toggle-thumb {
  background-color: var(--m3-sys-outline);
}
body .form-group__swtich .mat-slide-toggle-bar {
  background-color: var(--m3-sys-surface-variant);
  width: 52px;
  height: 32px;
  border: 2px solid var(--m3-sys-outline);
  border-radius: var(--border-radius-rounded);
}
body .form-group__swtich .mat-slide-toggle-thumb-container {
  left: auto;
  right: 6px;
  top: 7px;
  width: 16px;
  height: 16px;
  transform: translate(-20px, 0px);
}
[dir=rtl] body .form-group__swtich .mat-slide-toggle-thumb-container {
  right: auto;
  left: 48px;
}
body .form-group__swtich .mat-slide-toggle-thumb {
  height: 16px;
  width: 16px;
}
body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  border-color: var(--m3-sys-primary);
}
body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--m3-sys-on-primary);
  border-color: var(--m3-sys-primary);
}
body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate(0px, 0px) scale(1.3);
}
[dir=rtl] body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate(-40px, 0px) scale(1.3);
}
body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: var(--m3-sys-on-primary);
}
body .form-group__swtich .mat-slide-toggle-thumb-container {
  width: 1rem;
  height: 1rem;
  right: 0.25rem;
  top: 0.35rem;
}
body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: none;
}
body .form-group__swtich .mat-checked .mat-slide-toggle-thumb-container {
  width: 1.5rem;
  height: 1.5rem;
  top: 0.15rem;
}
body .form-group__swtich .mat-slide-toggle.mat-disabled {
  opacity: 1;
}
body .form-group__swtich .mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container {
  top: 0.25rem;
}
body .form-group__swtich .mat-slide-toggle.mat-disabled .mat-slide-toggle-bar {
  border: 0;
}
body .form-group__swtich .switch-check.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  width: 1.5rem;
  height: 1.5rem;
}
body .form-group__swtich .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: unset;
}
body .form-group__swtich .switch-check .mat-slide-toggle-thumb {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/assets/images/close.svg);
  background-repeat: no-repeat;
  background-position: center;
}
body .form-group__swtich .switch-check .mat-slide-toggle-thumb-container {
  width: 1.5rem;
  height: 1.5rem;
  top: 0.1rem;
  right: 0.1rem;
}
body .form-group__swtich .switch-check.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: unset;
}
body .form-group__swtich .switch-check.mat-checked .mat-slide-toggle-thumb {
  background-image: url(/assets/images/check.svg);
  background-position: center;
}
body .form-group__swtich .switch-check--dark.mat-checked .mat-slide-toggle-thumb {
  background-image: url(/assets/images/check-dark.svg);
  background-position: center;
}
body .form-group__swtich .mat-slide-toggle .mat-slide-toggle-ripple {
  top: calc(50% - 1.25rem);
  left: calc(50% - 1.25rem);
  height: 2.5rem;
  width: 2.5rem;
}
body .form-group__swtich--row {
  width: 100%;
}
body .form-group__swtich--row .mat-mdc-slide-toggle {
  width: 100%;
}
body .form-group__swtich--row .mat-internal-form-field {
  width: 100%;
  justify-content: space-between;
}
body .form-group__swtich--row .mdc-form-field--align-end > label {
  margin-left: 0;
}
body .mat-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: var(--m3-sys-surface);
}
body .mdc-switch {
  width: 52px;
  height: 32px;
}
body .mdc-switch .mdc-switch__track {
  width: 100%;
  height: 100%;
}
body .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after {
  background-color: var(--m3-sys-primary);
}
body .mdc-switch:enabled .mdc-switch__track::after {
  background-color: var(--m3-sys-primary);
}
body .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
  background-color: var(--m3-sys-primary);
}
body .mdc-switch:enabled:active .mdc-switch__track::after {
  background-color: var(--m3-sys-primary);
}
body .mdc-switch .mdc-switch__track {
  border-radius: var(--border-radius-rounded);
  border: 2px solid var(--m3-sys-outline);
}
body .mdc-switch--checked .mdc-switch__track {
  border-color: transparent;
}
body .mdc-switch__icons {
  background-color: var(--m3-sys-outline);
  height: 16px;
  width: 16px;
  border-radius: 100px;
}
body .mdc-switch__icons svg {
  display: none;
}
body .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  display: none;
}
body .mdc-switch .mdc-switch__handle::before {
  display: none;
}
body .mdc-switch--checked .mdc-switch__icons {
  background-color: var(--m3-sys-on-primary);
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  border-radius: 100px;
}
body .mdc-switch--checked .mdc-switch__icons svg {
  display: none;
}
body .mdc-switch--checked .mdc-switch__handle {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
}
body .mdc-switch:enabled .mdc-switch__track::before {
  background-color: var(--m3-sys-surface-variant);
}
body .mdc-switch--checked .mdc-switch__handle-track {
  width: calc(90% - var(--mdc-switch-handle-width));
}
body .mdc-switch:enabled .mdc-switch__shadow {
  box-shadow: none;
}
body .mdc-switch:disabled .mdc-switch__shadow {
  display: none;
}
body .mdc-switch--unselected .mdc-switch__handle {
  width: 16px;
  height: 16px;
}
body .mdc-switch--unselected .mdc-switch__handle {
  left: 8px;
}
body .mdc-switch--checked .mdc-switch__handle {
  left: 0;
}
body .mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after {
  display: none;
}
body .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
  opacity: 1;
}
body .mdc-switch:disabled .mdc-switch__track {
  opacity: 1;
}
body .mdc-switch .mdc-switch__handle {
  border-radius: 100px;
}
body .mdc-switch:disabled .mdc-switch__track::after {
  background-color: var(--m3-sys-primary);
}
body .mdc-switch--checked.mdc-switch:disabled .mdc-switch__icons {
  background-color: var(--m3-sys-surface);
}
body .mdc-switch:enabled .mdc-switch__track::before {
  width: 52px;
  height: 32px;
}
[dir=rtl] body .mdc-switch--unselected .mdc-switch__handle {
  right: 8px;
}
body .mat-mdc-slide-toggle .mdc-form-field--align-end .mdc-label {
  padding-inline-end: 1rem;
  white-space: wrap;
}
body .mat-mdc-slide-toggle .mdc-form-field--align-end .mdc-switch {
  margin-inline-start: 1rem;
}
body .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: var(--m3-sys-on-surface-variant);
  opacity: 0.38;
}
body .mat-mdc-slide-toggle .mdc-switch--disabled {
  opacity: 0.38;
}
body .mat-mdc-menu-panel,
body .mat-mdc-menu-content {
  position: relative;
  box-shadow: var(--m3-elevation-light-2);
  border-radius: var(--border-radius-tiny);
}
body .mat-mdc-menu-panel .mat-mdc-menu-item,
body .mat-mdc-menu-content .mat-mdc-menu-item {
  color: var(--m3-sys-on-surface);
  font-size: var(--typo-title-small);
  font-weight: var(--font-regular);
  border-radius: var(--border-radius-rounded);
  display: flex;
  align-items: center;
}
body .mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon,
body .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon {
  color: currentColor;
}
body .mat-mdc-menu-panel .mat-mdc-menu-item svg,
body .mat-mdc-menu-content .mat-mdc-menu-item svg {
  fill: var(--m3-sys-on-surface);
}
body .mat-mdc-menu-panel .mat-mdc-menu-item[disabled],
body .mat-mdc-menu-content .mat-mdc-menu-item[disabled] {
  opacity: 0.4;
}
.mat-tooltip {
  background-color: var(--m3-sys-inverse-surface);
  color: var(--m3-sys-inverse-on-surface) !important;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.custom-menu .dropdown-menu {
  padding: 0 !important;
}
.custom-menu .list-item-content--full-width .mat-list-item-content {
  width: 100% !important;
}
.mat-input-element {
  color: var(--m3-sys-on-surface) !important;
}
.menu--form .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.menu--form .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
  width: 1.25rem;
  height: 1.25rem;
}
.menu--form .mat-form-field-appearance-outline .mat-form-field-prefix,
.menu--form .mat-form-field-appearance-outline .mat-form-field-suffix {
  display: flex;
  padding: 3px;
  border: 2px solid var(--m3-sys-on-surface-variant);
  border-radius: var(--border-radius-circle);
}
.menu--form .mat-mdc-icon-button:hover {
  background: transparent;
}
body .mat-mdc-menu-item .icon {
  fill: var(--m3-sys-on-surface);
}
body .user-menu .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 100%;
}
body .user-menu .mat-mdc-menu-content,
body .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-size: 14px;
}
body .mat-mdc-menu-content,
body .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  line-height: normal;
}
body .mat-mdc-menu-panel {
  overflow: hidden;
}
body .mat-mdc-menu-item:not([disabled]):hover {
  border-radius: 0;
}
body .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
}
body .mat-slider-horizontal .mat-slider-wrapper,
body .mat-slider-track-wrapper,
body .mat-slider-track-background,
body .mat-slider-track-fill,
body .mat-slider-ticks-container,
body .mat-slider-ticks {
  height: 4px !important;
}
body .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  background-color: var(--m3-sys-primary);
  border: 0;
}
body .mat-slider-thumb {
  transform: none;
}
body .mat-slider.mat-accent .mat-slider-track-fill,
body .mat-slider.mat-accent .mat-slider-thumb,
body .mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: var(--m3-sys-primary);
}
body .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
body .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: var(--m3-sys-primary);
}
body .mat-slider-track-background {
  background-color: var(--m3-sys-surface-variant);
}
body .mat-slider:hover .mat-slider-track-background,
body .mat-slider.cdk-focused .mat-slider-track-background {
  background-color: var(--m3-sys-surface-variant);
}
body .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
body .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: var(--m3-sys-primary);
}
body .mat-slider:not(.mat-slider-disabled).cdk-focused.mat-slider-thumb-label-showing .mat-slider-thumb {
  transform: none !important;
}
body .mat-slider-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .mat-slider-thumb::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
body .mat-slider-horizontal .mat-slider-thumb-label {
  top: -45px;
}
body .mat-slider-thumb:hover::before,
body .mat-slider-thumb:active::before,
body .mat-slider-thumb:focus::before {
  background-color: var(--m3-state-layers-light-primary-opacity-08);
}
body .mat-slider-thumb:hover ~ .mat-slider-thumb-label,
body .mat-slider-thumb:active ~ .mat-slider-thumb-label,
body .mat-slider-thumb:focus ~ .mat-slider-thumb-label {
  transform: rotate(45deg);
  border-radius: 50% 50% 0;
}
body .mat-slider-thumb:hover ~ .mat-slider-thumb-label .mat-slider-thumb-label-text,
body .mat-slider-thumb:active ~ .mat-slider-thumb-label .mat-slider-thumb-label-text,
body .mat-slider-thumb:focus ~ .mat-slider-thumb-label .mat-slider-thumb-label-text {
  opacity: 1;
}
body .mat-slider-thumb:active::before,
body .mat-slider-thumb:focus::before {
  background-color: var(--m3-state-layers-light-primary-opacity-12);
}
body .mat-slider-disabled .mat-slider-thumb,
body .mat-slider-disabled .mat-slider-track-fill {
  transform: none;
  background-color: var(--m3-sys-outline) !important;
}
body .mat-slider-disabled .mat-slider-thumb::before,
body .mat-slider-disabled .mat-slider-track-fill::before {
  display: none;
}
body .mat-slider-disabled .mat-slider-track-background {
  background-color: var(--m3-state-layers-on-surface-opacity-12) !important;
}
body .mat-mdc-slider .mdc-slider__track--active_fill {
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-slider .mdc-slider__thumb-knob {
  border-color: var(--m3-sys-primary);
  background-color: var(--m3-sys-primary);
}
body .mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  background-color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mat-mdc-slider .mdc-slider__thumb:hover .mdc-slider__thumb-knob {
  background-color: var(--m3-sys-primary);
  border-color: var(--m3-sys-primary);
}
body .mdc-slider__tick-marks {
  display: none;
}
body .mat-mdc-slider .mdc-slider__track--inactive {
  background-color: var(--m3-sys-surface-variant);
  opacity: 1;
}
body .mat-mdc-slider .mdc-slider__value-indicator {
  background-color: var(--m3-sys-primary);
  width: 28px;
  height: 28px;
  border-radius: 50% 50% 0;
  padding: 0;
  opacity: 1;
  left: 0;
}
body .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  transform: rotate(45deg);
  left: 0;
}
body .mat-mdc-slider .mdc-slider__value-indicator::before {
  border-top-color: var(--m3-sys-primary);
}
body .mat-mdc-slider .mdc-slider__value-indicator-text {
  font-size: var(--typo-label-small);
  color: var(--m3-sys-on-secondary);
  width: 100%;
  transform: rotate(-45deg) !important;
}
body .mat-mdc-slider .mdc-slider__value-indicator-container {
  transform: none;
  left: 0;
  bottom: 46px;
}
body .mdc-slider .mdc-slider__value-indicator::before {
  display: none;
}
body .mdc-slider .mdc-slider__tick-marks {
  display: none;
}
body .mat-mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  background-color: var(--m3-sys-surface-variant);
}
body .mat-mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
  background-color: var(--m3-sys-outline);
  border-color: var(--m3-sys-outline);
}
body .mat-mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  opacity: 1;
}
body .mat-mdc-slider.mdc-slider--disabled {
  opacity: 1;
}
body .mat-mdc-snack-bar-container {
  background-color: var(--m3-sys-inverse-surface);
  max-width: 100vw;
  border-radius: 4px;
}
body .mat-mdc-snack-bar-container .mat-icon {
  color: var(--m3-sys-inverse-on-surface);
}
body .mat-mdc-snack-bar-container .mat-button,
body .mat-mdc-snack-bar-container .mat-icon-button,
body .mat-mdc-snack-bar-container .mat-stroked-button {
  color: var(--m3-sys-inverse-primary);
  font-size: var(--typo-title-small);
}
body .mat-mdc-snack-bar-container .mat-mdc-button {
  padding: 0 12px;
  height: 40px;
  min-width: unset;
  letter-spacing: normal;
}
body .snackbar-wrapper {
  max-width: 345px;
}
body .snackbar-content {
  color: var(--m3-sys-inverse-on-surface);
  font-size: var(--font-size-s);
  line-height: 20px;
  margin-bottom: var(--space-s);
}
body .mat-mdc-snack-bar-container .snackbar-content .mat-icon {
  color: var(--m3-sys-inverse-on-surface);
}
body .mat-mdc-snack-bar-label {
  color: var(--m3-sys-inverse-on-surface);
  text-transform: unset !important;
}
body .snackbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .snackbar__title {
  color: var(--m3-sys-inverse-on-surface);
  font-size: var(--typo-title-small);
}
body .mat-mdc-snack-bar-container .mdc-snackbar__label {
  display: block;
  margin: 0;
}
body .mdc-snackbar__action .icon {
  fill: var(--m3-sys-inverse-primary);
}
body .mat-mdc-snack-bar-container .mdc-snackbar__label {
  color: var(--m3-sys-inverse-on-surface);
}
body .mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background-color: var(--m3-sys-inverse-surface);
}
body .mat-mdc-snack-bar-action .mdc-button__label {
  white-space: nowrap;
  width: 100%;
  color: inherit;
}
body .mat-progress-bar-buffer {
  background-color: var(--m3-sys-surface-variant);
}
body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
body .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--m3-sys-primary);
}
body .mdc-linear-progress__buffer-bar {
  background-color: var(--m3-sys-surface-variant);
}
body .mdc-linear-progress__bar-inner {
  border-color: var(--m3-sys-primary);
}
body .mat-divider {
  border-top-color: var(--m3-sys-outline-variant);
}
body .mat-divider.mat-divider-vertical {
  border-right-color: var(--m3-sys-outline-variant);
  height: -webkit-fill-available;
}
body .user-menu--organization-true {
  width: 330px;
  max-width: 330px;
}
body .user-menu {
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  transition: all 0.15s ease-in-out;
}
body .user-menu .dialog__height mat-dialog-content {
  max-height: 100%;
  padding: 8px 24px !important;
  margin: 0 -24px;
}
body .user-menu .mat-mdc-menu-item {
  color: var(--m3-sys-on-surface-variant);
  font-size: var(--typo-title-small);
  margin: var(--space-xs) var(--space-none);
  display: flex;
  justify-content: space-between;
}
body .user-menu .mat-mdc-menu-item .mat-icon {
  margin-inline-end: 0;
}
[dir=rtl] body .user-menu .mat-mdc-menu-item .mat-icon {
  margin-left: 0;
  transform: scaleX(-1);
}
body .user-menu .user-menu__inner .mat-mdc-menu-item-text {
  justify-content: space-between;
}
body .user-menu .user-menu__inner .card-filled {
  box-shadow: var(--m3-sys-elevation-1) !important;
}
[dir=rtl] body .user-menu .user-menu__inner-icon,
[dir=rtl] body .user-menu .menu-arrow {
  transform: scaleX(-1);
}
body .user-menu .menu-arrow {
  margin-inline-start: auto;
}
body .user-menu .mat-mdc-menu-content:not(:empty) {
  padding: var(--space-m) var(--space-base) var(--space-base);
  border-radius: 15px;
  box-shadow: none;
}
[dir=rtl] body .user-menu .mat-mdc-menu-content:not(:empty) {
  text-align: right;
  direction: rtl;
}
body .user-menu .mat-mdc-menu-item .mat-icon-no-color,
body .user-menu .mat-menu-submenu-icon {
  color: var(--m3-sys-on-surface-variant);
}
body .user-menu .user-menu__hide {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.1s linear;
}
body .user-menu .user-menu__show {
  opacity: 1;
  visibility: visible;
  display: flex;
  flex-direction: column;
  transition: all 0.2s linear;
}
body .user-menu .user-menu__show .mat-mdc-menu-item:not([disabled]):hover {
  border-radius: var(--border-radius-rounded);
}
body .user-menu .language-hide {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.1s linear;
}
body .user-menu .language-show {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s linear;
}
body .user-menu .search-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
body .user-menu .search-list {
  height: 100%;
  overflow: auto;
  border-radius: 0 0 28px 28px;
  min-height: 72px;
}
body .user-menu .user-menu__inner-header {
  position: sticky;
  top: 0;
}
body .user-menu__inner-title {
  font-size: var(--font-size-base);
  margin: 0;
  line-height: 40px;
  font-weight: 500;
  color: var(--m3-sys-on-surface);
}
body .user-menu__inner-button {
  display: flex;
  padding: var(--space-none) var(--space-m);
  width: 100%;
  color: var(--m3-sys-on-surface-variant);
  margin-bottom: var(--space-s);
}
body .user-menu__inner-button .mat-button-wrapper {
  justify-content: flex-start;
}
body .user-menu__inner-checked-icon {
  display: none;
}
body .user-menu__inner .user-menu__inner-button--selected {
  background-color: var(--m3-sys-secondary-container);
  color: var(--m3-sys-on-secondary-container);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .user-menu__inner .user-menu__inner-button--selected .user-menu__inner-checked-icon {
  display: block;
  font-size: 20px;
  text-transform: none;
}
body .user-menu__inner .user-menu__inner-button--selected .user-menu__inner-checked-icon svg {
  fill: var(--m3-sys-on-secondary-container);
}
body .user-menu__inner .mat-form-field-wrapper {
  padding-bottom: var(--space-none);
}
body .user-menu__inner .mat-form-field {
  margin-bottom: var(--space-m);
}
.user-menu__inner .mat-form-field-appearance-outline .mdc-notched-outline__leading {
  border-radius: 28px 0 0 28px !important;
  width: 40px !important;
}
.user-menu__inner .mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-radius: 0 28px 28px 0 !important;
}
.user-menu__inner .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  margin-inline-start: var(--space-base);
}
.user-menu__inner .mat-form-field-appearance-outline .mat-mdc-form-field-flex {
  padding: var(--space-none) var(--space-base);
  min-height: 44.8px !important;
}
.user-menu__inner .mat-form-field-appearance-outline mat-label:not(.form-placeholder),
.user-menu__inner .mat-form-field-appearance-outline .mat-placeholder-required {
  font-size: var(--typo-body-large);
  color: var(--m3-sys-on-surface-variant);
}
.user-menu__inner .mdc-text-field--outlined .mat-mdc-form-field-infix,
.user-menu__inner .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding: 12.8px 0;
}
.user-menu__inner .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
  --mat-mdc-form-field-label-offset-x: unset !important;
}
.user-menu__inner .mat-mdc-form-field-infix {
  min-height: 44.8px;
}
.user-menu__inner .mat-mdc-floating-label {
  margin-top: -0.6em;
  top: 1.91875em;
}
.user-menu__search-field .mat-form-field-prefix,
.user-menu__search-field .mat-form-field-suffix {
  height: 24px;
}
.user-menu__search-field .mat-input-element {
  line-height: 24px;
}
[dir=rtl] .user-menu__inner .mat-form-field-appearance-outline .mdc-notched-outline__leading {
  border-radius: 0px 28px 28px 0px !important;
}
[dir=rtl] .user-menu__inner .mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-radius: 28px 0px 0px 28px !important;
}
body .mat-mdc-row,
body .mat-mdc-header-row,
body .mat-mdc-footer-row {
  border-color: var(--m3-sys-surface-variant);
}
body .mat-row:hover {
  background-color: var(--m3-sys-surface-variant);
}
body .mat-table {
  background-color: var(--m3-sys-surface);
}
body .mat-mdc-header-cell {
  color: var(--m3-sys-on-surface);
  font-size: var(--typo-label-medium);
  padding-inline: 0;
}
body .mat-mdc-cell,
body .mat-mdc-footer-cell {
  color: var(--m3-sys-on-surface);
  padding-inline: var(--space-xs);
  font-size: var(--typo-label-large);
}
body .mat-mdc-paginator,
body .mat-mdc-paginator-page-size .mat-select-trigger {
  background-color: transparent !important;
}
body .mat-mdc-paginator-page-size-label {
  color: var(--m3-sys-on-surface);
}
body .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: var(--m3-sys-on-surface);
}
body .mat-mdc-paginator-range-label {
  color: var(--m3-sys-on-surface) !important;
}
body .mat-button.mat-primary.mat-button-disabled,
body .mat-button.mat-accent.mat-button-disabled,
body .mat-button.mat-warn.mat-button-disabled,
body .mat-button.mat-button-disabled.mat-button-disabled,
body .mat-icon-button.mat-primary.mat-button-disabled,
body .mat-icon-button.mat-accent.mat-button-disabled,
body .mat-icon-button.mat-warn.mat-button-disabled,
body .mat-icon-button.mat-button-disabled.mat-button-disabled,
body .mat-stroked-button.mat-primary.mat-button-disabled,
body .mat-stroked-button.mat-accent.mat-button-disabled,
body .mat-stroked-button.mat-warn.mat-button-disabled,
body .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: var(--m3-sys-on-surface);
}
body .ag-header-container,
body .ag-floating-top-container,
body .ag-floating-bottom-container {
  background-color: var(--m3-sys-surface);
}
body .ag-theme-material .ag-header-cell,
body .ag-theme-material .ag-header-group-cell {
  background-color: var(--m3-sys-surface);
}
body .ag-header-group-cell-label,
body .ag-header-cell-label {
  color: var(--m3-sys-on-surface);
}
body .ag-theme-material .ag-row-odd {
  background-color: var(--m3-sys-surface);
  border-color: var(--m3-sys-surface-variant);
}
body .ag-theme-material .ag-row {
  background-color: var(--m3-sys-surface);
  border-color: var(--m3-sys-surface-variant);
}
body .ag-theme-material .ag-cell {
  color: var(--m3-sys-on-surface);
}
body .ag-theme-material .ag-checkbox-input-wrapper::after {
  color: var(--m3-sys-on-surface);
}
body .ag-theme-material .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
body .ag-theme-material .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
body .ag-theme-material .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
body .ag-theme-material .ag-cell-range-single-cell,
body .ag-theme-material .ag-cell-range-single-cell.ag-cell-range-handle,
body .ag-theme-material .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
body .ag-theme-material .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
body .ag-theme-material .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
body .ag-theme-material .ag-cell-range-single-cell,
body .ag-theme-material .ag-cell-range-single-cell.ag-cell-range-handle {
  border-color: var(--m3-sys-primary);
}
body .ag-theme-material .ag-checkbox-input-wrapper.ag-checked:after,
body .ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate:after {
  color: var(--m3-sys-primary);
}
body .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-header-cell-moving):hover,
body .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell.ag-column-resizing,
body .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-header-cell-moving):hover,
body .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-resizing,
body .ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
body .ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing,
body .ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
body .ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing {
  background-color: var(--m3-sys-surface-variant);
}
body .ag-theme-material .ag-header-cell .ag-icon {
  color: var(--m3-sys-on-surface);
}
body .ag-theme-material .ag-header {
  border-color: var(--m3-sys-surface-variant);
}
body .ag-body-viewport {
  background-color: var(--m3-sys-surface);
}
body .ag-overlay-no-rows-center {
  color: var(--m3-sys-on-surface);
}
.mat-paginator-icon {
  fill: var(--m3-sys-on-surface-variant) !important;
}
.custom-tabs-card .mat-mdc-card {
  padding: unset;
  background: unset;
  box-shadow: unset !important;
}
.table-bg-none.mat-table {
  background-color: transparent !important;
}
body .ag-grid-filter-table .ag-header-cell-menu-button {
  display: none;
}
body .ag-grid-filter-table .mat-paginator-container {
  justify-content: space-between;
}
body .ag-grid-filter-table .ag-header-cell-text {
  font-weight: 500;
}
body .ag-grid-filter-table .ag-header-cell-label {
  justify-content: start;
}
body .ag-grid-filter-table .mat-paginator-range-label,
body .ag-grid-filter-table .mat-paginator-page-size-label,
body .ag-grid-filter-table .mat-select-value-text {
  font-size: var(--typo-title-small);
}
@media (max-width: 575.98px) {
  .hide-table-scroll .ag-body-horizontal-scroll-viewport {
    overflow-x: hidden !important;
  }
}
body .table-row-templates {
  border: 0;
}
body .table-row-templates th,
body .table-row-templates td {
  border: 0;
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  word-wrap: break-word;
  min-height: inherit;
}
body .table-row-templates td {
  padding-inline: var(--space-xs);
}
body .table-row-templates tr {
  display: flex;
  flex-wrap: wrap;
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
body .table-row-templates tr.mat-row,
body .table-row-templates tr.mat-footer-row {
  height: auto;
  padding: var(--space-xs) var(--space-none);
}
body .table-row-templates--footer tr.mat-mdc-row,
body .table-row-templates--footer tr.mat-mdc-footer-row {
  min-height: 48px;
  padding: var(--space-xs) var(--space-none);
  height: auto;
}
body .input-popover__body .table-row-templates tr.mat-mdc-row,
body .input-popover__body .table-row-templates tr.mat-mdc-footer-row {
  height: 48px;
}
.table-td-start .ag-ltr .ag-cell {
  justify-content: start;
  font-size: var(--typo-label-large);
}
.table-td-start .ag-row:hover {
  background-color: var(--m3-sys-surface-variant);
}
body .table-background-transparent .ag-theme-material .ag-header-cell,
body .table-background-transparent .ag-theme-material .ag-header-group-cell {
  background: transparent;
}
body .table-background-transparent .ag-header-container,
body .table-background-transparent .ag-floating-top-container,
body .table-background-transparent .ag-floating-bottom-container {
  background: transparent;
}
body .table-background-transparent .ag-theme-material .ag-header {
  background: transparent;
}
body .table-background-transparent .ag-theme-material .ag-root-wrapper {
  background: transparent;
}
body .table-background-transparent .ag-theme-material .ag-row {
  background: transparent;
}
body .table-background-transparent .ag-center-cols-viewport {
  background: transparent;
}
.custom-table-height .mat-mdc-row {
  height: auto;
}
.custom-table-height .mat-mdc-input-element {
  margin: 0;
}
.custom-table-height .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
  fill: var(--m3-sys-on-surface-variant);
}
.custom-table-height .mat-mdc-icon-button[disabled],
.custom-table-height .mat-mdc-icon-button.mat-mdc-button-disabled {
  opacity: 0.38;
}
.custom-table-height .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  padding: 0;
}
.custom-table-height .mat-mdc-paginator-container .mdc-text-field--outlined .mdc-notched-outline {
  padding: 0;
  border-bottom: 1px solid var(--m3-sys-on-surface);
}
.custom-table-height .mat-mdc-table {
  background-color: var(--m3-sys-surface);
}
th.mat-mdc-header-cell:first-of-type,
td.mat-mdc-cell:first-of-type,
td.mat-mdc-footer-cell:first-of-type {
  padding-inline-start: var(--space-m);
}
th.mat-mdc-header-cell:last-of-type,
td.mat-mdc-cell:last-of-type,
td.mat-mdc-footer-cell:last-of-type {
  padding-inline-end: var(--space-m);
}
.table__checkbox-cell .mdc-checkbox {
  width: 16px;
  height: 16px;
}
.table__checkbox-cell .mdc-checkbox .mdc-checkbox__native-control {
  width: 16px;
  height: 16px;
}
.table__checkbox-cell .mdc-checkbox .mdc-checkbox__background {
  top: 0;
  left: 0;
}
.mat-mdc-card .mat-mdc-footer-cell {
  background: none;
}
body .mat-mdc-paginator-icon {
  fill: var(--m3-sys-on-surface);
}
body .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
  fill: var(--m3-sys-on-surface);
  opacity: 0.4;
}
body .mat-mdc-table {
  background-color: var(--m3-sys-surface);
}
body .mat-mdc-cell,
body .mat-mdc-header-cell {
  border-bottom-color: var(--m3-sys-surface-variant);
}
body .ag-row-hover:not(.ag-full-width-row)::before,
body .ag-row-hover.ag-full-width-row.ag-row-group::before {
  background-color: var(--m3-sys-surface-variant);
}
body .ag-row-selected:not(.row-highlight)::before {
  background-color: var(--m3-sys-inverse-on-surface);
}
body .mat-mdc-header-row {
  line-height: inherit;
}
body .mat-mdc-row {
  line-height: inherit;
  height: auto;
}
.row-highlight:not(.ag-row-selected) {
  background-color: var(--color-surface-5) !important;
}
.mat-mdc-table .mat-mdc-cell {
  background-color: transparent;
}
.auth {
  display: flex;
  flex-direction: column;
  padding: var(--space-xl);
  padding-bottom: var(--space-none);
  height: 100%;
}
.auth .auth__card {
  padding: var(--space-xl);
  background: var(--m3-sys-surface);
  max-width: 440px;
  margin: auto;
}
.auth .auth__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-l);
}
.auth .auth__header .mat-menu-trigger {
  display: flex;
  align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .auth .auth__header .mat-menu-trigger .text {
    display: none;
  }
}
.auth .mat-mdc-card-title h2 {
  font-size: var(--typo-display-small);
  font-weight: 400;
  color: var(--m3-sys-on-surface);
  margin: 0;
  line-height: normal;
  text-align: center;
}
.auth .auth__link {
  text-decoration: none;
  color: var(--m3-sys-primary);
  font-size: var(--typo-body-medium);
}
.auth__footer {
  margin-top: auto;
  font-weight: 500;
}
.auth__footer .mat-mdc-icon-button svg {
  height: 16px;
  width: 16px;
}
body .mat-mdc-tab-labels {
  justify-content: space-around;
}
@media (max-width: 575.98px) {
  body .mat-mdc-tab-labels {
    width: fit-content;
  }
}
body .mat-mdc-tab-label {
  padding: var(--space-none);
  color: var(--m3-sys-on-surface-variant);
  opacity: 1;
}
@media (max-width: 575.98px) {
  body .mat-mdc-tab-label {
    min-width: fit-content;
    padding: 0 var(--space-s);
  }
}
@media (max-width: 575.98px) {
  body .tab-fixed-assets .mat-mdc-tab-label {
    height: 63px;
  }
}
body .tab-primary .mat-ink-bar {
  height: 3px;
  border-radius: 100px 100px 0px 0px;
  margin-left: calc(var(--space-m) + 2px);
}
body .tab-primary .mat-mdc-tab-label {
  min-width: unset;
}
body .tab-primary--icon .mat-mdc-tab-label-content {
  display: block;
}
body .tab-primary--icon .mat-mdc-tab-label {
  padding-top: var(--space-s);
}
body .tab-secondary .mat-mdc-tab-labels {
  justify-content: space-between;
}
body .mat-mdc-tab-group--sm .mat-mdc-tab-label {
  min-width: auto;
}
body .mat-mdc-tab-group--sm .mat-mdc-tab-body-wrapper {
  margin-top: var(--space-m);
}
.tabs-Visibility--btns {
  display: flex;
  border-bottom: 1px solid var(--m3-sys-surface-variant);
}
.tabs-Visibility--btns button {
  border-radius: 0;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transform: translateY(1px);
  flex: 1;
}
.tabs-Visibility--btns button.active {
  border-bottom: 2px solid !important;
}
body .mat-mdc-tab .mdc-tab__text-label {
  color: var(--m3-sys-on-surface-variant);
}
body .mat-mdc-tab:hover .mdc-tab__text-label {
  color: var(--m3-sys-on-surface-variant);
}
body .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--m3-sys-primary);
}
body .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
body .mat-mdc-tab.mdc-tab--active .mat-ripple-element {
  background-color: transparent;
}
body .mat-mdc-tab .mdc-tab-indicator__content--underline {
  background-color: var(--m3-sys-primary);
  border: 0;
  height: 2px;
  border-radius: 100px 100px 0px 0px;
}
body .mat-mdc-tab .mdc-tab__ripple::before {
  background: none;
}
body .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  padding: var(--space-base) var(--space-none);
  height: fit-content;
}
body .mdc-tab {
  min-width: 180px;
}
body .mdc-tab .icon {
  fill: var(--m3-sys-on-surface-variant);
}
body .mat-mdc-tab-header {
  border-bottom: 1px solid var(--m3-sys-surface-variant);
}
body .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
  color: var(--m3-sys-primary);
}
body .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: var(--m3-sys-primary);
}
body .mat-mdc-tab .mdc-tab__text-label {
  display: flex;
}
body [mat-align-tabs=center] > .mat-mdc-tab-header .mat-mdc-tab-labels {
  width: fit-content;
  margin: auto;
}
.mdc-tab__text-label div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mdc-tab__text-label div icon {
  margin-inline-end: 6px;
}
placeholder {
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100vh - 400px);
  z-index: 500;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.scoped-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.scoped-dialog .cdk-overlay-backdrop {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.scoped-dialog--container {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scoped-dialog--body {
  --bg: var(--m3-sys-background);
  --fg: var(--color-surface-1);
  --color: var(--m3-sys-on-surface);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg);
  width: 60%;
  padding: var(--space-l);
  border-radius: 4px;
  animation-duration: 0.2s;
}
.scoped-dialog .dialog__header {
  margin-bottom: 20px;
}
.dropzone {
  min-height: 350px;
  min-width: 400px;
  display: table;
  width: 100%;
  margin: auto;
  color: var(--m3-sys-on-surface);
  background-color: var(--m3-sys-background) !important;
  border: 4px dashed var(--m3-sys-light-inverse-on-surface);
}
@media (max-width: 575.98px) {
  .dropzone {
    min-width: 100%;
    margin-bottom: var(--space-s);
  }
}
.dropzone p {
  font-family: Lato;
}
.dropzone .text-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.dropzone .hide {
  display: none;
}
.dropzone .upload-icon svg {
  margin-bottom: 10px;
  fill: rgb(189, 189, 189);
  font-size: 48px;
  width: 48px !important;
  height: 48px !important;
}
.dropzone .description-icon svg {
  margin-bottom: 10px;
  fill: var(--m3-sys-on-surface);
  width: 64px !important;
  height: 64px !important;
}
.dropzone .centered {
  font-size: 1.125rem;
  text-align: center;
  color: rgb(189, 189, 189);
  margin-bottom: 0.625rem;
}
.dropzone .file {
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 9.375rem;
  margin: auto;
  padding: 3rem 1rem;
  display: block;
  border: 1px solid rgb(245, 245, 245);
  overflow-wrap: break-word;
}
.dropzone .file-icon {
  font-size: 48px;
  display: block;
}
.dropzone .delete {
  font-size: 18px;
  color: var(--m3-sys-error);
  position: absolute;
  top: 0px;
  right: 0px;
}
.dropzone .delete .material-icons {
  color: var(--m3-sys-error);
}
.dropzone .mat-progress-bar {
  height: 14px;
}
body .mat-badge-medium .mat-badge-content {
  width: 6px;
  height: 6px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 11px;
  line-height: normal;
}
body .badge-md .mat-badge-content {
  width: 16px;
  height: 16px;
  padding: 4px;
}
body .badge-lg .mat-badge-content {
  width: 22px;
  height: 16px;
  padding: 4px 5px;
  width: auto;
  border-radius: 100px;
}
body .mdc-tab__text-label .mat-badge-content {
  width: auto !important;
  min-width: 30px;
  min-height: 22px;
  padding: 2px;
  border-radius: 4px !important;
  transform: translate(90%) !important;
}
[dir=rtl] body .mdc-tab__text-label .mat-badge-after .mat-badge-content {
  transform: translate(-90%) !important;
  line-height: var(--mat-badge-legacy-container-size, var(--mat-badge-container-size));
}
body .mat-badge-medium.mat-badge-overlap .mat-badge-content {
  width: 20px;
  height: 20px;
  background-color: var(--m3-sys-primary);
}
.date-picker .mat-calendar {
  padding: 0 !important;
  top: 0 !important;
  background: var(--color-surface-5) !important;
  margin: 0 !important;
  max-width: unset !important;
  border-radius: 28px;
}
.date-picker .mat-calendar table th,
.date-picker .mat-calendar table td,
.date-picker .mat-calendar table .mat-calendar-body-cell-content,
.date-picker .mat-calendar table .mat-date-range-input-separator {
  color: var(--m3-sys-on-surface);
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-regular) !important;
  width: 3em !important;
  height: 3em !important;
}
.date-picker .mat-calendar .mat-calendar-arrow {
  fill: var(--m3-sys-on-surface) !important;
}
.date-picker .mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--m3-sys-primary);
  color: var(--m3-sys-on-primary) !important;
}
.date-picker .mat-calendar .mat-calendar-body-active .mat-calendar-body-today {
  color: var(--m3-sys-primary) !important;
}
.date-picker .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--m3-sys-primary) !important;
}
.date-picker .mat-calendar .mat-calendar-body-selected {
  color: var(--m3-sys-on-primary) !important;
}
.received-date .md-drppicker {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.received-date .md-drppicker.hidden .buttons {
  display: none;
}
body .mat-calendar-previous-button,
body .mat-calendar-next-button {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
body .mat-calendar-previous-button::after,
body .mat-calendar-next-button::after {
  width: unset;
  height: unset;
}
body .date-picker .mat-mdc-button:not(:disabled) {
  color: var(--m3-sys-on-surface);
}
body .date-picker .mat-mdc-button-base,
body .date-picker .mat-stroked-button,
body .date-picker .mat-flat-button,
body .date-picker .mat-raised-button {
  min-height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1.5rem;
}
body .mat-calendar-arrow {
  fill: var(--m3-sys-on-surface);
}
body .mat-calendar-table-header th {
  color: var(--m3-sys-on-surface);
}
body .timepicker__main-content .mat-mdc-button-base,
body .timepicker__main-content body .mat-stroked-button,
body .timepicker__main-content body .mat-flat-button,
body .timepicker__main-content body .mat-raised-button {
  padding: 0;
}
.lists-card {
  background-color: var(--m3-sys-surface);
}
.lists-card .mat-list-base {
  padding-top: 0;
}
.lists-card .mat-list-base .mat-list-item,
.lists-card .mat-list-base .mat-list-option {
  height: unset !important;
  padding: 0;
}
.lists-card .mat-list-option:hover,
.lists-card .mat-list-option:focus,
.lists-card .mat-nav-list .mat-list-item:hover,
.lists-card .mat-nav-list .mat-list-item:focus,
.lists-card .mat-action-list .mat-list-item:hover,
.lists-card .mat-action-list .mat-list-item:focus {
  background: var(--m3-sys-surface-variant);
}
.lists-card .mat-list-base .mat-list-option,
.lists-card .mat-list-item-content {
  font-size: var(--font-size-base);
  color: var(--m3-sys-on-surface);
  font-weight: var(--font-regular);
}
.lists-card .mat-list-base .mat-list-item .mat-list-item-content-reverse,
.lists-card .mat-list-base .mat-list-option .mat-list-item-content-reverse {
  padding: var(--space-s) var(--space-base);
}
.lists-card .list-option__avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  margin-inline-end: var(--space-base) !important;
  background-color: var(--m3-sys-primary-container);
  color: var(--m3-sys-on-surface);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lists-card .list-option__content {
  width: fit-content;
}
.lists-card--letter .mat-list-base .mat-list-item .mat-list-text,
.lists-card--letter .mat-list-base .mat-list-option .mat-list-text {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lists-card--s .mat-list-base .mat-list-item .mat-list-item-content-reverse,
.lists-card--s .mat-list-base .mat-list-option .mat-list-item-content-reverse {
  padding: var(--space-xs) var(--space-base);
}
.lists-card--variants .mat-list-item,
.lists-card--variants .mat-list-option {
  white-space: pre-wrap;
}
.lists-card--variants .mat-list-item-content {
  display: grid !important;
  padding: 12px var(--space-base) !important;
}
.lists-card--variants-avatar .mat-list-item-content {
  padding: 12px var(--space-base) !important;
}
.lists-card--variants-avatar .mat-list-text {
  flex-direction: row !important;
  align-items: center;
}
.lists-card--start .mat-mdc-list-item-content,
.lists-card--start .mat-mdc-list-text {
  align-items: start !important;
}
.lists-card--start .mdc-list-item.mdc-list-item--with-two-lines {
  padding: var(--space-s) var(--space-base);
}
.lists-card--start .mat-list-base .mat-list-item .mat-list-item-content-reverse,
.lists-card--start .mat-list-base .mat-list-option .mat-list-item-content-reverse {
  display: flex;
  align-items: center;
}
.lists-card .list-option__title {
  display: block;
}
.lists-card .list-item__desc {
  font-size: var(--font-size-s) !important;
  color: var(--m3-sys-on-surface-variant);
  line-height: 1.5;
  white-space: pre-wrap;
}
.lists-card .mat-pseudo-checkbox {
  width: 1.125rem;
  height: 1.125rem;
}
.lists-card .mat-pseudo-checkbox-checked::after {
  top: 0.15rem;
  left: 0.0625rem;
  width: 0.75rem;
  height: 0.1875rem;
}
.lists-card .mat-pseudo-checkbox::after {
  color: var(--m3-sys-on-primary);
}
.lists-card .mat-pseudo-checkbox-checked,
.lists-card .mat-pseudo-checkbox-indeterminate,
.lists-card .mat-accent .mat-pseudo-checkbox-checked,
.lists-card .mat-accent .mat-pseudo-checkbox-indeterminate {
  background-color: var(--m3-sys-primary);
}
.lists-card .lists-card__image {
  width: 56px;
  height: 56px;
  object-fit: cover;
}
.lists-card--image .mat-list-item-content {
  padding-inline-start: 0 !important;
}
.lists-card--image .lists-card__image {
  width: 114px;
  height: 64px;
}
.lists-card--reverse.mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-content-reverse,
.lists-card--reverse .mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-item-content-reverse {
  flex-direction: row !important;
}
.lists-card--reverse.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.lists-card--reverse .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.lists-card--reverse .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.lists-card--reverse .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
  padding-left: 16px !important;
  padding-right: 0 !important;
}
.list-card__wrapper {
  display: flex;
  padding: 12px var(--space-base);
}
body .mdc-list-item.mdc-list-item--with-one-line {
  display: flex;
  align-items: center;
}
body .mat-mdc-list-item-unscoped-content {
  display: flex;
  align-items: center;
}
body .lists-card--image .mdc-list-item__content,
body .lists-card--reverse .mdc-list-item__content {
  margin-inline-end: 0;
}
body .list-option__text {
  color: var(--m3-sys-on-surface);
}
body .mdc-dialog__container .mdc-list-item.mdc-list-item--with-one-line {
  padding: var(--space-s) var(--space-none);
  height: auto;
  border-bottom: 1px solid var(--m3-sys-outline-variant);
}
body .mdc-dialog__container .mdc-list-item.mdc-list-item--with-one-line:last-child {
  border-bottom: 0;
}
body .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: var(--m3-sys-on-surface-variant);
}
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: var(--m3-sys-on-surface-variant);
}
body .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--m3-sys-on-primary);
}
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
body .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  background-color: var(--m3-sys-primary) !important;
  border-color: var(--m3-sys-primary) !important;
}
body .mdc-list {
  padding: 0;
}
body .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
  margin: 0;
}
body .mat-mdc-list-option .mdc-checkbox {
  padding: 0;
  vertical-align: unset;
}
body .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__background {
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
}
body .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {
  display: flex;
}
body .mdc-list-item.mdc-list-item--with-one-line {
  padding: var(--space-s) var(--space-base);
  height: auto;
}
body .mdc-list-item.mdc-list-item--with-two-lines {
  height: auto;
}
body .mdc-list-item__primary-text {
  color: var(--m3-sys-on-surface-variant);
}
body .mdc-list-item:hover .mdc-list-item__primary-text {
  color: var(--m3-sys-on-surface-variant);
}
body .lists-card--start .mdc-list-item.mdc-list-item--with-two-lines:hover {
  background-color: var(--m3-sys-surface-variant);
}
body .mdc-list-item--with-two-lines .mdc-list-item__primary-text,
body .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
  margin-bottom: 0;
  display: flex;
}
body .mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {
  display: flex;
  align-items: center;
  height: 100%;
}
body .mdc-list-item--with-two-lines .mdc-list-item__content,
body .mdc-list-item--with-three-lines .mdc-list-item__content {
  align-self: center;
}
body .mdc-list-item--with-trailing-checkbox.mdc-list-item {
  padding-right: var(--space-base);
  padding: var(--space-s) var(--space-base);
}
body .mdc-list-item.mdc-list-item--with-three-lines {
  height: auto;
  padding: var(--space-s) var(--space-base);
}
body .lists-card--variants-avatar .mdc-list-item {
  padding: 12px var(--space-base) !important;
}
body .lists-card--variants .mdc-list-item {
  padding: 12px var(--space-base);
}
body .mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
  line-height: normal;
}
body .mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,
body .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
  content: none;
}
body .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--m3-sys-on-surface-variant);
}
body .mdc-list-item__primary-text {
  line-height: normal;
  font-weight: 400;
}
body .mdc-list-item__content {
  margin-inline-end: var(--space-base);
  align-items: center;
}
body .mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {
  align-self: self-start;
}
body .mat-mdc-list .icon {
  fill: var(--m3-sys-on-surface-variant);
}
body .lists-card--reverse .mdc-list-item {
  flex-direction: row-reverse;
}
body .lists-card--reverse .mdc-list-item__content {
  padding-inline-start: var(--space-base);
}
.list-item__details {
  color: var(--m3-sys-on-surface);
}
body .mat-toolbar-row,
body .mat-toolbar-single-row {
  justify-content: space-between;
  background-color: var(--m3-sys-surface);
}
body .toolbar-title {
  font-size: var(--font-size-l);
  color: var(--m3-sys-on-surface);
}
body .toolbar-gray {
  background-color: var(--color-surface-2);
}
body .nav-bars {
  background-color: var(--color-surface-2);
}
body .nav-bars__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  width: 64px;
  height: 48px;
  border-radius: var(--border-radius-soft);
}
body .nav-bars__link--active .nav-bars__icon {
  background-color: var(--m3-sys-secondary-container);
}
body .nav-bars__icon {
  width: 100%;
  height: 32px;
  min-height: 32px;
  border-radius: var(--border-radius-rounded);
  margin-bottom: var(--space-xs);
}
body .nav-bars__title {
  font-size: var(--font-size-xs);
  color: var(--m3-sys-on-surface);
  line-height: normal;
}
body .mat-standard-chip {
  border-radius: 8px;
  padding: var(--space-xs) var(--space-base);
  border: 1px solid var(--color-surface-1);
}
body .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background: transparent;
  color: var(--m3-sys-surface);
  border-color: var(--color-surface-1);
}
body .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: var(--m3-sys-surface);
  opacity: 1;
}
body .chip-elevated.mat-standard-chip.mat-chip-selected.mat-primary {
  border: 0;
  color: var(--m3-sys-on-surface);
  background-color: var(--color-surface-1);
  box-shadow: var(--m3-sys-elevation-1);
}
body .avatar-chip.mat-chip.mat-standard-chip {
  border-radius: var(--border-radius-rounded);
  background-color: transparent;
}
body .mat-chip .mat-icon {
  color: var(--m3-sys-surface);
}
body .mat-chip.mat-standard-chip {
  color: var(--m3-sys-surface);
}
body .mat-chip.mat-standard-chip .mat-chip-remove {
  color: var(--m3-sys-surface);
  opacity: 1;
}
body .mat-accent.mat-chip .mat-icon {
  color: var(--m3-sys-on-secondary-container);
}
body .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: var(--m3-sys-secondary-container);
  border: 0;
  color: var(--m3-sys-on-secondary-container);
}
body .mat-mdc-standard-chip.mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--mdc-chip-label-text-color);
}
body .mat-mdc-standard-chip.mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: var(--mdc-chip-label-text-color);
}
body .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  opacity: 1;
}
body .mat-chip.mat-standard-chip.mat-chip-selected.mat-chip-with-trailing-icon {
  color: var(--m3-sys-surface);
}
body .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent.mat-chip-with-trailing-icon {
  color: var(--m3-sys-on-secondary-container);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  color: var(--m3-sys-surface);
  border-color: var(--color-surface-1);
  border-radius: 8px;
  padding: var(--space-xs) var(--space-base);
  border: 1px solid var(--color-surface-1);
}
body .mat-mdc-standard-chip .mdc-evolution-chip__action--primary {
  padding: 0;
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--m3-sys-surface);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled).chip-elevated {
  border: 0;
  color: var(--m3-sys-on-surface);
  background-color: var(--color-surface-1);
  box-shadow: var(--m3-sys-elevation-1);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary {
  fill: var(--m3-sys-on-surface-variant);
  width: 24px;
  height: 24px;
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  fill: var(--m3-sys-surface);
  opacity: 1;
  width: 18px;
  height: 18px;
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled).mat-mdc-chip-with-trailing-icon {
  padding: var(--space-xs) var(--space-none);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled).mdc-evolution-chip--with-avatar {
  padding: var(--space-xs) var(--space-none);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled).mat-accent {
  background-color: var(--m3-sys-secondary-container);
  border: 0;
  color: var(--m3-sys-on-secondary-container);
}
body .mat-mdc-chip:hover .mat-mdc-chip-focus-overlay {
  opacity: 0.2;
}
body .custom-chip-list .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled).mat-accent {
  background-color: var(--m3-sys-primary);
}
body .custom-chip-list .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--m3-sys-on-primary);
}
body .custom-chip-list .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing svg {
  fill: var(--m3-sys-on-primary);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: var(--m3-sys-inverse-on-surface);
}
body .mat-mdc-standard-chip.mat-primary {
  background-color: var(--m3-sys-primary);
}
body .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: var(--m3-sys-surface);
}
body .chip-list-field .mat-mdc-standard-chip {
  width: 100%;
}
body .chip-list-field .mat-mdc-standard-chip .mdc-evolution-chip__action {
  justify-content: start;
}
.auth {
  display: flex;
  flex-direction: column;
  padding: var(--space-xl);
  padding-bottom: var(--space-none);
  height: 100%;
}
.auth .auth__card {
  padding: var(--space-xl);
  background: var(--m3-sys-surface);
  max-width: 440px;
  margin: auto;
}
.auth .auth__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-l);
}
.auth .auth__header .mat-menu-trigger {
  display: flex;
  align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .auth .auth__header .mat-menu-trigger .text {
    display: none;
  }
}
.auth .mat-mdc-card-title h2 {
  font-size: var(--typo-display-small);
  font-weight: 400;
  color: var(--m3-sys-on-surface);
  margin: 0;
  line-height: normal;
  text-align: center;
}
.auth .auth__link {
  text-decoration: none;
  color: var(--m3-sys-primary);
  font-size: var(--typo-body-medium);
}
.auth__footer {
  margin-top: auto;
  font-weight: 500;
}
.auth__footer .mat-mdc-icon-button svg {
  height: 16px;
  width: 16px;
}
body .mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: var(--m3-sys-inverse-surface);
  color: var(--m3-sys-inverse-on-surface) !important;
  line-height: 20px;
  letter-spacing: 0.25px;
  max-width: 250px;
}
body .bottom-nav-bar.mat-toolbar-row,
body .bottom-nav-bar.mat-toolbar-single-row {
  background-color: var(--color-surface-2);
  height: 80px;
}
body .nav-bars {
  background-color: var(--color-surface-2);
  height: auto;
}
body .nav-bars .nav-bars__link {
  padding: 15px 0;
  height: auto;
}
body .nav-bars__link--badge {
  position: relative;
}
body .nav-bars__link--badge .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: 10px;
  top: 0px;
}
body .nav-bars__icon {
  fill: var(--m3-sys-on-surface);
}
body .top-bar .mat-mdc-button:not(:disabled) {
  padding: 0 0.75rem;
}
.landing__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.landing__switch-list {
  color: var(--m3-sys-on-surface);
}
.landing__switch-list .button__icon {
  margin-inline-end: var(--space-s);
}
.landing-list__label {
  color: var(--m3-sys-on-surface);
  font-size: var(--typo-title-small);
  font-weight: var(--font-regular);
  line-height: 20px;
  letter-spacing: 0.25px;
  margin: 0 0 var(--space-base) 0;
}
.landing-list + .landing-list {
  margin-top: var(--space-m);
}
.landing__content {
  margin-top: var(--space-l);
}
.card--landing {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-surface-1);
  padding: var(--space-base);
  border-radius: 20px;
  transition: background-color 0.3s;
  position: relative;
}
.card--landing--content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.card--landing--content .card__title {
  font-size: var(--font-size-s);
  font-weight: 500;
}
.card--landing--content-container {
  width: calc(100% - 40px);
}
.card--landing--content--text {
  color: var(--m3-sys-light-on-surface-variant);
  width: 100%;
  margin: 0.5rem;
  margin-top: 0;
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  text-decoration: none;
  line-height: initial;
}
.card--landing--link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 20px;
}
.card--landing--btn {
  position: relative;
  z-index: 2 !important;
}
.card--landing--btn.button-icon .card__icon--active {
  color: var(--m3-sys-secondary);
}
.card--landing .card__icon--show {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.card--landing:hover {
  background-color: var(--m3-state-layers-primary-opacity-12);
}
.card--landing:hover .card__icon--show {
  opacity: 1;
  visibility: visible;
}
.card__title {
  margin: 0;
  margin-bottom: 0;
  color: var(--m3-sys-on-surface);
  font-size: var(--font-size-base);
  font-weight: var(--font-medium);
}
.note-alert {
  display: flex;
  align-items: stretch;
  background-color: #fff7e6;
  color: #333;
  border-radius: 10px;
  border-left: 10px solid #ffe8a1;
}
.note-alert__icon-box {
  background-color: #ffe8a1;
  padding: 10px 10px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir=rtl] .note-alert {
  border-left: unset !important;
  border-right: 10px solid #ffe8a1 !important;
}
[dir=rtl] .note-alert__icon-box {
  padding: 10px 0 10px 10px !important;
}
.dark-theme .note-alert {
  background-color: #5A4300;
  color: #FFDF9B;
  border-color: #3F2E00 !important;
}
.dark-theme .note-alert__icon-box {
  background-color: #3F2E00;
}
:root {
  --highlight-tertiary: var(--m3-ref-tertiary-tertiary95);
}
.dark-theme {
  --highlight-tertiary: var(--m3-ref-tertiary-tertiary30);
}
.primary-alert {
  --bg: var(--m3-sys-background);
  --fg: var(--color-surface-2);
  background-color: var(--bg);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg);
  border-radius: var(--border-radius-soft);
  padding: 1em 1em 1em 0.5em;
  border-left: 6px solid var(--m3-sys-primary);
}
[dir=rtl] .primary-alert {
  border-left: unset !important;
  border-right: 6px solid var(--m3-sys-primary);
}
.danger-alert {
  --bg: var(--m3-sys-background);
  --fg: var(--m3-sys-error-container);
  background-color: var(--bg);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg);
  border-radius: var(--border-radius-soft);
  padding: 1em;
  border-left: 6px solid var(--m3-sys-error);
}
[dir=rtl] .danger-alert {
  border-left: unset !important;
  border-right: 6px solid var(--m3-sys-error);
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body .filter .mat-menu-panel,
body .filter .mat-menu-content {
  background: var(--color-surface-2);
}
body .filter-menu,
.mat-menu-content {
  min-width: 260px;
  max-width: fit-content;
  background-color: var(--m3-sys-surface) !important;
}
body .filter-menu--more-options,
.mat-menu-content {
  min-width: 200px;
}
body .filter-menu {
  overflow: visible !important;
  box-shadow: none;
}
body .filter-menu--with-overlay::before {
  content: "";
  animation-name: fadeAnimation;
  animation-duration: 1s;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.12);
  width: 100%;
  height: 100%;
}
body .filter-menu--more-options .mat-mdc-menu-item-text {
  justify-content: flex-start !important;
}
body .filter-menu .mat-menu-item:hover:not([disabled]),
body .filter-menu .mat-menu-item.cdk-program-focused:not([disabled]),
body .filter-menu .mat-menu-item.cdk-keyboard-focused:not([disabled]),
body .filter-menu .mat-menu-item-highlighted:not([disabled]) {
  background-color: var(--m3-sys-surface-variant);
}
body .filter-menu .menu-item-error {
  color: var(--m3-sys-error);
}
body .filter-menu .menu-item-error--icon svg {
  fill: var(--m3-sys-error) !important;
}
body .filter-menu .mat-menu-submenu-icon {
  display: none;
}
body .filter-menu .mat-menu-item--selected {
  background-color: var(--m3-sys-surface-variant);
  border-radius: 0;
}
body .filter-menu .mat-menu-item {
  border-radius: 0 !important;
}
body .filter-menu .mat-menu-item .mat-icon {
  margin-right: var(--space-none);
  margin-inline-end: var(--space-s);
}
body .filter-menu .mat-menu-content {
  background: var(--color-surface-3);
  border-radius: 8px;
  overflow: auto;
  max-height: 460px;
}
body .filter-menu .mat-menu-panel .mat-menu-item,
body .filter-menu .mat-menu-content .mat-menu-item {
  border-radius: var(--space-none);
  height: 40px;
  padding: var(--space-none) var(--space-m);
  font-size: var(--font-size-base);
  margin-bottom: var(--space-xs);
  max-width: 400px;
}
body .filter-menu .mat-menu-panel .mat-menu-item .filter-menu-item-text,
body .filter-menu .mat-menu-content .mat-menu-item .filter-menu-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
body .filter-menu .mat-menu-panel .mat-menu-item:last-child,
body .filter-menu .mat-menu-content .mat-menu-item:last-child {
  margin-bottom: var(--space-none);
}
.custom-filter-input {
  max-width: 170px;
  transition: opacity 0.4s ease-in-out;
}
.custom-filter-input--hide {
  opacity: 0 !important;
}
.order-btn {
  height: 0 !important;
}
.mat-menu-item .filter-menu__icon .mat-icon {
  margin-right: var(--space-none) !important;
}
body .filter__dropdown-button {
  background-color: var(--color-surface-2);
  color: var(--m3-sys-on-surface);
  border-radius: var(--border-radius-soft);
  margin-inline-end: 12px;
  min-width: 145px;
  max-width: -webkit-fill-available;
}
body .filter__dropdown-button .mat-button-wrapper {
  display: flex;
  justify-content: space-between;
}
body .filter__dropdown-button span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-field-wrapper {
  width: 100px;
}
.filter-menu {
  margin-top: var(--space-s);
}
.filter-menu .mat-mdc-radio-group {
  width: 230px;
}
.filter-menu .mat-mdc-menu-content {
  max-height: 60vh;
  overflow-y: auto;
}
.filter-menu .mat-mdc-menu-panel .mat-mdc-menu-item,
.filter-menu .mat-mdc-menu-content .mat-mdc-menu-item {
  border-radius: 0;
}
.filter-menu .mat-mdc-menu-item-text {
  justify-content: space-between;
}
.filter-menu .mdc-text-field--outlined {
  height: 40px;
}
.filter-menu .mat-mdc-form-field-infix {
  height: 40px;
  min-height: 40px;
  align-items: center;
  display: flex;
}
.filter-menu .mat-mdc-form-field {
  margin-bottom: var(--space-none);
}
.filter-menu .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper {
  padding-bottom: var(--space-none);
}
.filter-menu .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  height: 40px;
}
.filter-menu .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex {
  min-height: auto;
  padding: 0.75em;
  margin-top: var(--space-none);
  height: 40px;
}
.filter-menu .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: var(--space-none);
}
body .filter__button {
  margin-inline-end: 12px;
}
body .filter__button .mat-badge-content {
  background: var(--m3-sys-light-primary);
  position: initial;
}
body .filter__button .mat-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .filter__button[aria-expanded=true] {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 999;
}
body .filter .filter__button,
body .filter__dropdown .filter__button {
  border: 1px solid transparent;
}
body .filter .filter__button[aria-expanded=true],
body .filter__dropdown .filter__button[aria-expanded=true] {
  box-shadow: var(--m3-sys-elevation-3);
  border: 1px solid var(--m3-sys-primary);
  background-color: var(--m3-sys-surface);
}
body .filter svg,
body .filter__dropdown svg {
  fill: var(--m3-sys-on-surface) !important;
}
body .filter__dropdown--view--popup {
  --bg: var(--m3-sys-background);
  --fg: var(--color-surface-1);
  background-color: var(--bg);
  background:
    linear-gradient(
      0deg,
      var(--fg),
      var(--fg)),
    var(--bg);
}
body .filter__dropdown-button[aria-expanded=true] {
  box-shadow: var(--m3-sys-elevation-3);
  border: 1px solid var(--m3-sys-primary);
  background-color: var(--m3-sys-surface);
}
body .condition-button svg {
  fill: var(--m3-sys-on-surface) !important;
}
body .filter__button {
  margin-inline-end: 12px;
  padding: 0 1.5rem;
}
body .filter__button .mat-badge-content {
  background: var(--m3-sys-light-primary);
  position: initial;
}
body .filter__button .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
body .filter__button .mat-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .filter__button[aria-expanded=true] {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 999;
}
.filter__button {
  background-color: var(--color-surface-2) !important;
  color: var(--m3-sys-on-surface) !important;
}
.filter__button--has-conditions {
  background-color: var(--m3-sys-primary-container) !important;
  color: var(--m3-sys-on-tertiary-container) !important;
}
.filter__button--more-options {
  min-width: auto !important;
  padding: 0 0.25rem !important;
}
[dir=rtl] .filter-menu .mat-mdc-select-value {
  padding-bottom: 5px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */