/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+co_e1ca287839b6d4cbb796882113a1cd61/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_@rspac_db03fbab712ee687daa87fa46fdae6cd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.4_@rspack+_d7555983bbfa562695362570196592af/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/component-library/src/styles/elekta.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  display: grid;
  height: 100vh;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}

label {
  font-weight: 400;
  font-size: 0.875rem;
}
label strong {
  font-weight: 700;
}
.notes label {
  font-size: 1rem;
}

ul {
  padding: 0 0 0 1.25rem;
  list-style-type: disc;
}

@media screen and (max-height: 1100px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-height: 1101px) {
  html {
    font-size: 16px;
  }
}

@media screen and (max-height: 1100px) {
  html .ecl_v1 {
    font-size: 0.875rem;
  }
}
@media screen and (min-height: 1101px) {
  html .ecl_v1 {
    font-size: 1rem;
  }
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

button, a {
  cursor: pointer;
  text-decoration: none;
}

img {
  display: block;
}

.ecl-scrollbar {
  height: 100%;
  overflow-y: scroll;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ecl-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ecl-scrollbar__handle, .ecl-scrollbar__handle-h {
  position: absolute;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.ecl-scrollbar__handle::after, .ecl-scrollbar__handle-h::after {
  content: "";
  display: block;
  background-color: black;
  border-radius: 0.25rem;
  margin: 0.3125rem;
}
.ecl-scrollbar__handle {
  top: 0;
  right: 0;
}
.ecl-scrollbar__handle::after {
  height: calc(100% - 0.625rem);
  width: 0.5rem;
}
.ecl-scrollbar__handle-h {
  left: 0;
  bottom: 0;
}
.ecl-scrollbar__handle-h::after {
  width: calc(100% - 5rem);
  height: 0.5rem;
}
.ecl-scrollbar:hover .ecl-scrollbar__handle, .ecl-scrollbar:hover .ecl-scrollbar__handle-h {
  opacity: 0.5;
}

.ecl-modal.cdk-overlay-pane {
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 1em;
  border-radius: 1em;
}
.ecl-modal.cdk-overlay-pane button.button {
  margin-left: 0;
  margin-right: 0;
}
.ecl-modal.cdk-overlay-pane .ecl-modal-actions {
  display: flex;
  padding: 1em;
  justify-content: center;
}

.dark-theme .ecl-modal {
  background: #31383f;
  color: #e0e3e6;
}

.light-theme .ecl-modal {
  background: #ffffff;
  color: #444c53;
}

ecl-nav-item .nav-item .task-info {
  text-align: right;
}
ecl-nav-item .nav-item .task-info .state-chip {
  background-color: var(--nav-state-chip);
  color: var(--nav-state-color);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  padding: 0.3125rem 0.5rem;
}
ecl-nav-item .nav-item:hover {
  background-color: var(--nav-item-background);
}
ecl-nav-item .nav-item:hover .task-info .state-chip {
  background-color: var(--color-accent-deprecated);
  color: var(--nav-state-color);
}

.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;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .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, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.root {
  --locationBarHeight: 6.25rem;
  --appHeight: var(--windowInnerHeight, 100vh);
  --panelHeight: calc(var(--appHeight) - var(--locationBarHeight));
  --topBannerHeight: 9.375rem;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+co_e1ca287839b6d4cbb796882113a1cd61/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_@rspac_db03fbab712ee687daa87fa46fdae6cd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.4_@rspack+_d7555983bbfa562695362570196592af/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/component-library/src/styles/fonts.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Noto Sans";
  src: local("Noto Sans"), url('NotoSans-Regular.388cf58c68f01c86.ttf') format("truetype");
}
body,
button,
textarea,
input,
a,
strong,
label {
  font-family: "Noto Sans", Arial, sans-serif;
}

* {
  font-family: "Noto Sans", Arial, sans-serif;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+co_e1ca287839b6d4cbb796882113a1cd61/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_@rspac_db03fbab712ee687daa87fa46fdae6cd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/ag-grid-community@32.3.4/node_modules/ag-grid-community/styles/ag-grid.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

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

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

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

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

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

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

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

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

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

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

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

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

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

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

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

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

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

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

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

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

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

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-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-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-tab {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

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

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

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

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

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

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

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

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

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

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

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

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

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

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

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

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

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

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

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

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

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

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

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

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

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

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

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

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

.ag-dialog {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

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

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

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

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

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

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

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

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

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

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

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

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

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

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

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

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

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

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

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

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

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

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

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

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

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

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

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

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

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  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;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

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

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

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+co_e1ca287839b6d4cbb796882113a1cd61/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_@rspac_db03fbab712ee687daa87fa46fdae6cd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/ag-grid-community@32.3.4/node_modules/ag-grid-community/styles/ag-theme-alpine.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
      "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

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

.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

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

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}
.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

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

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

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

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-highlight-before::after,
.ag-theme-alpine .ag-header-highlight-after::after,
.ag-theme-alpine-dark .ag-header-highlight-before::after,
.ag-theme-alpine-dark .ag-header-highlight-after::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-alpine-active-color);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+co_e1ca287839b6d4cbb796882113a1cd61/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_@rspac_db03fbab712ee687daa87fa46fdae6cd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.4_@rspack+_d7555983bbfa562695362570196592af/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/component-library/src/styles/elekta-component-library.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
a.ecl-button,
button.ecl-button {
  width: max-content;
  border-radius: 1.25rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid;
  cursor: pointer;
  min-width: 4rem;
  font-weight: 600;
  display: grid;
  place-items: center;
  grid-auto-flow: column;
  column-gap: 0.25rem;
}
a.ecl-button:hover,
button.ecl-button:hover {
  border-radius: 1.25rem;
  background: var(--teal-90);
  color: var(--color-white);
}
a.ecl-button:focus-visible,
button.ecl-button:focus-visible {
  border-radius: 1.25rem;
}
a.ecl-button:active,
button.ecl-button:active {
  border-radius: 1.25rem;
}
a.ecl-button[disabled],
button.ecl-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
a.ecl-button.small,
button.ecl-button.small {
  font-size: 0.625rem;
  padding: 0.5rem 0.75rem;
}
.bold a.ecl-button,
.bold button.ecl-button {
  font-weight: 600;
  gap: 0.5rem;
}
a.ecl-button.primary,
button.ecl-button.primary {
  background-color: var(--btn-primary);
  border-color: var(--btn-primary);
  color: var(--btn-primary-color);
}
a.ecl-button.primary ecl-icon,
button.ecl-button.primary ecl-icon {
  color: currentColor;
}
a.ecl-button.primary:hover,
button.ecl-button.primary:hover {
  background: var(--teal-90);
  color: var(--color-white);
}
a.ecl-button.primary:focus-visible,
button.ecl-button.primary:focus-visible {
  color: var(--color-white);
  background: var(--teal-85);
  box-shadow: 0 0 0 0.125rem var(--color-white), 0 0 0 0.25rem var(--btn-focus);
}
a.ecl-button.primary:active,
button.ecl-button.primary:active {
  color: var(--color-white);
  background: var(--btn-focus);
  border: 0.0625rem solid var(--teal-70);
}
a.ecl-button.primary:disabled,
button.ecl-button.primary:disabled {
  background: var(--teal-85);
  opacity: 0.5;
  border-radius: 1.25rem;
  color: var(--color-white);
}
a.ecl-button.secondary,
button.ecl-button.secondary {
  border-color: var(--btn-sec-color);
  background: none;
  color: var(--btn-sec-color);
}
a.ecl-button.secondary ecl-icon,
button.ecl-button.secondary ecl-icon {
  color: currentColor;
}
a.ecl-button.secondary:hover,
button.ecl-button.secondary:hover {
  border: 0.0625rem solid --btn-sec-border;
  color: var(--btn-sec-hover);
}
a.ecl-button.secondary:focus-visible,
button.ecl-button.secondary:focus-visible {
  border: 0.0625rem solid --btn-sec-border;
  box-shadow: 0 0 0 0.125rem var(--color-white), 0 0 0 0.25rem var(--btn-focus);
}
a.ecl-button.secondary:active,
button.ecl-button.secondary:active {
  border: 0.0625rem solid var(--btn-sec-color);
  color: var(--btn-sec-color);
}
a.ecl-button.secondary:disabled,
button.ecl-button.secondary:disabled {
  background: var(--color-white);
  opacity: 0.5;
  border: 0.0625rem solid --btn-sec-border;
  border-radius: 1.25rem;
}
a.ecl-button.med-priority,
button.ecl-button.med-priority {
  border-color: var(--warning);
  background-color: var(--warning);
  color: var(--charcoal-100);
}
a.ecl-button.med-priority:hover,
button.ecl-button.med-priority:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), var(--warning);
}
a.ecl-button.med-priority:focus-visible,
button.ecl-button.med-priority:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-white), 0 0 0 0.25rem var(--btn-focus);
  border-radius: 1.25rem;
}
a.ecl-button.med-priority:active,
button.ecl-button.med-priority:active {
  background: var(--warning);
}
a.ecl-button.high-priority,
button.ecl-button.high-priority {
  border-color: var(--danger);
  background-color: var(--danger);
  color: var(--color-white);
}
a.ecl-button.high-priority:hover,
button.ecl-button.high-priority:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--danger);
}
a.ecl-button.high-priority:focus-visible,
button.ecl-button.high-priority:focus-visible {
  background: var(--danger);
  box-shadow: 0 0 0 0.125rem var(--color-white), 0 0 0 0.25rem var(--btn-focus);
  border-radius: 1.25rem;
}
a.ecl-button.high-priority:active,
button.ecl-button.high-priority:active {
  background: var(--danger);
}
a.ecl-button.success,
button.ecl-button.success {
  background: var(--success);
  border-radius: 20px;
  color: var(--color-white);
}
a.ecl-button.success:hover,
button.ecl-button.success:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), var(--success);
}
a.ecl-button.success:focus-visible,
button.ecl-button.success:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
}
a.ecl-button.success:active,
button.ecl-button.success:active {
  background: var(--success);
}

ecl-button.full-width a.ecl-button,
ecl-button.full-width button.ecl-button {
  width: 100%;
}
ecl-button.full-width.left-text-and-icon button.ecl-button {
  display: flex;
  justify-content: left;
}

.dark-theme a.ecl-button.primary,
.dark-theme button.ecl-button.primary {
  background-color: var(--btn-primary);
  border-color: var(--btn-primary);
  color: var(--btn-primary-color);
}
.dark-theme a.ecl-button.primary:hover,
.dark-theme button.ecl-button.primary:hover {
  color: var(--btn-primary-text);
}
.dark-theme a.ecl-button.primary:focus-visible,
.dark-theme button.ecl-button.primary:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--btn-primary-focus), 0 0 0 0.25rem var(--badge-color);
  color: var(--btn-primary-color);
}
.dark-theme a.ecl-button.primary:active,
.dark-theme button.ecl-button.primary:active {
  border: 0.0625rem solid var(--btn-primary-active);
  color: var(--btn-primary-color);
}
.dark-theme a.ecl-button.primary:disabled,
.dark-theme button.ecl-button.primary:disabled {
  background: var(--btn-primary);
  opacity: 0.5;
  border-radius: 20px;
  color: var(--btn-primary-color);
}
.dark-theme a.ecl-button.secondary,
.dark-theme button.ecl-button.secondary {
  border-color: var(--btn-sec-color);
  background: none;
  color: var(--btn-sec-color);
}
.dark-theme a.ecl-button.secondary:hover,
.dark-theme button.ecl-button.secondary:hover {
  border: 0.0625rem solid var(--btn-sec-color);
  color: var(--btn-secondary-text);
  border-radius: 20px;
}
.dark-theme a.ecl-button.secondary:active,
.dark-theme button.ecl-button.secondary:active {
  border: 0.0625rem solid var(--btn-secondary-text);
  border-radius: 20px;
  color: var(--btn-secondary-active);
}
.dark-theme a.ecl-button.secondary:focus-visible,
.dark-theme button.ecl-button.secondary:focus-visible {
  border: 0.0625rem solid var(--btn-sec-border);
  box-shadow: 0 0 0 0.125rem var(--btn-primary-focus), 0 0 0 0.25rem var(--badge-color);
  border-radius: 20px;
  color: var(--btn-sec-color);
}
.dark-theme a.ecl-button.secondary:disabled,
.dark-theme button.ecl-button.secondary:disabled {
  opacity: 0.4;
  border: 0.0625rem solid var(--btn-sec-border);
  border-radius: 20px;
}
.dark-theme a.ecl-button.med-priority,
.dark-theme button.ecl-button.med-priority {
  background: var(--warning);
  border-radius: 20px;
  color: var(--btn-primary-focus);
}
.dark-theme a.ecl-button.med-priority:hover,
.dark-theme button.ecl-button.med-priority:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), var(--warning);
  border-radius: 20px;
}
.dark-theme a.ecl-button.med-priority:focus-visible,
.dark-theme button.ecl-button.med-priority:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
  border-radius: 1.25rem;
}
.dark-theme a.ecl-button.high-priority,
.dark-theme button.ecl-button.high-priority {
  background: var(--danger);
  border-radius: 20px;
}
.dark-theme a.ecl-button.high-priority:hover,
.dark-theme button.ecl-button.high-priority:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), var(--danger-hover);
}
.dark-theme a.ecl-button.high-priority:focus-visible,
.dark-theme button.ecl-button.high-priority:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
}
.dark-theme a.ecl-button.success,
.dark-theme button.ecl-button.success {
  background: var(--success);
  border-radius: 20px;
  color: var(--color-white);
}
.dark-theme a.ecl-button.success:hover,
.dark-theme button.ecl-button.success:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), var(--success);
}
.dark-theme a.ecl-button.success:focus-visible,
.dark-theme button.ecl-button.success:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
}

ecl-icon {
  display: inline-grid;
  text-align: center;
  width: 1rem;
  height: 1rem;
  color: var(--ecl-icon);
}
ecl-icon svg.ecl-icon {
  height: 100%;
  width: 100%;
  fill: currentColor;
}

.inline ecl-icon,
ecl-icon.inline {
  width: auto;
}

ecl-icon-button {
  background-color: var(--icon-btn);
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 0.438rem;
}
ecl-icon-button.notify::after {
  content: "";
  background: var(--error-background);
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: calc(100% - 0.375rem);
  bottom: calc(0% - 0.375rem);
  border: 0.125rem solid var(--color-base);
}
ecl-icon-button.active {
  background-color: var(--highlight-back);
}
ecl-icon-button.active ecl-icon {
  color: var(--btn-highlight);
}
ecl-icon-button.bordered {
  box-shadow: 0 0 0 1px var(--btn-border) inset;
}
ecl-icon-button.disabled ecl-icon {
  color: var(--icon-color);
}
ecl-icon-button.action {
  background-color: var(--highlight-action-background);
}
ecl-icon-button.action.notify::after {
  border: 0.125rem solid var(--icon-action);
}
ecl-icon-button.action.active {
  background-color: var(--icon-highlight-action);
}
ecl-icon-button.action.active ecl-icon {
  color: --highlight-action;
}
ecl-icon-button.action.bordered {
  box-shadow: 0 0 0 1px var(--highlight-action-border) inset;
}
ecl-icon-button.action ecl-icon {
  color: var(--action-icon);
}
ecl-icon-button.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
ecl-icon-button button {
  display: grid;
  place-items: center;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: none;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
ecl-icon-button button ecl-icon {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--icon-color);
}
ecl-icon-button button:focus-visible {
  background: var(--teal-85);
  box-shadow: 0 0 0 0.125rem var(--color-white), 0 0 0 0.25rem var(--teal-100);
}
ecl-icon-button button:focus-visible::before {
  border-radius: inherit;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.2;
  background-color: var(--color-black);
}
ecl-icon-button button:hover {
  background: var(--teal-90);
  color: var(--color-white);
}
ecl-icon-button button:active {
  background: var(--teal-100);
  border: 0.0625rem solid var(--teal-70);
  color: var(--color-white);
}
ecl-icon-button button:disabled {
  background: var(--teal-85);
  opacity: 0.5;
}

div.ecl-checkbox-container {
  display: grid;
  grid-template-columns: min-content max-content 0;
  place-items: center;
  cursor: pointer;
  width: max-content;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
}
.disabled div.ecl-checkbox-container {
  opacity: 0.4;
  pointer-events: none;
}
.disabled div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  border-radius: none;
  outline: none;
}
div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--focus-stroke);
}
div.ecl-checkbox-container input.ecl-checkbox {
  appearance: none;
}
div.ecl-checkbox-container label.ecl-checkbox-label {
  color: var(--checkbox-label);
}
div.ecl-checkbox-container div.ecl-checkbox-display-container {
  border-radius: 0.25rem;
  border: 1px solid var(--checkbox-border);
  height: 1.5rem;
  width: 1.5rem;
  display: grid;
  place-items: center;
  grid-template-rows: 1fr;
  cursor: pointer;
  background-color: var(--checkbox-background);
}
div.ecl-checkbox-container div.ecl-checkbox-display-container .linGradientStop {
  stop-color: var(--checkbox-symb-linGrad-stop);
}
div.ecl-checkbox-container div.ecl-checkbox-display-container svg.intermediate {
  width: 0.875rem;
  height: 0.25rem;
}
div.ecl-checkbox-container div.ecl-checkbox-display-container svg.checked {
  width: 1rem;
  height: 0.75rem;
}
div.ecl-checkbox-container .ecl-label {
  margin-left: 0.75rem;
  -webkit-user-select: none;
          user-select: none;
}

ecl-checkbox-list .ecl-checkbox-group {
  background-color: var(--checkbox-list-background);
}
ecl-checkbox-list .ecl-checkbox-group.vertical {
  display: grid;
  row-gap: 0;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
ecl-checkbox-list .ecl-checkbox-group.horizontal {
  display: flex;
  padding: 0 0.125rem;
  align-items: flex-start;
  gap: 1em;
}

div.ecl-radio-group {
  border-radius: 0.25rem;
  display: grid;
  grid-template-rows: repeat(1.5rem, auto-fit);
}
.disabled div.ecl-radio-group {
  opacity: 0.4;
  pointer-events: none;
}
div.ecl-radio-group.vertical {
  gap: 0;
}
div.ecl-radio-group.horizontal {
  gap: 1rem;
}
div.ecl-radio-group div.ecl-radio-container {
  display: grid;
  grid-template-columns: 0 1.5rem max-content;
  place-items: center;
  cursor: pointer;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
}
div.ecl-radio-group div.ecl-radio-container:focus-visible {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--focus-stroke);
}
div.ecl-radio-group div.ecl-radio-container input.ecl-radio {
  appearance: none;
}
div.ecl-radio-group div.ecl-radio-container label.ecl-radio-label {
  color: var(--radio-label);
}
div.ecl-radio-group div.ecl-radio-container div.ecl-radio-display-container {
  border: 0.0625rem solid var(--radio-border);
  border-radius: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  background-color: var(--radio-background);
}
div.ecl-radio-group div.ecl-radio-container div.ecl-radio-display-container div.ecl-radio-display {
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 0.4375rem;
}
div.ecl-radio-group div.ecl-radio-container div.ecl-radio-display-container div.ecl-radio-display.selected {
  background: linear-gradient(222.27deg, var(--radio-sel-background) 0%, #5aaec3 105.24%);
}
div.ecl-radio-group div.ecl-radio-container .ecl-label {
  margin-left: 0.75rem;
}

div.ecl-range-container {
  height: 2rem;
  display: grid;
  place-items: center;
  background-color: var(--background);
  border-radius: 0.25rem;
}
.disabled div.ecl-range-container {
  opacity: 0.4;
}
div.ecl-range-container input.ecl-range {
  -webkit-appearance: none;
  width: 100%;
  height: 0.4rem;
  border-radius: 2.75rem;
  outline: none;
  background: var(--range-input);
  box-shadow: 0px -1px var(--range-input-box) inset;
}
div.ecl-range-container input.ecl-range::-webkit-slider-thumb {
  appearance: none;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 2.75rem;
  border: 0.0625rem solid;
  cursor: pointer;
  background: var(--range-thumb);
  border-color: var(--range-thumb-border);
  box-shadow: 1px 1px var(--range-thumb-box);
}
div.ecl-range-container input.ecl-range::-moz-range-thumb {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 2.75rem;
  border: 0.0625rem solid;
  cursor: pointer;
  background: var(--range-thumb);
  border-color: var(--range-thumb-border);
  box-shadow: 1px 1px var(--range-thumb-box);
}
div.ecl-range-container .label-container {
  display: none;
}

div.ecl-tooltip-container {
  padding: 0.625rem 0.75rem;
  align-items: center;
  display: flex;
  gap: 0.5rem;
  border-radius: 0.375rem;
  max-width: 18.5rem;
  background-color: var(--tooltip-color);
  font-weight: 600;
  color: var(--tooltip-msg-color);
}
div.ecl-tooltip-container span.ecl-tooltip-message {
  font-size: 0.875rem;
  word-wrap: break-word;
}
div.ecl-tooltip-container:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
div.ecl-tooltip-container.warning {
  background-color: var(--warning);
  color: var(--charcoal-100);
}
div.ecl-tooltip-container.error {
  background-color: var(--error-background);
  color: var(--color-white);
}
div.ecl-tooltip-container.success {
  background-color: var(--success-background);
  color: var(--tooltip-success-color);
}
div.ecl-tooltip-container.info {
  background-color: var(--teal-95);
  color: var(--charcoal-5);
}

.right-tooltip div.ecl-tooltip-container:before {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.5rem solid;
  border-right-color: var(--tooltip-color);
  left: calc(-0.5rem + 1px);
  top: calc(50% - 0.5rem);
}
.right-tooltip div.ecl-tooltip-container.warning:before {
  border-right-color: var(--warning);
}
.right-tooltip div.ecl-tooltip-container.error:before {
  border-right-color: var(--error-background);
}
.right-tooltip div.ecl-tooltip-container.success:before {
  border-right-color: var(--success-background);
}
.right-tooltip div.ecl-tooltip-container.info:before {
  border-right-color: var(--teal-95);
}

.left-tooltip div.ecl-tooltip-container:before {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid;
  border-left-color: var(--tooltip-color);
  left: calc(100% - 1px);
  top: calc(50% - 0.5rem);
}
.left-tooltip div.ecl-tooltip-container.warning:before {
  border-left-color: var(--warning);
}
.left-tooltip div.ecl-tooltip-container.error:before {
  border-left-color: var(--error-background);
}
.left-tooltip div.ecl-tooltip-container.success:before {
  border-left-color: var(--success-background);
}
.left-tooltip div.ecl-tooltip-container.info:before {
  border-left-color: var(--teal-95);
}

.bottom-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid;
  border-bottom-color: var(--tooltip-color);
  left: calc(50% - 0.5rem);
  top: calc(-0.5rem + 1px);
}
.bottom-tooltip div.ecl-tooltip-container.warning:before {
  border-bottom-color: var(--warning);
}
.bottom-tooltip div.ecl-tooltip-container.error:before {
  border-bottom-color: var(--error-background);
}
.bottom-tooltip div.ecl-tooltip-container.success:before {
  border-bottom-color: var(--success-background);
}
.bottom-tooltip div.ecl-tooltip-container.info:before {
  border-bottom-color: var(--teal-95);
}

.bottom-left-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid;
  border-bottom-color: var(--tooltip-color);
  top: calc(-0.5rem + 1px);
}
.bottom-left-tooltip div.ecl-tooltip-container.warning:before {
  border-bottom-color: var(--warning);
}
.bottom-left-tooltip div.ecl-tooltip-container.error:before {
  border-bottom-color: var(--error-background);
}
.bottom-left-tooltip div.ecl-tooltip-container.success:before {
  border-bottom-color: var(--success-background);
}
.bottom-left-tooltip div.ecl-tooltip-container.info:before {
  border-bottom-color: var(--teal-95);
}

.bottom-right-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid;
  border-bottom-color: var(--tooltip-color);
  left: calc(100% - 1.5rem);
  top: calc(-0.5rem + 1px);
}
.bottom-right-tooltip div.ecl-tooltip-container.warning:before {
  border-bottom-color: var(--warning);
}
.bottom-right-tooltip div.ecl-tooltip-container.error:before {
  border-bottom-color: var(--error-background);
}
.bottom-right-tooltip div.ecl-tooltip-container.success:before {
  border-bottom-color: var(--success-background);
}
.bottom-right-tooltip div.ecl-tooltip-container.info:before {
  border-bottom-color: var(--teal-95);
}

.top-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-top-color: var(--tooltip-color);
  left: calc(50% - 0.5rem);
  top: calc(100% - 1px);
}
.top-tooltip div.ecl-tooltip-container.warning:before {
  border-top-color: var(--warning);
}
.top-tooltip div.ecl-tooltip-container.error:before {
  border-top-color: var(--error-background);
}
.top-tooltip div.ecl-tooltip-container.success:before {
  border-top-color: var(--success-background);
}
.top-tooltip div.ecl-tooltip-container.info:before {
  border-top-color: var(--teal-95);
}

.top-left-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-top-color: var(--tooltip-color);
  top: calc(100% - 1px);
}
.top-left-tooltip div.ecl-tooltip-container.warning:before {
  border-top-color: var(--warning);
}
.top-left-tooltip div.ecl-tooltip-container.error:before {
  border-top-color: var(--error-background);
}
.top-left-tooltip div.ecl-tooltip-container.success:before {
  border-top-color: var(--success-background);
}
.top-left-tooltip div.ecl-tooltip-container.info:before {
  border-top-color: var(--teal-95);
}

.top-right-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-top-color: var(--tooltip-color);
  left: calc(100% - 1.5rem);
  top: calc(100% - 1px);
}
.top-right-tooltip div.ecl-tooltip-container.warning:before {
  border-top-color: var(--warning);
}
.top-right-tooltip div.ecl-tooltip-container.error:before {
  border-top-color: var(--error-background);
}
.top-right-tooltip div.ecl-tooltip-container.success:before {
  border-top-color: var(--success-background);
}
.top-right-tooltip div.ecl-tooltip-container.info:before {
  border-top-color: var(--teal-95);
}

div.ecl-toggle-container {
  display: grid;
  grid-template-columns: 2.25rem max-content 0;
  background: var(--if-background);
  color: var(--if-color);
  align-content: center;
  background-color: var(--color-base);
  padding: 0.25rem 0.25rem 0.14rem 0.25rem;
  border-radius: 0.25rem;
}
div.ecl-toggle-container:focus-within:has(input:focus-visible) {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--focus-stroke);
}
div.ecl-toggle-container input.ecl-toggle {
  appearance: none;
}
div.ecl-toggle-container div.ecl-toggle-display-container:has(.toggled-on) {
  border-color: var(--toggle-on-border);
}
.disabled:has(.toggled-on) div.ecl-toggle-container > div.ecl-toggle-display-container {
  border-color: var(--toggle-on-border);
}
div.ecl-toggle-container div.ecl-toggle-display-container {
  border: 0.0625rem solid;
  border-radius: 0.1875rem;
  height: 1.25rem;
  padding: 0 0.1875rem;
  width: 2.25rem;
  display: grid;
  place-items: center;
  grid-template-columns: 0.875rem 0.875rem;
  grid-template-areas: "toggled-off toggled-on";
  cursor: pointer;
  background-color: var(--toggle-dc-back);
  border-color: var(--toggle-dc-border);
}
.disabled div.ecl-toggle-container div.ecl-toggle-display-container {
  cursor: not-allowed;
  pointer-events: none;
  border-color: var(--toggle-disabled-border);
  opacity: 0.4;
}
div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display {
  height: 0.875rem;
  width: 0.875rem;
}
div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display.toggled-off {
  grid-area: toggled-off;
  background: var(--toggle-off-back);
}
.disabled div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display.toggled-off {
  background: var(--toggle-disabled-back);
}
div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display.toggled-on {
  grid-area: toggled-on;
  background: var(--toggle-on);
}

div.ecl-toggle-group {
  display: grid;
  row-gap: 0.25rem;
  padding: 0.25rem;
  background-color: var(--color-base);
  border-radius: 0.25rem;
}

div.ecl-field-content:has(.suffix.rightAlign) {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-areas: "input suffix";
  align-items: center;
  gap: 0.25rem;
}
div.ecl-field-content:has(.suffix.rightAlign) > * input {
  text-align: right;
}
div.ecl-field-content:has(.suffix.rightAlign) .filler {
  width: 0;
}
div.ecl-field-content:has(.suffix.rightAlign) .suffix {
  grid-area: suffix;
  width: fit-content;
  display: grid;
  grid-template-columns: max-content max-content;
  position: unset;
  align-items: center;
}

div.ecl-input-field-container {
  box-shadow: 0 0 0 1px var(--if-border-color) inset;
  border-radius: 0.438rem;
  font-size: 1rem;
  display: grid;
  background: var(--if-background);
  color: var(--if-color);
  height: 2.4rem;
  align-content: center;
  text-overflow: ellipsis;
  padding: 0rem 0.375rem;
  gap: 0.25rem;
}
div.ecl-input-field-container:focus-within {
  box-shadow: 0 0 0 1px var(--if-border-color) inset;
}
div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.125rem var(--focus-stroke) inset;
}
div.ecl-input-field-container .ecl-input {
  background: transparent;
  color: var(--if-color);
}
div.ecl-input-field-container .ecl-input input[type=number] {
  -moz-appearance: textfield;
}
div.ecl-input-field-container .ecl-input input[type=number]::-webkit-outer-spin-button, div.ecl-input-field-container .ecl-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
div.ecl-input-field-container .ecl-field-addon-icon {
  background: var(--if-addon);
}
div.ecl-input-field-container .ecl-field-addon-icon .ecl-icon {
  color: var(--if-addon-icon);
}
div.ecl-input-field-container .ecl-field-addon-divider {
  background: var(--if-addon-divider);
}
.one-digit-input div.ecl-input-field-container {
  padding: 0;
  border-radius: 0.375rem;
}
.one-digit-input.warning-digit div.ecl-input-field-container {
  border-color: var(--warning);
  border-width: 0.14rem;
}
.disabled div.ecl-input-field-container {
  opacity: 0.4;
  cursor: not-allowed;
}
.disabled div.ecl-input-field-container:focus-within:has(:focus-visible) {
  box-shadow: 0 0 0 1px var(--if-border-color) inset;
}
.readonly div.ecl-input-field-container {
  background: transparent;
  box-shadow: 0 0 0 1px var(--if-readonly-border-color) inset;
}
.readonly div.ecl-input-field-container:focus-within:has(:focus-visible) {
  box-shadow: 0 0 0 1px var(--if-readonly-border-color) inset;
}
.readonly div.ecl-input-field-container .ecl-input {
  color: var(--if-readonly-color);
}
div.ecl-input-field-container div.ecl-input-field {
  display: grid;
  grid-template-areas: "before-addon ecl-field-prefix ecl-field-content after-addon";
  grid-template-columns: max-content max-content 1fr max-content;
  align-items: center;
  min-width: 3rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-input {
  display: block;
  grid-area: input;
}
div.ecl-input-field-container div.ecl-input-field .ecl-input > input {
  border: none;
  width: 100%;
  font-size: 1rem;
  background-color: transparent;
  color: inherit;
}
.one-digit-input div.ecl-input-field-container div.ecl-input-field .ecl-input > input {
  text-align: center;
  width: 2rem;
  height: 2.25rem;
  padding: 0rem 0.375rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-content {
  grid-area: ecl-field-content;
  position: relative;
  overflow: hidden;
  padding-left: 0.125rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-input ~ .suffix.rightAlign {
  left: auto;
  right: 0;
}
div.ecl-input-field-container div.ecl-input-field .suffix {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0.25rem;
}
div.ecl-input-field-container div.ecl-input-field .suffix .filler {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-prefix {
  grid-area: ecl-field-prefix;
  padding: 0 0.125rem 0 0.125rem;
  color: var(--if-prefix-suffix);
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-suffix {
  color: var(--if-prefix-suffix);
  padding-right: 0.125rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon {
  display: grid;
  grid-template-columns: max-content max-content;
  place-items: center;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.before-addon {
  grid-area: before-addon;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.after-addon {
  grid-area: after-addon;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.rightAlign {
  grid-template-columns: max-content max-content max-content;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.rightAlign .ecl-field-suffix {
  padding: 0 0.5rem 0 0.25rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon {
  display: grid;
  place-items: center;
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 0.1875rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon ecl-icon {
  height: 1rem;
  width: 1rem;
}
div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-divider {
  height: 1.5rem;
  padding: 0 0.03rem;
  margin: 0 0.25rem;
  border-radius: 0.0625rem;
}

.danger div.ecl-input-field-container {
  background: var(--danger);
  border-color: var(--color-base);
  color: var(--color-white);
}
.danger div.ecl-input-field-container .ecl-input {
  color: var(--color-base);
}
.danger div.ecl-input-field-container .ecl-input ::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.danger div.ecl-input-field-container .ecl-field-addon-icon {
  background: var(--color-base);
}
.danger div.ecl-input-field-container .ecl-field-addon-icon .ecl-icon {
  color: var(--danger);
}
.danger div.ecl-input-field-container .ecl-field-addon-divider {
  background: var(--color-base);
}

.warning div.ecl-input-field-container {
  background: var(--warning);
  border-color: var(--charcoal-100);
  color: var(--charcoal-100);
}
.warning div.ecl-input-field-container .ecl-input {
  color: var(--charcoal-100);
}
.warning div.ecl-input-field-container .ecl-input ::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.warning div.ecl-input-field-container .ecl-field-addon-icon {
  background: var(--charcoal-100);
}
.warning div.ecl-input-field-container .ecl-field-addon-icon .ecl-icon {
  color: var(--warning);
}
.warning div.ecl-input-field-container .ecl-field-addon-divider {
  background: var(--charcoal-100);
}

ecl-accordion {
  color: var(--acc-color);
  display: block;
  font-size: 1rem;
  line-height: 1.875rem;
}
ecl-accordion ecl-icon {
  color: var(--acc-header-icon);
}
ecl-accordion .accordion-header {
  background-color: var(--acc-bg-color);
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 0.5rem;
  -webkit-user-select: none;
          user-select: none;
  display: grid;
  grid-auto-flow: columns;
  grid-template-columns: 1fr 1.25rem;
  justify-content: space-between;
  align-items: center;
}
ecl-accordion .expanded {
  background-color: var(--acc-header-expanded-bg-color);
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  margin-bottom: 1px;
}
ecl-accordion .expanded ecl-icon {
  color: var(--acc-header-expanded-icon);
}
ecl-accordion .accordion-content {
  background-color: var(--acc-bg-color);
  padding: 0.5rem 1rem;
}
ecl-accordion .accordion-footer {
  margin-top: 1px;
  background-color: var(--acc-bg-color);
  padding: 0.5rem 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
ecl-accordion .accordion-footer:is(:empty) {
  display: none;
}
ecl-accordion .accordion-no-footer {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

ecl-paginator {
  display: flex;
  justify-content: center;
  align-items: center;
}
ecl-paginator ecl-icon-button {
  width: auto;
  border-radius: unset;
}
ecl-paginator ecl-icon-button button {
  border: 1px solid var(--pagination-btn-color);
}
ecl-paginator ecl-icon-button ecl-icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
}
ecl-paginator ecl-icon-button:first-child {
  border-radius: 0.4rem 0 0 0.4rem;
}
ecl-paginator ecl-icon-button:first-child button {
  border-right: none;
}
ecl-paginator ecl-icon-button:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
}
ecl-paginator button {
  display: grid;
  place-items: center;
}
ecl-paginator button {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  background-color: var(--pagination-btn-background);
  color: var(--pagination-btn-color);
  border: none;
  pointer-events: auto;
  cursor: pointer;
  margin: 0px !important;
}
ecl-paginator button.selected {
  color: var(--pagination-btn-sel);
  border: 1px solid;
}
ecl-paginator button.selected.page-button {
  border: 1px solid;
}
ecl-paginator button.page-button {
  border: 1px solid;
  border-right: none;
}
ecl-paginator button.chevron-button ecl-icon {
  width: 1rem;
  height: 1rem;
  color: var(--pagination-icon);
}
ecl-paginator button.chevron-button ecl-icon-button {
  border-radius: unset;
}
ecl-paginator button.chevron-button ecl-icon-button:first-child {
  border-radius: 0.4rem 0 0 0.4rem;
  border: 1px solid;
}
ecl-paginator button.chevron-button:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
  border: 1px solid;
}
ecl-paginator button:not(:last-child) {
  margin-right: 0.125rem;
}
ecl-paginator button[disabled] {
  background-color: var(--pagination-btn-disabled);
  cursor: not-allowed;
}

div.ecl-toolbar {
  border-radius: 0.3125rem;
  border: 0.0625rem solid;
  display: grid;
  grid-template-columns: repeat(auto-fit, max-content);
  place-items: center;
  background-color: var(--color-base);
  border-color: var(--toolbar-border);
}
div.ecl-toolbar.horizontal {
  height: 5rem;
  width: 100%;
}
div.ecl-toolbar.vertical {
  width: 5rem;
  height: 100%;
}

label.ecl-label {
  display: block;
  -webkit-user-select: none;
          user-select: none;
  color: var(--label-color);
}
label.ecl-label.required:after {
  content: " *";
  display: inline;
}

.error label.ecl-label {
  color: var(--error-background);
}

.inline label {
  display: inline;
  margin: 0.75rem;
}

div.ecl-textarea-container {
  padding: 1rem;
  border: 0.0625rem solid;
  border-radius: 0.4375rem;
  height: 100%;
  width: 100%;
  min-height: 10rem;
  overflow: auto;
  background-color: var(--text-area-background);
  border-color: var(--text-area-border);
}
div.ecl-textarea-container:focus-within:has(:focus-visible) {
  outline: 0.125rem solid var(--focus-stroke);
}
.notes div.ecl-textarea-container {
  min-height: 2rem;
}
.disabled div.ecl-textarea-container {
  opacity: 0.4;
  cursor: not-allowed;
}
div.ecl-textarea-container textarea.ecl-textarea {
  height: calc(100% - 0.5rem);
  width: 100%;
  min-height: 10rem;
  overflow: hidden;
  background: transparent;
  outline: none;
  border: none;
  resize: none;
  box-sizing: content-box;
  color: var(--text-area-text-color);
}
div.ecl-textarea-container textarea.ecl-textarea::placeholder {
  color: var(--text-area-placeholder);
}
.notes div.ecl-textarea-container textarea.ecl-textarea {
  min-height: 2rem;
}

div.ecl-form-field-container,
div.ecl-form-field {
  display: grid;
  grid-template-rows: max-content max-content;
  align-items: center;
  row-gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.notes div.ecl-form-field-container,
.notes div.ecl-form-field {
  padding-left: 0;
}

.inline div.ecl-form-field-container,
div.ecl-form-field-container.inline,
div.ecl-form-field.inline {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.5rem;
  row-gap: 0;
}

.one-digit-form div.ecl-form-field-container {
  padding: 0;
}

span.ecl-badge {
  background-color: var(--badge-background);
  color: var(--badge-color);
  padding: 0.25rem;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
}
span.ecl-badge.success {
  background-color: var(--success);
}
span.ecl-badge.warning {
  background-color: var(--warning);
  color: var(--charcoal-100);
}
span.ecl-badge.danger {
  background-color: var(--danger);
  color: var(--color-white);
}
span.ecl-badge.info {
  background-color: var(--info);
}
span.ecl-badge ecl-icon {
  display: none;
}

div.ecl-divider {
  border-radius: 0.0625rem;
  background-color: var(--divider-back-color);
}
div.ecl-divider.horizontal {
  height: 0.0625rem;
  width: 100%;
}
div.ecl-divider.vertical {
  width: 0.0625rem;
  height: 100%;
}

div.ecl-message {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: 1rem;
  border-radius: 0.4375rem;
  width: 100%;
  background-color: var(--ecl-msg-background);
  color: var(--ecl-msg-color);
}
div.ecl-message.success {
  background-color: var(--success);
}
div.ecl-message.warning {
  background-color: var(--warning);
  color: var(--charcoal-100);
}
div.ecl-message.danger, div.ecl-message.error {
  background-color: var(--danger);
  color: var(--color-white);
}
div.ecl-message.info {
  background-color: var(--info);
}

input.ecl-autocomplete {
  border: 0.0625rem solid;
  border-radius: 0.3125rem;
  font-size: 1rem;
  padding: 0.625rem 1rem;
  width: 100%;
  background: var(--auto-background);
  border-color: var(--auto-border);
  color: var(--auto-color);
  cursor: pointer;
}
div.ecl-autocomplete-options-container {
  width: 100%;
  max-height: 10rem;
  border-radius: 0.3125rem;
  padding: 0.375rem;
  overflow: auto;
  background-color: var(--auto-oc-background);
}
div.ecl-autocomplete-options-container div.overlay-option {
  width: 100%;
  font-size: 1rem;
  padding: 0.375rem;
  border-radius: 0.3125rem;
  cursor: pointer;
  color: var(--auto-oc-color);
}
div.ecl-autocomplete-options-container div.overlay-option.selected {
  background-color: var(--auto-oc-selected);
}
div.ecl-autocomplete-options-container div.overlay-option:hover {
  background-color: var(--auto-oc-hover);
}

.danger input.ecl-autocomplete {
  background: var(--danger);
  border-color: var(--color-base);
  color: var(--color-white);
}
.danger div.ecl-autocomplete-options-container {
  background-color: var(--danger);
}
.danger div.ecl-autocomplete-options-container div.overlay-option {
  color: var(--color-base);
}
.danger div.ecl-autocomplete-options-container div.overlay-option.selected {
  background-color: rgb(221.4525862069, 107.5474137931, 107.5474137931);
}
.danger div.ecl-autocomplete-options-container div.overlay-option:hover {
  background-color: rgb(230.9051724138, 149.0948275862, 149.0948275862);
}

.warning input.ecl-autocomplete {
  background: var(--warning);
  border-color: var(--charcoal-100);
  color: var(--charcoal-100);
}
.warning div.ecl-autocomplete-options-container {
  background-color: var(--warning);
}
.warning div.ecl-autocomplete-options-container div.overlay-option {
  color: var(--charcoal-100);
}
.warning div.ecl-autocomplete-options-container div.overlay-option.selected {
  background-color: rgb(255, 219.2105263158, 135);
}
.warning div.ecl-autocomplete-options-container div.overlay-option:hover {
  background-color: rgb(255, 234.4210526316, 186);
}

div.ecl-field-inline-right-validation {
  display: grid;
  grid-template-columns: 1fr auto;
}

div.ecl-field-inline-left-validation {
  display: grid;
  grid-template-columns: auto 1fr;
}

div.ecl-input-field:has(> .rightAlign) input {
  text-align: right;
}

div.ecl-field-validation-error,
div.ecl-field-validation-warning,
div.ecl-field-validation-success {
  border-radius: 0.375rem;
  padding: 0.125rem;
}
div.ecl-field-validation-error.ecl-field-inline-left-validation .ecl-field-validation-container,
div.ecl-field-validation-warning.ecl-field-inline-left-validation .ecl-field-validation-container,
div.ecl-field-validation-success.ecl-field-inline-left-validation .ecl-field-validation-container {
  padding: 0.625rem 0.5rem 0.625rem 0.375rem;
}
div.ecl-field-validation-error.ecl-field-inline-right-validation .ecl-field-validation-container,
div.ecl-field-validation-warning.ecl-field-inline-right-validation .ecl-field-validation-container,
div.ecl-field-validation-success.ecl-field-inline-right-validation .ecl-field-validation-container {
  padding: 0.625rem 0.375rem 0.625rem 0.5rem;
}
div.ecl-field-validation-error .ecl-input-field-container,
div.ecl-field-validation-warning .ecl-input-field-container,
div.ecl-field-validation-success .ecl-input-field-container {
  box-shadow: none;
}
div.ecl-field-validation-error:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation),
div.ecl-field-validation-warning:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation),
div.ecl-field-validation-success:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) {
  padding-bottom: 0rem;
}
div.ecl-field-validation-error:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) .ecl-field-validation-container,
div.ecl-field-validation-warning:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) .ecl-field-validation-container,
div.ecl-field-validation-success:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) .ecl-field-validation-container {
  grid-template-columns: auto 1fr;
}
div.ecl-field-validation-error .ecl-field-validation-container,
div.ecl-field-validation-warning .ecl-field-validation-container,
div.ecl-field-validation-success .ecl-field-validation-container {
  display: grid;
  grid-template-columns: auto;
  align-items: center;
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.75rem;
  padding-right: 0.5rem;
}

div.ecl-field-validation-warning {
  background-color: var(--warning);
  border-radius: 0.375rem;
}
div.ecl-field-validation-warning div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(255, 204, 84, 0.5) inset;
}
div.ecl-field-validation-warning div.ecl-field-validation-container {
  border-color: var(--charcoal-100);
}
div.ecl-field-validation-warning div.ecl-field-validation-container span.ecl-field-validation-message {
  color: var(--charcoal-100);
}
div.ecl-field-validation-warning div.ecl-field-validation-container .ecl-field-validation-icon .ecl-icon {
  color: var(--charcoal-100);
}

div.ecl-field-validation-success {
  background-color: var(--success);
  border-radius: 0.375rem;
}
div.ecl-field-validation-success div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(72, 128, 38, 0.5) inset;
}
div.ecl-field-validation-success div.ecl-field-validation-container {
  border-color: var(--color-white);
}
div.ecl-field-validation-success div.ecl-field-validation-container span.ecl-field-validation-message {
  color: var(--color-white);
}
div.ecl-field-validation-success div.ecl-field-validation-container .ecl-field-validation-icon .ecl-icon {
  color: var(--color-white);
}

div.ecl-field-validation-error {
  background-color: var(--error-background);
  border-radius: 0.375rem;
}
div.ecl-field-validation-error div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(205, 84, 84, 0.5) inset;
}
div.ecl-field-validation-error div.ecl-field-validation-container {
  border-color: var(--color-white);
}
div.ecl-field-validation-error div.ecl-field-validation-container span.ecl-field-validation-message {
  color: var(--color-white);
}
div.ecl-field-validation-error div.ecl-field-validation-container .ecl-field-validation-icon .ecl-icon {
  color: var(--color-white);
}

div.ecl-file-input-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.375rem;
  border: 1px solid var(--fi-container-border);
  border-radius: 0.438rem;
  background-color: var(--fi-container-bg);
  justify-content: space-between;
  min-width: 4.75rem;
}
.disabled div.ecl-file-input-container {
  opacity: 0.4;
  cursor: not-allowed;
}
div.ecl-file-input-container input[type=file] {
  display: none;
}
div.ecl-file-input-container:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--focus-stroke) inset;
}
div.ecl-file-input-container div.ecl-file-input-field {
  display: flex;
  flex: 1;
  padding: 0 1.5rem 0 0;
}
div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-placeholder {
  font-weight: 600;
  font-size: 1rem;
  color: var(--fi-placeholder-color);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-value {
  color: var(--file-input-value);
}
div.ecl-file-input-container .ecl-field-addon-icon {
  display: none;
}
div.ecl-file-input-container .ecl-file-input-button-container {
  display: flex;
}
div.ecl-file-input-container .ecl-file-input-button-container button.ecl-file-input-button {
  align-items: center;
  padding: 0 1rem;
  width: 5.063rem;
  height: 2.25rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--fi-input-btn);
  background: var(--fi-upload-bg);
  border-radius: 0 0.438rem 0.438rem 0;
  border: none;
}

.warning div.ecl-file-input-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.5rem;
  border: 1px solid var(--war-fi-container-border);
  border-radius: 0.438rem;
  background-color: #ffcc54;
  justify-content: space-between;
}
.disabled .warning div.ecl-file-input-container {
  opacity: 0.4;
  cursor: not-allowed;
}
.warning div.ecl-file-input-container input[type=file] {
  display: none;
}
.warning div.ecl-file-input-container div.ecl-file-input-field {
  display: flex;
  flex: 1;
}
.warning div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-placeholder {
  font-weight: 600;
  font-size: 1rem;
  color: var(--war-fi-placeholder-color);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.warning div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-value {
  color: var(--war-fi-input-value);
}
.warning div.ecl-file-input-container .ecl-field-addon-icon {
  display: none;
}
.warning div.ecl-file-input-container .ecl-file-input-button-container {
  display: flex;
  justify-content: end;
}
.warning div.ecl-file-input-container .ecl-file-input-button-container button.ecl-file-input-button {
  align-items: center;
  padding: 0 1rem;
  width: 5.063rem;
  height: 2.25rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--war-fi-input-btn);
  background-color: var(--war-fi-upload-bg);
  border-radius: 0 0.438rem 0.438rem 0;
  border: none;
}

.danger div.ecl-file-input-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.5rem;
  border: 1px solid var(--dan-fi-container-border);
  border-radius: 0.438rem;
  background-color: #d44242;
  justify-content: space-between;
}
.disabled .danger div.ecl-file-input-container {
  opacity: 0.4;
  cursor: not-allowed;
}
.danger div.ecl-file-input-container input[type=file] {
  display: none;
}
.danger div.ecl-file-input-container div.ecl-file-input-field {
  display: flex;
  flex: 1;
}
.danger div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-placeholder {
  font-weight: 600;
  font-size: 1rem;
  color: var(--dan-fi-placeholder-color);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.danger div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-value {
  color: var(--dan-fi-input-value);
}
.danger div.ecl-file-input-container .ecl-field-addon-icon {
  display: none;
}
.danger div.ecl-file-input-container .ecl-file-input-button-container {
  display: flex;
}
.danger div.ecl-file-input-container .ecl-file-input-button-container button.ecl-file-input-button {
  align-items: center;
  padding: 0 1rem;
  width: 5.063rem;
  height: 2.25rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--dan-fi-input-btn);
  background-color: var(--dan-fi-upload-bg);
  border-radius: 0 0.438rem 0.438rem 0;
  border: none;
}

span.ecl-chip-container {
  display: inline-block;
}
span.ecl-chip-container div.ecl-chip {
  padding: 0.5rem;
  border-radius: 0.125rem;
  display: flex;
  align-items: center;
  background-color: var(--chip-background-color);
}
span.ecl-chip-container div.ecl-chip span.ecl-chip-text {
  font-size: 0.875rem;
  margin-right: 0.3125rem;
  color: var(--chip-text-color);
}
span.ecl-chip-container div.ecl-chip span.ecl-chip-text.no-button {
  margin-right: 0;
}
span.ecl-chip-container div.ecl-chip button.ecl-chip-remove-button {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0 auto;
  outline: none;
  border: none;
  border-radius: 0.0625rem;
  background-color: var(--chip-remove-btn);
}
span.ecl-chip-container div.ecl-chip button.ecl-chip-remove-button ecl-icon {
  margin: auto;
  height: 0.4375rem;
  width: 0.4375rem;
  display: flex;
  color: var(--chip-icon);
}

.danger div.ecl-chip {
  background: rgb(184.9267241379, 42.0732758621, 42.0732758621);
}
.danger div.ecl-chip span.ecl-chip-text {
  color: var(--color-white);
}
.danger div.ecl-chip button.ecl-chip-remove-button {
  background-color: rgb(221.4525862069, 107.5474137931, 107.5474137931);
}
.danger div.ecl-chip button.ecl-chip-remove-button ecl-icon .ecl-icon {
  color: var(--color-white);
}

.warning div.ecl-chip {
  background: rgb(255, 188.7894736842, 33);
}
.warning div.ecl-chip span.ecl-chip-text {
  color: var(--charcoal-100);
}
.warning div.ecl-chip button.ecl-chip-remove-button {
  background-color: rgb(255, 219.2105263158, 135);
}
.warning div.ecl-chip button.ecl-chip-remove-button ecl-icon .ecl-icon {
  color: var(--charcoal-100);
}

div.ecl-tags-input-container {
  background: var(--ti-container-back);
  border-color: var(--ti-container-border);
  padding: 0.4375rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
div.ecl-tags-input-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.0625rem var(--focus-stroke) inset;
}
div.ecl-tags-input-container ecl-chip {
  margin: 0.25rem;
}
div.ecl-tags-input-container input.ecl-tags-input {
  display: inline-block;
  margin: 0.25rem;
  font-size: 1rem;
  background: none;
  border: none;
  max-width: 100%;
  width: 10rem;
  flex-grow: 1;
  color: var(--ti-color);
}
div.ecl-tags-input-container .deleteHighlight .ecl-chip {
  background: var(--danger);
}
div.ecl-tags-input-container .deleteHighlight .ecl-chip .ecl-chip-text {
  color: var(--color-base);
}
div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button {
  background: var(--color-base);
}
div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button .ecl-icon {
  color: var(--danger);
}

.danger div.ecl-tags-input-container {
  background: var(--danger);
  border-color: var(--color-base);
  color: var(--color-white);
}
.danger div.ecl-tags-input-container input.ecl-tags-input {
  color: var(--color-white);
}
.danger div.ecl-tags-input-container input.ecl-tags-input::placeholder {
  color: var(--charcoal-40);
}
.danger div.ecl-tags-input-container .deleteHighlight .ecl-chip {
  background: rgb(221.4525862069, 107.5474137931, 107.5474137931);
}
.danger div.ecl-tags-input-container .deleteHighlight .ecl-chip .ecl-chip-text {
  color: var(--color-white);
}
.danger div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button {
  background: var(--color-base);
}
.danger div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button .ecl-icon {
  color: var(--danger);
}

.warning div.ecl-tags-input-container {
  background: var(--warning);
  border-color: var(--charcoal-100);
}
.warning div.ecl-tags-input-container input.ecl-tags-input {
  color: var(--charcoal-100);
}
.warning div.ecl-tags-input-container input.ecl-tags-input::placeholder {
  color: var(--charcoal-70);
}
.warning div.ecl-tags-input-container .deleteHighlight .ecl-chip {
  background: rgb(221.4525862069, 107.5474137931, 107.5474137931);
}
.warning div.ecl-tags-input-container .deleteHighlight .ecl-chip .ecl-chip-text {
  color: var(--charcoal-100);
}
.warning div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button {
  background: var(--charcoal-100);
}
.warning div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button .ecl-icon {
  color: var(--warning);
}

.disabled div.ecl-calendar-input-container {
  opacity: 0.4;
  cursor: not-allowed;
}
div.ecl-calendar-input-container .caret {
  color: var(--dp-cc-header-caret);
}
div.ecl-calendar-input-container .calendar-container {
  width: 19.125rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--dp-cal-container-bg);
  border: 0.0625rem solid var(--dp-cal-container-border);
}
div.ecl-calendar-input-container .calendar-container__header {
  padding: 0 2.25rem;
  height: 5.25rem;
  line-height: 5.25rem;
  font-size: 1.5rem;
  color: var(--dp-cc-header-color);
  border-bottom: 0.0625rem solid var(--dp-cc-header-border);
}
div.ecl-calendar-input-container .calendar-container__actions {
  display: grid;
  grid-template-columns: auto 1fr auto;
  margin: 1.5rem;
}
div.ecl-calendar-input-container .calendar-container ecl-icon-button {
  width: 2.25rem;
  height: 2.25rem;
}
div.ecl-calendar-input-container .calendar-container .calendar-month-picker {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  width: 9.875rem;
  height: 2.25rem;
  border: 1px solid var(--dp-cc-month-border);
  border-radius: 0.375rem;
  background: var(--dp-cc-month-back);
  justify-content: center;
  gap: 0.75rem;
  padding: 0 0.75rem;
}
div.ecl-calendar-input-container .calendar-container .calendar-month-picker .caret {
  margin-left: 0.1rem;
}
div.ecl-calendar-input-container .calendar-container .calendar-month-picker > span {
  color: var(--dp-cc-month-color);
  font-weight: 600;
  flex-grow: 1;
}
div.ecl-calendar-input-container .calendar-container .calendar-paginator {
  background-color: var(--dp-cc-pag-back);
  border-radius: 0.375rem;
  border: 1px solid var(--dp-cc-pag-border);
  width: 2.25rem;
  height: 2.25rem;
  margin-left: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.ecl-calendar-input-container .calendar-container__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 16.125rem;
  margin: 0 auto;
  padding-bottom: 1.5rem;
}
div.ecl-calendar-input-container .calendar-container__body > .active {
  background-color: var(--dp-cc-active-back);
  color: var(--dp-cc-active-color);
}
div.ecl-calendar-input-container .calendar-container__body > * {
  border-radius: 0.25rem;
  display: inline-block;
  text-align: center;
  width: 2.3035714286rem;
  height: 2.3035714286rem;
  line-height: 2.3035714286rem;
  border: 0.0625rem solid transparent;
  box-sizing: border-box;
}
div.ecl-calendar-input-container .calendar-container__body > .disabled {
  opacity: 0.4;
}
div.ecl-calendar-input-container .calendar-container__body__header {
  color: var(--dp-cc-body-header);
}
div.ecl-calendar-input-container .calendar-container__body__day {
  color: var(--dp-cc-body-day);
}
div.ecl-calendar-input-container .calendar-container__body.view-year {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
div.ecl-calendar-input-container .calendar-container__body.view-year > * {
  width: 4.03125rem;
}
div.ecl-calendar-input-container .calendar-container__body.view-decade {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
div.ecl-calendar-input-container .calendar-container__body.view-decade > * {
  width: 4.03125rem;
}

.danger div.ecl-calendar-input-container .calendar-container {
  color: var(--danger-dp-cc);
  background-color: var(--danger);
}
.danger div.ecl-calendar-input-container .calendar-container__header {
  background-color: var(--danger);
  color: var(--danger-dp-cc);
}
.danger div.ecl-calendar-input-container .calendar-container__body > .active {
  background-color: var(--danger);
  color: var(--danger-dp-cc);
}
.danger div.ecl-calendar-input-container .calendar-container__body__header {
  color: var(--danger-dp-cc);
}
.danger div.ecl-calendar-input-container .calendar-container__body__day {
  color: var(--danger-dp-cc);
}

.warning div.ecl-calendar-input-container .calendar-container {
  color: var(--charcoal-100);
  background-color: var(--warning);
}
.warning div.ecl-calendar-input-container .calendar-container__header {
  background-color: var(--warning);
  color: var(--charcoal-100);
}
.warning div.ecl-calendar-input-container .calendar-container__body > .active {
  background-color: var(--warning);
  color: var(--charcoal-100);
}
.warning div.ecl-calendar-input-container .calendar-container__body__header {
  color: var(--charcoal-100);
}
.warning div.ecl-calendar-input-container .calendar-container__body__day {
  color: var(--charcoal-100);
}

.ecl-drawer-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.ecl-drawer-container .ecl-drawer {
  height: 100%;
  position: absolute;
  z-index: 1;
}
.ecl-drawer-container .ecl-drawer.ecl-left-drawer {
  left: 0;
}
.ecl-drawer-container .ecl-drawer.ecl-right-drawer {
  right: 0;
}
.ecl-drawer-container .ecl-drawer-content {
  height: 100%;
  position: relative;
}
.ecl-drawer-container .ecl-drawer-content .ecl-drawer-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}

ecl-position-indicator {
  height: 4rem;
}
ecl-position-indicator .position-indicator {
  height: 4rem;
  display: grid;
  grid-template-rows: 1fr 0;
  border-width: 0.125rem;
  border-style: solid;
  border-radius: 1.25rem;
  text-align: center;
  overflow: hidden;
  border-color: var(--pi-valid-accent);
  background-color: var(--pi-valid-background);
}
ecl-position-indicator .position-indicator .indicator-icon {
  color: var(--pi-valid-accent);
  display: none;
}
ecl-position-indicator .position-indicator .top-section {
  align-self: stretch;
}
ecl-position-indicator .position-indicator .bottom-section {
  align-self: stretch;
  display: none;
}
ecl-position-indicator .position-indicator-disabled {
  border-color: var(--pi-disable-accent);
  background-color: var(--pi-disable-background);
}
ecl-position-indicator .position-indicator-disabled .input {
  color: var(--pi-disable-accent);
}
ecl-position-indicator .input {
  border-style: hidden;
  text-align: center;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.25rem;
  width: 90%;
  height: 100%;
}
ecl-position-indicator .position-indicator-out-of-range {
  grid-template-rows: 1fr 1fr;
  border-color: var(--pi-invalid-accent);
  background-color: var(--pi-invalid-background);
}
ecl-position-indicator .position-indicator-out-of-range .input {
  color: var(--pi-invalid-accent);
}
ecl-position-indicator .position-indicator-out-of-range .indicatorIcon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
ecl-position-indicator .position-indicator-out-of-range .bottom-section {
  background-color: var(--pi-invalid-accent);
  padding-top: 0.4rem;
  display: block;
}
ecl-position-indicator .position-indicator-invalid-input {
  border-color: var(--error-background);
  background-color: var(--pi-invalid-background);
}
ecl-position-indicator .position-indicator-invalid-input .input {
  color: var(--error-background);
}
ecl-position-indicator .error {
  color: var(--error-background);
  font-size: 0.8rem;
  text-align: center;
}

ecl-progress-bar .progress-bar-container {
  display: block;
  position: relative;
  color: var(--progress-font-color);
}
ecl-progress-bar .progress-bar {
  width: 100%;
  height: 2.25rem;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  background: var(--progress-background);
  box-shadow: inset 0px -1px 0px var(--progress-drop-shadow);
  padding: 0.125rem;
}
ecl-progress-bar .progress-bar.thin {
  height: 0.5rem;
}
ecl-progress-bar .progress-bar__border {
  height: 100%;
  border-radius: 1rem;
  border: 0.0625rem solid var(--progress-background);
  overflow: hidden;
}
ecl-progress-bar .progress-bar__fill {
  height: 100%;
  background: linear-gradient(90deg, var(--grad-bottom-color) 0%, var(--grad-top-color) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
ecl-progress-bar .progress-bar__label {
  font-size: 1rem;
  color: var(--charcoal-10);
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0.438rem;
}
ecl-progress-bar .progress-bar__fill-label {
  display: none;
}
ecl-progress-bar .progress-circle svg {
  position: absolute;
  transform: rotate(-90deg);
  top: 0;
  left: 0;
  transform-origin: center;
  overflow: visible;
}
ecl-progress-bar .progress-circle svg #stroke-gradient {
  --color-top: var(--grad-top-color);
  --color-bottom: var(--grad-bottom-color);
}
ecl-progress-bar .progress-circle.large-ring svg,
ecl-progress-bar .progress-circle.large-ring .progress-circle__label {
  width: 18rem;
  height: 18rem;
}
ecl-progress-bar .progress-circle.medium-ring svg,
ecl-progress-bar .progress-circle.medium-ring .progress-circle__label {
  width: 2.25rem;
  height: 2.25rem;
}
ecl-progress-bar .progress-circle.small-ring svg,
ecl-progress-bar .progress-circle.small-ring .progress-circle__label {
  width: 1.25rem;
  height: 1.25rem;
}
ecl-progress-bar .progress-circle__label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 2.625rem;
}
ecl-progress-bar .progress-circle circle.fill {
  fill: transparent;
  stroke: url(#stroke-gradient);
  transform-origin: center;
  transition: stroke-dashoffset 225ms linear;
}
ecl-progress-bar .progress-circle circle.stroke {
  fill: transparent;
  stroke: var(--progress-background);
  transform-origin: center;
  transition: stroke-dashoffset 225ms linear;
}

ecl-progress-spinner {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 8rem;
}
ecl-progress-spinner .circle1 {
  fill: none;
  stroke-width: 45;
  stroke-linecap: round;
}
ecl-progress-spinner .circle2 {
  fill: none;
  stroke-width: 40;
  stroke-linecap: square;
  stroke: #66a3b3;
}
ecl-progress-spinner svg.spin {
  animation: spin 1s linear infinite;
}
ecl-progress-spinner .progress-text {
  font-size: 42px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.noselect, es-dashboard-header,
es-workspace-header, es-subject-sidenav {
  -webkit-user-select: none;
          user-select: none;
}

.scrollable {
  overflow-y: auto;
}

ecl-vertical-nav-menu {
  border-radius: 0.5rem;
  overflow: hidden;
  height: max-content;
  background: var(--color-background);
}
ecl-vertical-nav-menu .hbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}
ecl-vertical-nav-menu .vbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  flex-direction: column;
}
ecl-vertical-nav-menu .nav-item {
  display: grid;
  overflow: hidden;
  align-items: center;
  padding: 1rem;
  white-space: nowrap;
}
ecl-vertical-nav-menu .nav-item .heading {
  display: block;
  font-size: 0.875rem;
}
ecl-vertical-nav-menu .nav-item .text {
  display: block;
  font-size: 0.8125rem;
}
ecl-vertical-nav-menu .nav-item .icon {
  display: grid;
  overflow: hidden;
}
ecl-vertical-nav-menu .nav-item .icon img {
  border-radius: 50%;
  height: 1.75rem;
  width: auto;
}
ecl-vertical-nav-menu .nav-item .icon i {
  text-align: right;
}
ecl-vertical-nav-menu .nav-item.left-icon {
  display: grid;
  overflow: hidden;
  grid-template-columns: 1.75rem auto;
  align-items: center;
}
ecl-vertical-nav-menu .nav-item.left-icon .info {
  padding: 0 0 0 1rem;
}
ecl-vertical-nav-menu .nav-item.right-icon {
  display: grid;
  overflow: hidden;
  grid-template-columns: auto 1.75rem;
  align-items: center;
}
ecl-vertical-nav-menu .nav-item.right-icon .info {
  padding: 0 1rem 0 0;
}
ecl-vertical-nav-menu .nav-item.right-left-icon {
  display: grid;
  overflow: hidden;
  grid-template-columns: 1.75rem auto 1.75rem;
  align-items: center;
}
ecl-vertical-nav-menu .nav-item.right-left-icon .info {
  padding: 0 1rem 0 1rem;
}
ecl-vertical-nav-menu .nav-item {
  padding: 0.25rem 1rem;
  margin: 0.25rem 0;
  color: inherit;
}
ecl-vertical-nav-menu .nav-item:last-child {
  border: 0;
}
ecl-vertical-nav-menu .nav-item .info {
  margin: 0 -0.5rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  background: var(--color-background);
}
ecl-vertical-nav-menu ecl-accordion {
  color: var(--acc-color);
  display: block;
  font-size: 1rem;
  line-height: 1.875rem;
}
ecl-vertical-nav-menu ecl-accordion ecl-icon {
  color: var(--acc-header-icon);
}
ecl-vertical-nav-menu ecl-accordion .accordion-header {
  background-color: var(--acc-bg-color);
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 0.5rem;
  -webkit-user-select: none;
          user-select: none;
  display: grid;
  grid-auto-flow: columns;
  grid-template-columns: 1fr 1.25rem;
  justify-content: space-between;
  align-items: center;
}
ecl-vertical-nav-menu ecl-accordion .expanded {
  background-color: var(--acc-header-expanded-bg-color);
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  margin-bottom: 1px;
}
ecl-vertical-nav-menu ecl-accordion .expanded ecl-icon {
  color: var(--acc-header-expanded-icon);
}
ecl-vertical-nav-menu ecl-accordion .accordion-content {
  background-color: var(--acc-bg-color);
  padding: 0.5rem 1rem;
}
ecl-vertical-nav-menu ecl-accordion .accordion-footer {
  margin-top: 1px;
  background-color: var(--acc-bg-color);
  padding: 0.5rem 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
ecl-vertical-nav-menu ecl-accordion .accordion-footer:is(:empty) {
  display: none;
}
ecl-vertical-nav-menu ecl-accordion .accordion-no-footer {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
ecl-vertical-nav-menu ecl-accordion {
  margin: 0.5rem;
  border: 1px solid;
  border-radius: 0.5rem;
  overflow: hidden;
  border-color: var(--color-background);
}
ecl-vertical-nav-menu ecl-accordion .accordion-content {
  padding: 0;
}
ecl-vertical-nav-menu ecl-accordion svg.ecl-icon {
  color: var(--color-base);
}
ecl-vertical-nav-menu ecl-accordion .accordion-header {
  border-radius: 0;
  line-height: 1.25rem;
  border-color: var(--acc-bg-color);
}
ecl-vertical-nav-menu ecl-accordion .accordion-header.active {
  border-bottom: 1px solid;
}
ecl-vertical-nav-menu ecl-accordion ecl-accordion-header em {
  font-style: normal;
}

es-drawer-sidenav {
  display: block;
  height: 100%;
  background: var(--color-background);
  color: var(--color-text);
}
es-drawer-sidenav ecl-vertical-nav-menu {
  border: none;
}
es-drawer-sidenav ecl-card {
  --box-shadow-color: var(--color-shadow);
}

ecl-tree-stepper {
  color: var(--ts-color);
}
ecl-tree-stepper ecl-icon {
  color: var(--ts-color);
  background-color: var(--color-base);
}
ecl-tree-stepper .tree-item {
  border-color: var(--ts-color);
}
ecl-tree-stepper .tree-dropdown {
  color: var(--ts-color);
  background-color: var(--color-base);
  border: var(--ts-color);
}
ecl-tree-stepper .tree-header,
ecl-tree-stepper .tree-content {
  background-color: var(--color-base);
  color: var(--ts-color);
}
ecl-tree-stepper .tree-header.open {
  background-color: var(--ts-head-color);
}

ecl-tree-stepper:first-child > .tree-item-step::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0.563rem;
  border-left: 0.125rem solid;
}

ecl-tree-stepper:last-child > .tree-item-step::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0.563rem;
  border-left: 0.125rem solid;
}

ecl-tree-stepper:last-child > div.tree-item-content > div.tree-item-step::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
}

ecl-tree-stepper:only-child > .tree-item-step::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
}

ecl-tree-stepper .tree-item-step {
  position: relative;
}
ecl-tree-stepper .tree-item-step > .tree-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
ecl-tree-stepper .disabled {
  opacity: 0.5;
  pointer-events: none;
}
ecl-tree-stepper .tree-item-step::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.563rem;
  border-left: 0.125rem solid;
}
ecl-tree-stepper .tree-item-content {
  grid-column: 1/3;
  display: grid;
  position: relative;
  grid-template-columns: 1.25rem auto;
}
ecl-tree-stepper .hide {
  display: none;
}
ecl-tree-stepper .tree-item-button {
  position: relative;
}
ecl-tree-stepper .tree-item-button > .tree-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
}
ecl-tree-stepper .tree-item-header {
  display: grid;
  grid-template-columns: 1fr 1.25rem;
  padding: 0.75rem 0.5rem;
}

ecl-label-indicator {
  color: var(--label-indicator);
  pointer-events: none;
  cursor: text;
}
ecl-label-indicator .indicator-background {
  border-radius: 0.438rem;
  padding: 0.5rem;
  background-color: #4c93a6;
  color: white;
}
ecl-label-indicator .indicator-background label.ecl-label {
  color: white;
}

label.ecl-label {
  color: var(--label-indicator-label);
}

.warning .indicator-background {
  background-color: var(--warning);
  color: var(--warning-label-ind);
}
.warning .indicator-background label.ecl-label {
  color: var(--warning-label-ind);
}

.error .indicator-background {
  background-color: var(--error-background);
  color: white;
}
.error .indicator-background label.ecl-label {
  color: white;
}

ecl-card {
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  grid-template-areas: "header" "body" "footer";
  --box-border-color: black;
  box-sizing: border-box;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0.06rem solid var(--box-border-color);
}
ecl-card > ecl-card-footer {
  height: 2.125rem;
  background: var(--color-base);
  border-color: var(--card-footer);
  color: var(--color-text);
  grid-area: footer;
  line-height: 1.1875rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  padding: 0 1.75rem;
  overflow: hidden;
  margin-top: 0.25rem;
  border-top: 1px solid;
}
ecl-card > ecl-card-footer .heading {
  display: grid;
  width: 100%;
  align-items: center;
  grid-template-columns: 1fr auto auto auto;
}
ecl-card > ecl-card-footer span {
  overflow: hidden;
}
ecl-card h1 {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: var(--color-border);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
ecl-card h2 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
ecl-card ecl-card-header {
  background: var(--color-accent-deprecated);
  color: var(--card-body);
  grid-area: header;
  white-space: nowrap;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0 1.75rem;
  overflow: hidden;
  margin-bottom: 0.0625rem;
}
ecl-card ecl-card-header .actions .icon {
  border-color: var(--color-lv-2-deprecated);
}
ecl-card ecl-card-header .actions .icon:hover {
  background: var(--color-theme);
}
ecl-card ecl-card-header .heading {
  overflow: hidden;
  flex: auto;
  font-weight: 600;
}
ecl-card ecl-card-header .heading-right {
  flex: 0;
}
ecl-card[alt-header] > ecl-card-header {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  background: transparent;
  border-color: var(--color-border);
  color: var(--color-border);
  margin: 0 1rem;
  padding: 0.6rem;
}
ecl-card ecl-card-body {
  background: var(--color-base);
  color: var(--color-text);
  display: block;
  overflow: hidden;
  grid-area: body;
  padding: 1.75rem;
}
ecl-card ecl-card-body[no-padding] {
  padding: 0;
}

.hbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.vbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  flex-direction: column;
}

.infobox {
  display: grid;
  overflow: hidden;
  align-items: center;
  white-space: nowrap;
  box-sizing: content-box;
}
.infobox.one-col {
  grid-template-columns: auto;
}
.infobox .icon img {
  border-radius: 50%;
  height: 5.625rem;
  width: 5.625rem;
  border-color: var(--info-box-border) !important;
  border-style: solid;
  border-width: min(0.125rem, 2px);
}
.infobox .info .heading {
  font-weight: 400;
  font-size: 2.5rem;
  display: block;
  line-height: 2.5rem;
  color: var(--info-box-head);
}
.infobox .info .text {
  display: block;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
  color: var(--info-box-text);
}
.infobox.three-col {
  grid-template-columns: auto auto auto;
}
.infobox.three-col .info {
  padding: 0 2.25rem;
}

.hbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.vbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  flex-direction: column;
}

.nav-item {
  display: grid;
  overflow: hidden;
  align-items: center;
  padding: 1rem;
  white-space: nowrap;
}
.nav-item .heading {
  display: block;
  font-size: 0.875rem;
}
.nav-item .text {
  display: block;
  font-size: 0.8125rem;
}
.nav-item .icon {
  display: grid;
  overflow: hidden;
}
.nav-item .icon img {
  border-radius: 50%;
  height: 1.75rem;
  width: auto;
}
.nav-item .icon i {
  text-align: right;
}
.nav-item.left-icon {
  display: grid;
  overflow: hidden;
  grid-template-columns: 1.75rem auto;
  align-items: center;
}
.nav-item.left-icon .info {
  padding: 0 0 0 1rem;
}
.nav-item.right-icon {
  display: grid;
  overflow: hidden;
  grid-template-columns: auto 1.75rem;
  align-items: center;
}
.nav-item.right-icon .info {
  padding: 0 1rem 0 0;
}
.nav-item.right-left-icon {
  display: grid;
  overflow: hidden;
  grid-template-columns: 1.75rem auto 1.75rem;
  align-items: center;
}
.nav-item.right-left-icon .info {
  padding: 0 1rem 0 1rem;
}

ecl-menu-item:not(.divider) {
  color: var(--menu-item-color);
  line-height: 1rem;
  padding: 0.5rem;
  display: block;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
ecl-menu-item:not(.divider):hover {
  background: var(--menu-item-background);
}
ecl-menu-item:not(.divider) :last-child {
  margin-bottom: 0;
}
ecl-menu-item:not(.divider) a {
  color: inherit !important;
  text-decoration: inherit !important;
}

.divider {
  display: block;
  width: 100%;
  background-color: var(--card-border);
  margin: 0.375rem 0;
}

.hbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.vbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  flex-direction: column;
}

.noselect, es-dashboard-header,
es-workspace-header, es-subject-sidenav {
  -webkit-user-select: none;
          user-select: none;
}

.scrollable {
  overflow-y: auto;
}

es-subject-sidenav {
  background: var(--color-background);
}
es-subject-sidenav es-subject-list {
  border-right: 0.0625rem solid;
  border-color: var(--sidenav-border);
}
es-subject-sidenav es-subject-list .accordion-header {
  border-bottom: 0.0625rem solid;
  border-color: var(--sidenav-border);
}
es-subject-sidenav .subject-drawer {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-left: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  overflow-y: auto;
  height: 100%;
  background: var(--color-background);
  border-color: var(--sidenav-border);
}
es-subject-sidenav .subject-sidenav-handle {
  display: grid;
  overflow: hidden;
  grid-template-columns: auto;
  grid-template-rows: 5rem 1fr;
  background: var(--color-background);
  border-color: var(--sidenav-border);
  width: 4.25rem;
  box-sizing: content-box;
  border-radius: 0.5rem;
}
es-subject-sidenav .subject-sidenav-handle.subject-sidenav-handle-open {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
}
es-subject-sidenav .subject-sidenav-icon:hover {
  opacity: 0.7;
}
es-subject-sidenav .subject-sidenav-counter a {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  padding: 0.5rem 0;
  color: var(--sidenav-color);
  border-color: var(--sidenav-border);
  border: 0.0625rem solid;
  border-radius: 0.1875rem;
}
es-subject-sidenav .subject-sidenav-counter a:hover {
  opacity: 0.7;
}
es-subject-sidenav .subject-sidenav-counter a em {
  background: white;
}
es-subject-sidenav .subject-sidenav-counter a em:nth-child(1) {
  opacity: 0.25;
}
es-subject-sidenav .subject-sidenav-counter a em:nth-child(2) {
  opacity: 0.5;
}
es-subject-sidenav .subject-sidenav-counter a em:nth-child(3) {
  opacity: 0.75;
}

.selectbox {
  display: grid;
  overflow: hidden;
  grid-template-columns: auto 2rem;
  place-items: center;
  min-width: 16.375rem;
  white-space: nowrap;
}
.selectbox .info {
  padding: 0 1.25rem;
}
.selectbox .heading {
  display: block;
  color: var(--select-box-head);
}
.selectbox .text {
  display: block;
  font-size: 0.875rem;
  color: var(--select-box-text);
}
.selectbox span.arrow {
  display: grid;
  overflow: hidden;
  place-items: center;
  border-left: 0.0625rem solid var(--select-arrow-border);
  border-right: 0.0625rem solid var(--select-arrow-border);
  color: var(--select-arrow-color);
  height: 5rem;
  width: 2rem;
}
.selectbox:hover span.arrow {
  background: var(--select-arrow-hover);
  color: var(--select-arrow-color);
}

.select-dropdown-container .select-check-icon {
  display: none;
}

ecl-navbar ecl-navbar-item {
  padding-right: 1.8125rem;
  display: inline-block;
}
ecl-navbar ecl-navbar-item.active a {
  color: var(--navbar-link-active);
  border-bottom: 3px solid var(--navbar-anchor-bottom);
}
ecl-navbar ecl-navbar-item.active a:before {
  background: var(--navbar-link-effect);
}
ecl-navbar ecl-navbar-item.active a:hover:before {
  background: var(--navbar-link-effect);
}
ecl-navbar a {
  color: var(--navbar-anchor);
  letter-spacing: 0.08em;
  font-weight: 700;
}
ecl-navbar a:hover {
  color: var(--navbar-anchor-hover);
}
ecl-navbar a:hover:before {
  background: var(--navbar-background);
}

.hbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.vbox {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  flex-direction: column;
}

.noselect, es-dashboard-header,
es-workspace-header, es-subject-sidenav {
  -webkit-user-select: none;
          user-select: none;
}

.scrollable {
  overflow-y: auto;
}

es-workspace-header,
es-dashboard-header,
elekta-dashboard-header {
  background: var(--color-background);
}

es-dashboard-header,
es-workspace-header {
  display: grid;
  overflow: hidden;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
}

es-workspace-header .infobox {
  padding-left: 0;
}
es-workspace-header ecl-navbar {
  margin-right: 1rem;
}

.ecl-instruction-container {
  display: flex;
  align-items: center; /* Vertical centering */
  justify-content: center;
  padding: 1.563rem 1.5rem;
  background: var(--instruction-background);
  border: 1px solid var(--instruction-border);
  gap: 0.5rem;
}

.ecl-instruction-container ecl-icon {
  width: 2.25rem;
  height: 2.25rem;
}

.ecl-instruction-container .ecl-instruction-text {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: normal;
  color: var(--instruction-text-color);
}

.cdk-overlay-pane {
  border-radius: 0.25rem;
}

.default-snackbar {
  background-color: var(--default-snackbar-back);
  color: var(--default-snackbar-color);
}

.success-snackbar {
  background-color: var(--success-snackbar) !important;
  color: var(--default-snackbar-color);
}

.warning-snackbar {
  background-color: var(--warning-snackbar) !important;
  color: var(--charcoal-100);
}

.error-snackbar {
  background-color: var(--error-snackbar) !important;
  color: var(--default-snackbar-color);
}

.snack-bar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 30vw;
  min-width: 330px;
  opacity: 1;
  padding: 0.425rem;
}
.snack-bar-container span.simple-snackbar-content {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.325rem;
}
.snack-bar-container button.simple-snackbar-action {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0.25rem;
}

ecl-gendersex {
  display: flex;
  align-items: center;
}
ecl-gendersex span.ecl-pronounce-text {
  font-weight: 600;
  font-size: 1.5rem;
  margin-left: 0.75rem;
  color: var(--gender-text);
}
ecl-gendersex .ecl-gender-indicator {
  color: var(--gender-text);
  width: 0.958rem;
  height: 1.5325rem;
}

ecl-toast-portal-component {
  display: grid;
  grid-row: auto;
  grid-template-columns: 12em;
  padding: 0.625rem;
}

ecl-toast {
  color: var(--toast);
  display: block;
  padding: 0.625rem;
  border-radius: 0.625rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  margin-bottom: 0.625rem;
  text-align: center;
}
ecl-toast.toast-success {
  background-color: var(--toast-success);
}
ecl-toast.toast-warning {
  background-color: var(--toast-warning);
  color: var(--charcoal-100);
}
ecl-toast.toast-error {
  background-color: var(--toast-error);
}

ecl-table {
  width: 100%;
  display: grid;
  grid-template-areas: "top-action-bar" "table" "bottom-action-bar";
  grid-template-rows: min-content minmax(0, 1fr) min-content;
  overflow: auto;
}
ecl-table .core-table {
  grid-area: table;
  position: relative;
  width: 100%;
  height: 100%;
  border-spacing: 0;
}
ecl-table .core-table tr:last-child td {
  border-bottom-width: 2px;
}
ecl-table .core-table tr,
ecl-table .core-table th,
ecl-table .core-table td {
  height: 4rem;
}
ecl-table .core-table thead th {
  border-top: 0;
}
ecl-table .core-table thead th:first-child, ecl-table .core-table thead th:last-child {
  border-radius: 0;
}
ecl-table .core-table th,
ecl-table .core-table td {
  font-size: 1rem;
  line-height: 1.875rem;
  text-align: left;
  border: solid var(--color-base);
  padding: 0 1rem;
}
ecl-table .core-table th {
  position: sticky;
  top: 0;
  font-weight: 600;
  font-size: 1rem;
  border-width: 2px 1px 1px 1px;
  background-color: var(--table-th-background);
  color: var(--table-th-color);
}
ecl-table .core-table td {
  font-weight: 400;
  font-size: 1rem;
  border-width: 1px;
  background-color: var(--table-td-background);
  color: var(--table-td-color);
}
ecl-table .core-table td a {
  font-weight: 600;
  color: var(--table-td-anch-color);
}
ecl-table .core-table tr.selected td {
  background-color: var(--table-td-sel-background);
}
ecl-table .core-table td:first-child,
ecl-table .core-table th:first-child {
  border-left-width: 0;
}
ecl-table .core-table td:last-child,
ecl-table .core-table th:last-child {
  border-right-width: 0;
}
ecl-table .core-table .selectable {
  cursor: pointer;
}
ecl-table .core-table th.select-column,
ecl-table .core-table td.select-cell {
  width: 1rem;
}
ecl-table .core-table th.select-column > div,
ecl-table .core-table td.select-cell > div {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
ecl-table .core-table th:not(.select-column) > div {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
}
ecl-table .core-table th:not(.select-column) ecl-table-sort-button {
  width: 2rem;
  height: 2rem;
  border-width: 2px;
  border-style: solid;
  border-radius: 0.5rem;
  border-color: var(--table-sort-btn-border);
}
ecl-table .core-table th:not(.select-column) ecl-table-sort-button ecl-icon {
  width: 0.75rem;
  height: 0.75rem;
  color: var(--table-sort-btn-icon);
}
ecl-table .core-table th:not(.select-column) ecl-table-sort-button ecl-icon.selected {
  color: var(--table-sort-btn-sel);
}
ecl-table div.table-container {
  height: 100%;
  width: 100%;
  overflow: auto;
}
ecl-table div.table-container:first-child > table th {
  border-width: 0px 1px 1px 1px;
}
ecl-table div.table-container:first-child > table thead th:first-child {
  border-top-left-radius: 0.25rem;
  border-left-width: 0px;
}
ecl-table div.table-container:first-child > table thead th:last-child {
  border-top-right-radius: 0.25rem;
  border-right-width: 0px;
}
ecl-table .select-column ecl-icon {
  color: var(--table-sel-col-icon);
}
ecl-table .select-cell ecl-icon {
  color: var(--table-sel-cell-icon);
}
ecl-table ecl-table-action-bar {
  height: 4rem;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
  column-gap: 0.25rem;
  align-items: center;
  justify-content: space-between;
}
ecl-table ecl-table-action-bar[topBar] {
  grid-area: top-action-bar;
  background-color: var(--color-base);
  border-color: var(--table-topBar-border);
  color: var(--table-topBar-color);
  border-width: 2px 2px 0 2px;
  border-style: solid;
  border-radius: 0.25rem 0.25rem 0 0;
}
ecl-table ecl-table-action-bar[bottomBar] {
  grid-area: bottom-action-bar;
  background-color: var(--table-bottomBar-back);
  color: var(--table-bottomBar-color);
  border-radius: 0 0 0.25rem 0.25rem;
}
ecl-table.light th,
ecl-table.light td {
  border-color: var(--table-light-border);
  background-color: var(--color-base);
}
ecl-table.light th {
  color: var(--table-th-color);
}
ecl-table.light td {
  color: var(--table-td-color);
}
ecl-table.light table td:first-child,
ecl-table.light table th:first-child {
  border-left-width: 2px;
}
ecl-table.light table td:last-child,
ecl-table.light table th:last-child {
  border-right-width: 2px;
}
ecl-table.light ecl-table-action-bar[topBar] {
  border-width: 2px 2px 2px 2px;
}

.digits-row {
  display: flex;
  gap: 0.125rem;
}
.digits-row.warning-digit ecl-input-field ::ng-deep.ecl-input-field-container {
  box-shadow: 0 0 0 0.125rem #E65757 inset;
}

.one-digit-input div.ecl-input-field-container div.ecl-input-field .ecl-input {
  padding: 0 0.375rem 0 0.375rem;
}

.pin-column {
  display: flex;
  flex-direction: column;
}

.pin-container-row {
  display: flex;
  align-items: baseline;
  position: relative;
}

.warning-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 11.25rem;
}
.warning-container .left-arrow {
  width: 0;
  height: 0;
  border-top: 0.4375rem solid transparent;
  border-bottom: 0.4375rem solid transparent;
  border-right: 0.4375rem solid #E65757;
}
.warning-container .bar {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: max-content;
  height: 2.25rem;
  border-radius: 0.375rem;
  background-color: #E65757;
  color: #ebedee;
  padding: 0.4375rem 0.75rem;
}
.warning-container .bar ecl-label {
  width: 100%;
}

ecl-icon {
  color: inherit;
}

ecl-form-field.one-digit-form ::ng-deep.ecl-form-field-container {
  row-gap: 0;
}

:root {
  --progress-deg: 0deg; /* Default progress degree */
}

.progress-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.progress-circle__outer-ring,
.progress-circle__inner-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--progress-background-stroke); /* Set the color of the outer rings */
  box-sizing: border-box;
}

.progress-circle__outer-ring {
  width: 103.5%; /* Slightly larger than the main circle */
  height: 103.5%;
}

.progress-circle__inner-ring {
  width: 62%; /* Smaller ring for the inner ring */
  height: 62%;
  z-index: 1000;
}

.progress-circle__progress {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(var(--circle-progress-rgba) 0deg, var(--circle-progress) var(--progress-deg), rgba(0, 0, 0, 0) var(--progress-deg), rgba(0, 0, 0, 0) 360deg);
}

.progress-circle__middle {
  position: absolute;
  width: 65%; /* Adjust the size of the middle circle */
  height: 65%;
  border-radius: 50%;
  background-color: var(--inner-circle-background); /* Set the middle circle to black */
}

.progress-circle__label {
  position: absolute;
  font-weight: bold;
  color: var(--progress-text); /* Adjust text color */
  z-index: 1;
  font-size: var(--36, 36px);
}

.progress-circle__label--small {
  font-size: 8px;
}

.progress-circle__label--medium {
  font-size: 14px;
}

.progress-circle__label--large {
  font-size: 36px;
}

.user-workarea {
  height: 100%;
  overflow-y: auto;
}
.user-workarea ecl-card {
  height: 100%;
  border-color: transparent;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: none;
}
.user-workarea ecl-card ecl-card-header {
  margin: 0;
  padding: 0 1.5rem;
  font-size: 1rem;
  line-height: 3rem;
  height: auto;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.user-workarea ecl-card ecl-card-header .select-field-inner-wrapper {
  width: 8rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.user-workarea ecl-card ecl-card-body {
  margin: 0;
}
.user-workarea ecl-card ecl-card-body > * {
  margin-bottom: 1rem;
}
.user-workarea ecl-card ecl-card-footer {
  margin: 0;
}

input.ecl-overlay {
  border-radius: 0.4375rem;
  font-size: 1rem;
  padding: 0 1.875rem 0 1rem;
  width: 100%;
  background: var(--select-box-background);
  border: 0.0625rem solid var(--select-box-border);
  color: var(--select-box-text);
  height: 2.4rem;
  cursor: pointer;
  text-overflow: ellipsis;
  display: flex;
  min-width: 4.75rem;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
}
.disabled input.ecl-overlay {
  pointer-events: none;
}
input.ecl-overlay:focus-visible {
  outline: 0.125rem solid var(--focus-stroke);
}
input.ecl-overlay:hover {
  background-color: var(--select-box-background);
  outline: none;
}
input.ecl-overlay::placeholder {
  color: var(--select-box-text);
  font-weight: 600;
}

.ecl-select-icon {
  position: absolute;
  cursor: pointer;
  right: 0.625rem;
  bottom: 0.625rem;
  color: var(--select-arrow-color);
}
.disabled .ecl-select-icon {
  opacity: 0.4;
  pointer-events: none;
}

div.select-dropdown-container {
  width: 100%;
}

div.ecl-select-options-container {
  width: 100%;
  max-height: 10rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
  overflow: auto;
  background-color: var(--select-box-background);
  border: 0.0625rem solid var(--select-box-border);
  color: var(--select-box-text);
  z-index: 1000;
}
div.ecl-select-options-container .all-option {
  display: block;
  border-block-end: 0.0625rem solid var(--select-box-border);
}
div.ecl-select-options-container div.ecl-select-option {
  width: 100%;
  font-size: 1rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
div.ecl-select-options-container div.ecl-select-option.selected {
  background-color: var(--auto-oc-selected);
}
div.ecl-select-options-container div.ecl-select-option:focus-visible {
  background: none;
  outline: 0.125rem solid var(--focus-stroke);
}
div.ecl-select-options-container div.ecl-select-option:hover {
  background-color: var(--auto-oc-hover);
}
div.ecl-select-options-container div.ecl-select-option.multi-select {
  display: flex;
}

.danger input.ecl-overlay {
  background: var(--danger);
  border-color: var(--color-base);
  color: var(--color-white);
}
.danger div.ecl-select-options-container {
  background-color: var(--danger);
}
.danger div.ecl-select-options-container div.ecl-select-option {
  color: var(--color-white);
}
.danger div.ecl-select-options-container div.ecl-select-option.selected {
  background-color: rgb(221.4525862069, 107.5474137931, 107.5474137931);
}
.danger div.ecl-select-options-container div.ecl-select-option:hover {
  background-color: rgb(230.9051724138, 149.0948275862, 149.0948275862);
}

.warning input.ecl-overlay {
  background: var(--warning);
  border-color: var(--charcoal-100);
  color: var(--charcoal-100);
}
.warning div.ecl-select-options-container {
  background-color: var(--warning);
}
.warning div.ecl-select-options-container div.ecl-select-option {
  color: var(--charcoal-100);
}
.warning div.ecl-select-options-container div.ecl-select-option.selected {
  background-color: rgb(255, 219.2105263158, 135);
}
.warning div.ecl-select-options-container div.ecl-select-option:hover {
  background-color: rgb(255, 234.4210526316, 186);
}

:root {
  --warning-background: #cc7445;
  --error-background: #cd5454;
  --success-background: #63a145;
  --light-green: #ebf8e2;
  --light-red: #ffeded;
  --success: #488026;
  --danger: #d44242;
  --warning: #ffcc54;
  --info: #397887;
  --out-of-tolerance: #ed7836;
  --bg-transparent: transparent;
  --border-none: none;
  --color-white: #fff;
  --color-black: #000;
  --tooltip-success-color: #fff;
  --pi-valid-background: #dcf2d0;
  --pi-invalid-background: #faf0ef;
  --pi-valid-accent: #677d57;
  --pi-invalid-accent: #d45250;
  --pi-disable-background: #f1f1f3;
  --pi-disable-accent: #ccccce;
  --charcoal-100: #363e46;
  --charcoal-95: #40484f;
  --charcoal-90: #4a5158;
  --charcoal-85: #545b62;
  --charcoal-80: #5e656b;
  --charcoal-75: #686e74;
  --charcoal-70: #72787e;
  --charcoal-65: #7c8186;
  --charcoal-60: #868b90;
  --charcoal-55: #909599;
  --charcoal-50: #9a9ea2;
  --charcoal-45: #a5a8ac;
  --charcoal-40: #afb2b5;
  --charcoal-35: #b9bbbe;
  --charcoal-30: #c3c5c8;
  --charcoal-25: #cdcfd1;
  --charcoal-20: #d7d8da;
  --charcoal-15: #e1e2e3;
  --charcoal-10: #ebeced;
  --charcoal-5: #f3f5f5;
  --teal-100: #006580;
  --teal-95: #0d6d86;
  --teal-90: #19748c;
  --teal-85: #267c93;
  --teal-80: #338499;
  --teal-75: #408ca0;
  --teal-70: #4c93a6;
  --teal-65: #599bac;
  --teal-60: #66a3b3;
  --teal-55: #73aab9;
  --teal-50: #7fb2bf;
  --teal-45: #8cbac6;
  --teal-40: #99c1cc;
  --teal-35: #a6c9d3;
  --teal-30: #b2d0d9;
  --teal-25: #bfd8df;
  --teal-20: #cce0e6;
  --teal-15: #d9e8ec;
  --teal-10: #e5eff2;
  --teal-5: #f2f7f9;
  --sky-100: #75c4d7;
  --danger-hover: #d45252;
}

.dark-theme {
  --workspace-text: var(--color-white);
  --color-background: #292f35;
  --color-text: var(--charcoal-5);
  --card-body: #ffffff;
  --color-base: var(--charcoal-100);
  --color-theme: var(--charcoal-30);
  --color-accent-deprecated: var(--teal-60);
  --color-action: var(--teal-85);
  --color-shadow: #273038;
  --color-border: var(--charcoal-50);
  --card-footer: var(--charcoal-95);
  --color-lv-2-deprecated: #273038;
  --info-box-border: var(--charcoal-25);
  --info-box-head: var(--charcoal-5);
  --info-box-text: var(--charcoal-60);
  --nav-item-text: var(--charcoal-55);
  --nav-item-head: var(--charcoal-55);
  --nav-state-chip: var(--charcoal-75);
  --nav-state-color: var(--charcoal-10);
  --nav-item-background: var(--charcoal-90);
  --nav-item-icon: var(--teal-50);
  --menu-item-color: var(--charcoal-5);
  --menu-item-background: var(--charcoal-90);
  --select-box-border: var(--color-background);
  --select-box-background: var(--charcoal-90);
  --select-box-text: var(--charcoal-5);
  --select-arrow-border: #262d34;
  --select-arrow-color: var(--charcoal-50);
  --select-arrow-hover: var(--charcoal-90);
  --select-box-background-container: var(--charcoal-90);
  --select-box-border-container: var(--color-background);
  --navbar-anchor: var(--charcoal-40);
  --navbar-anchor-bottom: var(--teal-70);
  --navbar-anchor-hover: var(--charcoal-5);
  --navbar-background: var(--charcoal-70);
  --navbar-link-active: var(--charcoal-10);
  --navbar-link-effect: #4c93a6;
  --sidenav-border: var(--charcoal-85);
  --sidenav-color: var(--charcoal-10);
  --acc-color: var(--charcoal-5);
  --acc-header-icon: var(--charcoal-50);
  --acc-header-expanded-bg-color: var(--charcoal-85);
  --acc-header-expanded-icon: var(--charcoal-30);
  --acc-bg-color: var(--charcoal-90);
  --acc-head-active: var(--charcoal-70);
  --divider-back-color: var(--charcoal-90);
  --icon-warning: var(--charcoal-100);
  --ecl-icon: #e5e5e5;
  --icon-btn: var(--charcoal-90);
  --icon-color: var(--charcoal-40);
  --highlight-back: #d7d8da;
  --btn-highlight: var(--charcoal-90);
  --btn-border: #292f35;
  --icon-action: var(--teal-85);
  --icon-highlight-action: #d7d8da;
  --highlight-action: var(--teal-90);
  --highlight-action-border: #0d6d86;
  --highlight-action-background: #408ca0;
  --action-icon: var(--teal-10);
  --label-color: #a5a8ac;
  --accent-label: var(--charcoal-40);
  --warning-label-ind: var(--charcoal-100);
  --label-indicator: #d7d8da;
  --label-indicator-label: #a5a8ac;
  --ecl-msg-background: var(--charcoal-80);
  --ecl-msg-color: white;
  --pagination-btn-background: var(--charcoal-80);
  --pagination-btn-color: var(--charcoal-20);
  --pagination-btn-sel: var(--teal-50);
  --pagination-icon: var(--charcoal-50);
  --pagination-btn-disabled: var(--charcoal-50);
  --pagination-btn-disabled: var(--charcoal-70);
  --radio-label: var(--charcoal-50);
  --radio-background: var(--color-background);
  --radio-border: var(--charcoal-90);
  --radio-sel-background: #016580;
  --range-input: var(--color-background);
  --range-input-box: #586169;
  --range-thumb: var(--charcoal-90);
  --range-thumb-border: var(--charcoal-80);
  --range-thumb-box: var(--color-shadow);
  --ti-container-back: var(--color-background);
  --ti-container-border: var(--charcoal-90);
  --ti-color: var(--charcoal-10);
  --text-area-background: var(--color-background);
  --text-area-border: var(--charcoal-90);
  --text-area-text-color: var(--charcoal-30);
  --text-area-placeholder: var(--charcoal-80);
  --toggle-dc-back: var(--color-background);
  --toggle-dc-border: var(--charcoal-90);
  --toggle-off-back: var(--charcoal-90);
  --toggle-disabled-border: var(--charcoal-90);
  --toggle-disabled-back: var(--charcoal-80);
  --toggle-on: linear-gradient(222.27deg, #016580 0%, #5aaec3 105.24%);
  --toggle-on-border: var(--charcoal-90);
  --toolbar-border: var(--color-background);
  --tooltip-color: var(--charcoal-5);
  --tooltip-msg-color: var(--charcoal-80);
  --ts-color: var(--charcoal-5);
  --ts-head-color: var(--charcoal-70);
  --badge-background: var(--charcoal-80);
  --badge-color: white;
  --auto-background: var(--color-background);
  --auto-border: var(--charcoal-90);
  --auto-color: var(--charcoal-5);
  --auto-ph: var(--charcoal-80);
  --auto-oc-background: var(--charcoal-90);
  --auto-oc-color: var(--charcoal-5);
  --auto-oc-selected: var(--charcoal-70);
  --auto-oc-hover: var(--charcoal-60);
  --btn-primary: #ffffff;
  --btn-primary-color: var(--teal-85);
  --btn-sec-border: var(--charcoal-40);
  --btn-sec-color: var(--charcoal-30);
  --btn-primary-text: var(--teal-95);
  --btn-primary-focus: var(--charcoal-100);
  --btn-primary-focus-background: var(--teal-85);
  --btn-primary-active: var(--teal-80);
  --btn-secondary-active: var(charcoal-10);
  --btn-secondary-text: var(--charcoal-20);
  --checkbox-label: var(--charcoal-50);
  --checkbox-background: var(--color-shadow);
  --checkbox-border: var(--charcoal-90);
  --checkbox-symb-linGrad-stop: var(--teal-100);
  --checkbox-fill: var(--teal-100);
  --chip-background-color: var(--charcoal-90);
  --chip-text-color: var(--charcoal-10);
  --chip-remove-btn: var(--charcoal-100);
  --chip-icon: var(--charcoal-30);
  --if-background: var(--color-background);
  --if-border-color: var(--charcoal-90);
  --if-readonly-border-color: var(--charcoal-85);
  --if-color: var(--charcoal-5);
  --if-readonly-color: var(--charcoal-25);
  --if-prefix-suffix: var(--charcoal-50);
  --if-placeholder: var(--charcoal-80);
  --if-addon: var(--charcoal-90);
  --if-addon-icon: var(--charcoal-50);
  --if-addon-divider: var(--charcoal-90);
  --dp-cal-container-bg: var(--color-background);
  --dp-cal-container-border: var(--charcoal-90);
  --dp-cal-container-color: var(--color-background);
  --dp-cc-header-caret: var(--charcoal-50);
  --dp-cc-header-back: var(--color-background);
  --dp-cc-header-border: var(--charcoal-90);
  --dp-cc-header-color: var(--charcoal-10);
  --dp-cc-month-border: var(--color-background);
  --dp-cc-month-color: var(--charcoal-5);
  --dp-cc-month-back: var(--charcoal-90);
  --dp-cc-pag-back: var(--charcoal-90);
  --dp-cc-pag-border: var(--color-background);
  --dp-cc-active-back: rgba(255, 255, 255, 0.2);
  --dp-cc-active-color: var(--charcoal-5);
  --dp-cc-body-back: var(--charcoal-20);
  --dp-cc-body-color: var(--charcoal-90);
  --dp-cc-body-header: var(--charcoal-40);
  --dp-cc-body-day: var(--charcoal-10);
  --danger-dp-cc: #ffffff;
  --table-th-background: var(--charcoal-90);
  --table-th-color: var(--charcoal-30);
  --table-td-background: var(--charcoal-80);
  --table-td-color: var(--charcoal-10);
  --table-td-anch-color: var(--teal-60);
  --table-td-sel-background: var(--charcoal-70);
  --table-sort-btn-border: var(--charcoal-70);
  --table-sort-btn-icon: var(--charcoal-70);
  --table-sort-btn-sel: var(--charcoal-40);
  --table-sel-col-icon: var(--charcoal-40);
  --table-sel-cell-icon: var(--charcoal-10);
  --table-border-color: var(--color-base);
  --table-topBar-border: var(--charcoal-90);
  --table-topBar-color: var(--charcoal-10);
  --table-bottomBar-back: var(--charcoal-90);
  --table-bottomBar-color: var(--charcoal-10);
  --table-light-border: var(--charcoal-90);
  --table-td-color: var(--charcoal-10);
  --instruction-background: #004c5d;
  --instruction-border: #003e4c;
  --instruction-text-color: #d2d4d5;
  --progress-background: var(--charcoal-100);
  --progress-border: var(--color-background);
  --progress-background-focus: #205260;
  --progress-border-focus: #1a424d;
  --progress-drop-shadow: #586169;
  --grad-top-color: var(--teal-40);
  --grad-bottom-color: var(--teal-60);
  --default-snackbar-back: var(--charcoal-80);
  --default-snackbar-color: white;
  --success-snackbar: var(--success);
  --warning-snackbar: var(--warning);
  --error-snackbar: var(--danger);
  --toast: white;
  --toast-success: var(--success);
  --toast-warning: var(--warning);
  --toast-error: var(--danger);
  --gender-text: var(--charcoal-20);
  --fi-container-border: var(--charcoal-90);
  --fi-container-bg: var(--color-background);
  --fi-placeholder-color: var(--charcoal-70);
  --fi-input-value: var(--charcoal-5);
  --fi-input-btn: var(--charcoal-10);
  --fi-upload-bg: var(--charcoal-90);
  --war-fi-container-border: var(--charcoal-100);
  --war-fi-placeholder-color: var(--charcoal-70);
  --war-fi-input-value: var(--charcoal-100);
  --war-fi-input-btn: var(--charcoal-100);
  --war-fi-upload-bg: #00000012;
  --dan-fi-container-border: var(--color-base);
  --dan-fi-placeholder-color: var(--charcoal-70);
  --dan-fi-input-value: var(--color-base);
  --dan-fi-input-btn: var(--color-base);
  --dan-fi-upload-bg: #ffffff1a;
  --icon-container-bg: var(--charcoal-55);
  --avatar-outline-cl: #71767b;
  --avatar-initials: #fff;
  --inner-circle-background: var(--charcoal-100);
  --circle-progress: var(--teal-50);
  --circle-progress-rgba: rgba(60, 139, 158, 0.6);
  --progress-text: var(--charcoal-20);
  --progress-background-stroke: var(--charcoal-20);
  --focus-stroke: var(--charcoal-100);
}

.light-theme {
  --workspace-text: var(--color-black);
  --color-background: var(--charcoal-5);
  --color-text: var(--charcoal-95);
  --color-base: #ffffff;
  --card-body: #ffffff;
  --color-theme: var(--charcoal-90);
  --color-accent-deprecated: var(--teal-60);
  --color-action: var(--teal-85);
  --color-shadow: var(--charcoal-10);
  --color-border: var(--charcoal-85);
  --card-footer: var(--charcoal-15);
  --color-lv-2-deprecated: #273038;
  --info-box-border: var(--charcoal-25);
  --info-box-head: var(--charcoal-100);
  --info-box-text: var(--charcoal-70);
  --nav-item-text: var(--charcoal-85);
  --nav-item-head: var(--charcoal-5);
  --nav-state-chip: var(--charcoal-85);
  --nav-state-color: var(--charcoal-10);
  --nav-item-background: var(--charcoal-10);
  --nav-item-icon: var(--teal-50);
  --menu-item-color: var(--charcoal-95);
  --menu-item-background: var(--charcoal-5);
  --select-box-border: var(--charcoal-15);
  --select-box-background: white;
  --select-box-text: var(--charcoal-90);
  --select-arrow-border: var(--charcoal-5);
  --select-arrow-color: var(--charcoal-50);
  --select-arrow-hover: var(--charcoal-5);
  --select-arr-hover-color: var(--charcoal-95);
  --navbar-anchor: var(--charcoal-65);
  --navbar-anchor-bottom: var(--teal-70);
  --navbar-anchor-hover: var(--charcoal-100);
  --navbar-background: var(--charcoal-70);
  --navbar-link-active: var(--charcoal-90);
  --navbar-link-effect: #4c93a6;
  --sidenav-border: var(--charcoal-15);
  --sidenav-color: var(--charcoal-85);
  --acc-color: var(--charcoal-90);
  --acc-header-icon: var(--charcoal-50);
  --acc-header-expanded-bg-color: var(--charcoal-10);
  --acc-header-expanded-icon: var(--charcoal-70);
  --acc-bg-color: var(--charcoal-5);
  --acc-head-active: var(--teal-10);
  --acc-head-active-text: var(--teal-90);
  --ecl-icon-active: var(--charcoal-50);
  --divider-back-color: var(--charcoal-15);
  --icon-warning: var(--charcoal-100);
  --ecl-icon: #737b8;
  --icon-btn: var(--charcoal-5);
  --icon-color: var(--charcoal-60);
  --highlight-back: #7c8186;
  --btn-highlight: #fff;
  --btn-border: var(--charcoal-15);
  --icon-action: var(--teal-85);
  --icon-highlight-action: #d7d8da;
  --highlight-action: var(--teal-90);
  --highlight-action-border: #0d6d86;
  --highlight-action-background: #408ca0;
  --action-icon: var(--teal-10);
  --label-color: var(--charcoal-75);
  --accent-label: #cce0e6;
  --warning-label-ind: var(--charcoal-100);
  --label-indicator: var(--charcoal-90);
  --label-indicator-label: var(--charcoal-75);
  --ecl-msg-background: var(--charcoal-75);
  --ecl-msg-color: white;
  --pagination-btn-background: var(--color-base);
  --pagination-btn-color: var(--charcoal-40);
  --pagination-btn-sel: var(--teal-70);
  --pagination-icon: var(--charcoal-50);
  --pagination-btn-disabled: var(--charcoal-30);
  --pagination-btn-disabled: var(--charcoal-70);
  --radio-label: var(--charcoal-60);
  --radio-background: var(--color-base);
  --radio-border: var(--charcoal-40);
  --radio-sel-background: var(--teal-60);
  --range-input: var(--charcoal-5);
  --range-thumb: var(--charcoal-15);
  --range-thumb-border: var(--color-base);
  --ti-container-back: var(--color-base);
  --ti-container-border: var(--charcoal-20);
  --ti-color: var(--charcoal-90);
  --text-area-background: var(--color-base);
  --text-area-border: var(--charcoal-15);
  --text-area-text-color: var(--charcoal-60);
  --text-area-placeholder: var(--charcoal-30);
  --toggle-dc-back: var(--color-base);
  --toggle-dc-border: var(--charcoal-40);
  --toggle-off-back: var(--charcoal-40);
  --toggle-disabled-border: var(--charcoal-40);
  --toggle-disabled-back: var(--charcoal-40);
  --toggle-on: var(--teal-60);
  --toggle-on-border: var(--teal-60);
  --toolbar-border: var(--charcoal-15);
  --tooltip-color: var(--charcoal-90);
  --tooltip-msg-color: var(--charcoal-5);
  --ts-color: var(--teal-60);
  --ts-head-color: var(--charcoal-15);
  --badge-background: var(--charcoal-75);
  --badge-color: var(--color-base);
  --auto-background: var(--color-base);
  --auto-border: var(--charcoal-15);
  --auto-color: var(--charcoal-95);
  --auto-ph: var(--charcoal-30);
  --auto-oc-background: var(--charcoal-5);
  --auto-oc-color: var(--charcoal-95);
  --auto-oc-selected: var(--teal-20);
  --auto-oc-sel-color: var(--teal-90);
  --auto-oc-hover: var(--teal-10);
  --auto-oc-hov-color: var(--teal-90);
  --btn-primary: var(--teal-85);
  --btn-primary-color: var(--color-base);
  --btn-primary-hover: var(--teal-90);
  --btn-sec-border: var(--charcoal-55);
  --btn-sec-color: var(--charcoal-75);
  --btn-sec-hover: var(--charcoal-65);
  --btn-focus: var(--teal-100);
  --btn-primary-focus-background: var(--teal-85);
  --checkbox-label: var(--charcoal-60);
  --checkbox-background: var(--color-base);
  --checkbox-border: var(--charcoal-15);
  --checkbox-symb-linGrad-stop: var(--teal-60);
  --checkbox-fill: var(--teal-60);
  --chip-background-color: var(--charcoal-5);
  --chip-text-color: var(--charcoal-90);
  --chip-remove-btn: var(--charcoal-15);
  --chip-icon: var(--charcoal-80);
  --if-background: var(--color-base);
  --if-border-color: var(--charcoal-15);
  --if-readonly-border-color: var(--charcoal-10);
  --if-color: var(--charcoal-95);
  --if-readonly-color: var(--charcoal-80);
  --if-prefix-suffix: var(--charcoal-75);
  --if-placeholder: var(--charcoal-30);
  --if-addon: var(--color-background);
  --if-addon-icon: var(--charcoal-60);
  --if-addon-divider: var(--charcoal-15);
  --dp-cal-container-bg: var(--color-base);
  --dp-cal-container-color: var(--color-base);
  --dp-cal-container-border: var(--charcoal-15);
  --dp-cc-header-caret: var(--charcoal-60);
  --dp-cc-header-back: var(--color-base);
  --dp-cc-header-color: var(--charcoal-90);
  --dp-cc-month-border: var(--charcoal-15);
  --dp-cc-month-color: var(--charcoal-90);
  --dp-cc-month-back: var(--charcoal-5);
  --dp-cc-pag-back: var(--charcoal-5);
  --dp-cc-pag-border: var(--charcoal-15);
  --dp-cc-active-back: rgba(0, 0, 0, 0.1);
  --dp-cc-active-color: var(--charcoal-100);
  --dp-cc-header-border: var(--charcoal-15);
  --dp-cc-body-back: var(--charcoal-5);
  --dp-cc-body-border: var(--charcoal-35);
  --dp-cc-body-color: var(--charcoal-60);
  --dp-cc-body-header: var(--charcoal-75);
  --dp-cc-body-day: var(--charcoal-90);
  --danger-dp-cc: var(--color-base);
  --table-th-background: var(--teal-60);
  --table-th-color: var(--color-base);
  --table-td-background: var(--color-base);
  --table-td-color: var(--charcoal-90);
  --table-td-anch-color: var(--teal-60);
  --table-td-sel-background: var(--color-shadow);
  --table-border-color: var(--color-base);
  --table-sort-btn-border: var(--teal-40);
  --table-sort-btn-icon: var(--teal-40);
  --table-sort-btn-sel: var(--teal-15);
  --table-sel-col-icon: var(--teal-60);
  --table-sel-cell-icon: var(--charcoal-90);
  --table-topBar-border: var(--teal-60);
  --table-topBar-color: var(--charcoal-80);
  --table-bottomBar-back: var(--teal-60);
  --table-bottomBar-color: var(--color-base);
  --table-light-border: var(--charcoal-15);
  --table-td-color: var(--charcoal-90);
  --instruction-background: #eef5f7;
  --instruction-border: #bcd7de;
  --instruction-text-color: #343b42;
  --progress-background: var(--charcoal-10);
  --progress-font-color: var(--charcoal-75);
  --progress-drop-shadow: transparent;
  --grad-top-color: var(--teal-65);
  --grad-bottom-color: var(--teal-65);
  --default-snackbar-back: var(--charcoal-75);
  --default-snackbar-color: white;
  --success-snackbar: var(--success);
  --warning-snackbar: var(--warning);
  --error-snackbar: var(--danger);
  --toast: white;
  --toast-success: var(--success);
  --toast-warning: var(--warning);
  --toast-error: var(--danger);
  --gender-text: var(--charcoal-80);
  --fi-container-border: var(--charcoal-15);
  --fi-container-bg: var(--color-white);
  --fi-placeholder-color: var(--charcoal-40);
  --file-input-value: var(--charcoal-95);
  --fi-input-btn: var(--charcoal-90);
  --fi-upload-bg: var(--charcoal-5);
  --war-fi-container-border: var(--border-none);
  --war-fi-placeholder-color: var(--charcoal-40);
  --war-fi-input-value: var(--charcoal-100);
  --war-fi-input-btn: var(--charcoal-100);
  --war-fi-upload-bg: #00000012;
  --dan-fi-container-border: var(--border-none);
  --dan-fi-placeholder-color: var(--charcoal-40);
  --dan-fi-input-value: var(--color-base);
  --dan-fi-input-btn: var(--color-base);
  --dan-fi-upload-bg: #ffffff1a;
  --icon-container-bg: var(--charcoal-20);
  --avatar-outline-cl: #71767b;
  --avatar-initials: #484f55;
  --inner-circle-background: #ffffff;
  --circle-progress: var(--teal-60);
  --circle-progress-rgba: rgba(60, 139, 158, 0.7);
  --progress-text: var(--charcoal-80);
  --progress-background-stroke: var(--charcoal-80);
  --focus-stroke: var(--teal-100);
}

/* Add application styles & imports to this file! */
.ecl_v1 {
  /* Global Palette */
  --onyx-5: #f4f4f5;
  --onyx-10: #e9e9ea;
  --onyx-15: #dddfe0;
  --onyx-20: #d2d4d5;
  --onyx-25: #c7c9cb;
  --onyx-30: #b8bbbd;
  --onyx-40: #9a9ea2;
  --onyx-50: #7c8287;
  --onyx-60: #6d7378;
  --onyx-70: #5e6469;
  --onyx-75: #565c62;
  --onyx-80: #4b5157;
  --onyx-85: #3f464d;
  --onyx-90: #343b42;
  --onyx-95: #283038;
  --onyx-100: #1d252d;
  --onyx-105: #12181e;
  --transparencies-onyx_alpha-5: #1d252d0d;
  --transparencies-onyx_alpha-10: #1d252d1a;
  --transparencies-onyx_alpha-15: #1d252d26;
  --transparencies-onyx_alpha-20: #1d252d33;
  --transparencies-onyx_alpha-25: #1d252d40;
  --teal-5: #eef5f7;
  --teal-10: #deebee;
  --teal-15: #cde1e6;
  --teal-20: #bcd7de;
  --teal-25: #abced6;
  --teal-30: #9ac4ce;
  --teal-40: #79b0bd;
  --teal-50: #5a9dad;
  --teal-60: #3c8b9e;
  --teal-70: #1e798f;
  --teal-75: #0f7087;
  --teal-80: #00677f;
  --teal-85: #00596e;
  --teal-90: #004c5d;
  --teal-95: #003e4c;
  --teal-100: #00303b;
  --transparencies-teal_alpha-5: #3c8b9e0d;
  --transparencies-teal_alpha-10: #3c8b9e1a;
  --transparencies-teal_alpha-15: #3c8b9e26;
  --transparencies-teal_alpha-20: #3c8b9e33;
  --transparencies-teal_alpha-25: #3c8b9e40;
  --transparencies-teal_alpha-30: #3c8b9e4d;
  --transparencies-teal_alpha-40: #3c8b9e66;
  --transparencies-teal_alpha-50: #3c8b9e80;
  --transparencies-teal_alpha-60: #3c8b9e99;
  --transparencies-teal_alpha-70: #3c8b9eb2;
  --transparencies-teal_alpha-75: #3c8b9ebf;
  --transparencies-teal_alpha-80: #3c8b9ecc;
  --transparencies-teal_alpha-85: #3c8b9ed9;
  --transparencies-teal_alpha-90: #3c8b9ee5;
  --transparencies-teal_alpha-95: #3c8b9ef2;
  --transparencies-teal_alpha-100: #3c8b9e;
  --yellow-5: #ffeecc;
  --yellow-10: #ffe0a3;
  --yellow-20: #ffcd69;
  --yellow-30: #ffaa00;
  --yellow-40: #e19600;
  --yellow-50: #c48300;
  --yellow-60: #a66f00;
  --yellow-70: #895b00;
  --yellow-80: #6b4700;
  --yellow-90: #4e3400;
  --yellow-95: #3f2a00;
  --yellow-100: #302000;
  --red-5: #ffeeee;
  --red-10: #ffdede;
  --red-20: #ffc2c2;
  --red-30: #f99;
  --red-40: #f27878;
  --red-50: #e65757;
  --red-60: #e54040;
  --red-70: #c63636;
  --red-80: #a62b2b;
  --red-90: #722020;
  --red-95: #581b1b;
  --red-100: #3d1515;
  --green-5: #ecf8e6;
  --green-10: #cff4bc;
  --green-20: #b2f092;
  --green-30: #8cde62;
  --green-40: #65cc31;
  --green-50: #57b527;
  --green-60: #499e1c;
  --green-70: #3b8712;
  --green-80: #2f690f;
  --green-90: #244c0c;
  --green-95: #1e3d0b;
  --green-100: #182e09;
  --brand-teal: #00677f;
  --brand-sapphire: #00a4b3;
  --brand-ocean: #2dccd3;
  --brand-pearl: #f2f5f5;
  --brand-onyx: #1d252d;
  --brand-charcoal: #373a36;
  --brand-slate: #727679;
  --brand-pebble: #b1b3b3;
  --white: #ffffff;
  --black: #000000;
  --success: var(--green-70);
  --warning: var(--yellow-30);
  --danger: var(--red-70);
  --info: var(--teal-70);
  --transparencies-white_alpha-5: #ffffff0d;
  --transparencies-white_alpha-10: #ffffff1a;
  --transparencies-white_alpha-15: #ffffff26;
  --transparencies-white_alpha-20: #ffffff33;
  --transparencies-white_alpha-25: #ffffff40;
  --scrim-fill: rgba(52, 59, 66, 0.4);
}

.ecl_v1 .dark-theme .canvas {
  --background: var(--brand-onyx);
  --color-text: var(--onyx-10);
  --selection-color: var(--teal-80);
  --text-primary: var(--onyx-15);
  --text-secondary: var(--onyx-30);
  --nav-accordion-icon: var(--onyx-60);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-fill-a-2: var(--transparencies-white_alpha-15);
  --icon-fill: var(--onyx-40);
  --icon-fill-h: var(--onyx-40);
  --icon-fill-a: var(--onyx-30);
  --card-body-inline-stroke: var(--onyx-75);
  --card-inline-stroke: var(--onyx-75);
  --button-1-fill: var(--onyx-10);
  --button-1-text: var(--teal-80);
  --button-1-stroke: var(--onyx-10);
  --button-1-fill-h: var(--onyx-20);
  --button-1-stroke-h: var(--onyx-20);
  --button-1-text-h: var(--teal-80);
  --button-1-stroke-a: var(--onyx-30);
  --button-1-fill-a: var(--onyx-30);
  --button-1-text-a: var(--teal-80);
  --button-2-fill: var(--brand-onyx);
  --button-2-text: var(--onyx-30);
  --button-2-stroke: var(--onyx-80);
  --button-2-fill-h: var(--onyx-100);
  --button-2-stroke-h: var(--onyx-80);
  --button-2-text-h: var(--onyx-30);
  --button-2-fill-a: var(--onyx-100);
  --button-2-stroke-a: var(--onyx-80);
  --button-2-text-a: var(--onyx-30);
  --table-td-stroke: var(--onyx-90);
  --table-th-fill: var(--onyx-95);
  --table-th-text: var(--teal-40);
  --table-td-fill: var(--brand-onyx);
  --table-td-sel-background: var(--brand-charcoal);
  --table-td-text: var(--onyx-20);
  --table-td-anch-color: var(--onyx-20);
  --table-th-sorter-stroke: var(--onyx-90);
  --table-th-sorter-icon: var(--onyx-60);
  --divider-stroke-h: var(--onyx-100);
  --chip-fill: var(--onyx-80);
  --chip-icon: var(--onyx-30);
  --chip-stroke: var(--onyx-100);
  --chip-fill-h: var(--onyx-70);
  --form-gen-fill: var(--onyx-100);
  --form-gen-content: var(--onyx-20);
  --form-gen-placeholder: var(--onyx-40);
  --form-gen-stroke: var(--onyx-80);
  --form-gen-switch-a: var(--teal-60);
  --form-gen-unit: var(--onyx-40);
  --form-gen-divider: var(--brand-onyx);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-read-only-stroke: var(--onyx-90);
  --form-gen-switch: var(--onyx-80);
  --progress-legend-right: var(--onyx-20);
  --progress-bar: var(--teal-60);
  --progress-value-bar: var(--onyx-95);
  --progress-value-groove: var(--onyx-10);
  --circle-progress: var(--teal-60);
  --circle-progress-rgba: rgba(60, 139, 158, 0.7);
  --form-gen-body-stroke: var(--onyx-80);
  --progress-spinner: var(--onyx-30);
  --text-area-icon-color: var(--onyx-40);
  --pin-bar: var(--onyx-5);
  --avatar-stroke: var(--onyx-80);
  --avatar-text-initials: var(--onyx-5);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-90);
  --avatar-stroke-inset: var(--brand-onyx);
  --avatar-fill: var(--onyx-20);
  --avatar-fill-initials: var(--onyx-95);
  --avatar-icon: var(--onyx-95);
  --avatar-fill-d: var(--onyx-70);
  --progress-slider-fill: var(--onyx-30);
  --progress-bar-thin: var(--teal-60);
  --progress-slider-stroke: var(--brand-onyx);
  --colors-focus-stroke: var(--teal-60);
  --select-fill: var(--onyx-90);
  --select-fill-h: var(--onyx-80);
  --select-stroke: var(--onyx-105);
  --select-add-on: var(--onyx-30);
  --tabs-stroke: var(--onyx-80);
  --tabs-fill: transparent;
  --tabs-heading-hover: var(--transparencies-white_alpha-10);
  --tabs-canvas-pipe-border: var(--onyx-80);
  --tabs-fill-a: transparent;
  --text-active: var(--onyx-10);
  --tabs-groove: var(--onyx-95);
  --tabs-underline: var(--teal-70);
  --card-fill: var(--onyx-80);
  --card-stroke: var(--onyx-70);
  --card-divider: var(--onyx-100);
  --card-body-background: var(--brand-onyx);
  --acc-color: var(--onyx-10);
  --acc-border: var(--onyx-90);
  --text-active: var(--onyx-10);
  --card-acc-overlay-drop-shadow: var(--onyx-100);
}

.ecl_v1 .dark-theme .base {
  --background: var(--onyx-90);
  --color-text: var(--onyx-10);
  --selection-color: var(--teal-80);
  --text-primary: var(--onyx-10);
  --text-secondary: var(--onyx-30);
  --nav-accordion-icon: var(--onyx-40);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-fill-a-2: var(--transparencies-white_alpha-15);
  --icon-fill: var(--onyx-40);
  --icon-fill-h: var(--onyx-40);
  --icon-fill-a: var(--onyx-20);
  --card-body-inline-stroke: var(--onyx-70);
  --card-inline-stroke: var(--onyx-70);
  --button-1-fill: var(--onyx-5);
  --button-1-text: var(--teal-80);
  --button-1-stroke: var(--onyx-5);
  --button-1-fill-h: var(--onyx-10);
  --button-1-stroke-h: var(--onyx-10);
  --button-1-text-h: var(--teal-80);
  --button-1-stroke-a: var(--onyx-20);
  --button-1-fill-a: var(--onyx-20);
  --button-1-text-a: var(--teal-80);
  --button-2-fill: var(--onyx-90);
  --button-2-text: var(--onyx-20);
  --button-2-stroke: var(--onyx-70);
  --button-2-stroke-h: var(--onyx-70);
  --button-2-fill-h: var(--onyx-95);
  --button-2-text-h: var(--onyx-20);
  --button-2-stroke-a: var(--onyx-70);
  --button-2-fill-a: var(--onyx-100);
  --button-2-text-a: var(--onyx-20);
  --table-td-stroke: var(--brand-onyx);
  --table-th-fill: var(--onyx-80);
  --table-th-text: var(--teal-30);
  --table-td-fill: var(--onyx-90);
  --table-td-sel-background: var(--onyx-95);
  --table-td-text: var(--onyx-10);
  --table-td-anch-color: var(--onyx-10);
  --table-th-sorter-stroke: var(--onyx-60);
  --table-th-sorter-icon: var(--onyx-40);
  --divider-stroke-h: var(--onyx-100);
  --chip-fill: var(--onyx-80);
  --chip-icon: var(--onyx-20);
  --chip-stroke: var(--onyx-90);
  --chip-fill-h: var(--onyx-70);
  --form-gen-fill: var(--onyx-95);
  --form-gen-placeholder: var(--onyx-40);
  --form-gen-content: var(--onyx-10);
  --form-gen-stroke: var(--onyx-75);
  --form-gen-switch-a: var(--teal-60);
  --form-gen-unit: var(--onyx-40);
  --form-gen-divider: var(--onyx-100);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-read-only-stroke: var(--onyx-80);
  --form-gen-switch: var(--onyx-70);
  --progress-legend-right: var(--onyx-10);
  --progress-bar: var(--teal-60);
  --progress-value-bar: var(--onyx-95);
  --progress-value-groove: var(--onyx-5);
  --circle-progress: var(--teal-60);
  --circle-progress-rgba: rgba(60, 139, 158, 0.7);
  --form-gen-body-stroke: var(--onyx-80);
  --progress-loader: var(--onyx-20);
  --text-area-icon-color: var(--onyx-40);
  --file-input-border: var(--onyx-70);
  --file-input-background: var(--onyx-95);
  --file-input-placeholder-color: var(--onyx-40);
  --file-input-value: var(--onyx-10);
  --file-input-icon-color: var(--onyx-50);
  --avatar-stroke: var(--onyx-60);
  --avatar-text-initials: var(--onyx-10);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-70);
  --avatar-stroke-inset: var(--onyx-95);
  --avatar-fill: var(--onyx-10);
  --avatar-fill-initials: var(--onyx-80);
  --avatar-icon: var(--onyx-90);
  --avatar-fill-d: var(--onyx-70);
  --progress-slider-fill: var(--onyx-30);
  --progress-bar-thin: var(--teal-60);
  --progress-slider-stroke: var(--onyx-90);
  --colors-focus-stroke: var(--teal-60);
  --select-fill: var(--onyx-85);
  --select-fill-h: var(--onyx-80);
  --select-stroke: var(--onyx-100);
  --select-add-on: var(--onyx-30);
  --tabs-stroke: var(--onyx-100);
  --tabs-fill: var(--onyx-95);
  --text-secondary: var(--onyx-40);
  --tabs-heading-hover: var(--transparencies-white_alpha-10);
  --tabs-fill-a: var(--onyx-90);
  --text-active: var(--onyx-10);
  --tabs-icon-a: var(--onyx-20);
  --tabs-icon: var(--onyx-40);
  --tabs-groove: var(--onyx-95);
  --tabs-underline: var(--teal-70);
  --card-fill: var(--onyx-95);
  --card-stroke: var(--onyx-100);
  --card-divider: var(--onyx-100);
  --card-body-background: var(--onyx-90);
  --acc-border: var(--onyx-100);
  --text-active: var(--onyx-10);
  --card-acc-overlay-drop-shadow: var(--onyx-100);
}

.ecl_v1 .dark-theme .base .section {
  --background: var(--onyx-95);
  --color-text: var(--onyx-15);
  --selection-color: var(--teal-80);
  --text-primary: var(--onyx-15);
  --text-secondary: var(--onyx-25);
  --nav-accordion-icon: var(--onyx-60);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-fill-a-2: var(--transparencies-white_alpha-15);
  --icon-fill: var(--onyx-40);
  --icon-fill-h: var(--onyx-40);
  --icon-fill-a: var(--onyx-30);
  --button-1-fill: var(--onyx-5);
  --button-1-text: var(--teal-80);
  --button-1-stroke: var(--onyx-5);
  --button-1-fill-h: var(--onyx-10);
  --button-1-stroke-h: var(--onyx-10);
  --button-1-text-h: var(--teal-80);
  --button-1-stroke-a: var(--onyx-20);
  --button-1-fill-a: var(--onyx-20);
  --button-1-text-a: var(--teal-80);
  --button-2-fill: var(--onyx-95);
  --button-2-text: var(--onyx-30);
  --button-2-stroke: var(--onyx-80);
  --button-2-fill-h: var(--onyx-100);
  --button-2-stroke-h: var(--onyx-80);
  --button-2-text-h: var(--onyx-30);
  --button-2-fill-a: var(--onyx-100);
  --button-2-stroke-a: var(--onyx-80);
  --button-2-text-a: var(--onyx-30);
  --divider-stroke-h: var(--onyx-100);
  --chip-fill: var(--onyx-80);
  --chip-icon: var(--onyx-20);
  --chip-stroke: var(--onyx-100);
  --chip-fill-h: var(--onyx-70);
  --form-gen-fill: var(--onyx-100);
  --form-gen-content: var(--onyx-20);
  --form-gen-placeholder: var(--onyx-50);
  --form-gen-stroke: var(--onyx-85);
  --form-gen-switch-a: var(--teal-60);
  --form-gen-unit: var(--onyx-40);
  --form-gen-divider: var(--brand-onyx);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-read-only-stroke: var(--onyx-80);
  --form-gen-switch: var(--onyx-70);
  --progress-legend-right: var(--onyx-20);
  --progress-bar: var(--teal-60);
  --progress-value-bar: var(--onyx-95);
  --progress-value-groove: var(--onyx-5);
  --circle-progress: var(--teal-60);
  --circle-progress-rgba: rgba(60, 139, 158, 0.7);
  --form-gen-body-stroke: var(--onyx-80);
  --progress-loader: var(--onyx-30);
  --avatar-stroke: var(--onyx-70);
  --avatar-text-initials: var(--onyx-10);
  --avatar-stroke-a: var(--teal-60);
  --avatar-stroke-d: var(--onyx-70);
  --avatar-stroke-inset: var(--brand-onyx);
  --avatar-fill: var(--onyx-20);
  --avatar-fill-initials: var(--onyx-90);
  --avatar-icon: var(--onyx-90);
  --avatar-fill-d: var(--onyx-70);
  --progress-slider-fill: var(--onyx-30);
  --progress-bar-thin: var(--teal-60);
  --progress-slider-stroke: var(--onyx-95);
  --colors-focus-stroke: var(--teal-60);
  --grad-top-color: var(--teal-40);
  --grad-middle-color: var(--teal-50);
  --grad-bottom-color: var(--teal-60);
  --card-fill: var(--onyx-95);
  --select-fill: var(--onyx-90);
  --select-fill-h: var(--onyx-85);
  --select-stroke: var(--onyx-100);
  --select-add-on: var(--onyx-30);
  --tabs-stroke: var(--onyx-100);
  --tabs-fill: var(--onyx-95);
  --text-secondary: var(--onyx-25);
  --tabs-heading-hover: var(--transparencies-white_alpha-10);
  --tabs-fill-a: var(--onyx-90);
  --text-active: var(--onyx-10);
  --tabs-icon-a: var(--onyx-20);
  --tabs-icon: var(--onyx-40);
  --tabs-groove: var(--onyx-95);
  --tabs-underline: var(--teal-70);
  --card-fill: var(--onyx-95);
  --card-stroke: var(--onyx-100);
  --card-divider: var(--onyx-100);
  --card-body-background: var(--onyx-95);
  --text-active: var(--onyx-10);
  --card-acc-overlay-drop-shadow: var(--onyx-100);
}

.ecl_v1 .dark-theme .base .accent,
.ecl_v1 .dark-theme .canvas .accent {
  --text-primary: var(--onyx-5);
  --text-secondary: var(--onyx-25);
  --card-divider: var(--onyx-100);
  --border: var(--onyx-70);
  --background: var(--onyx-80);
  --colors-focus-stroke: var(--teal-60);
  --select-fill: var(--onyx-80);
  --select-stroke: var(--onyx-95);
  --box-shadow: var(--onyx-100);
  --add-on: var(--onyx-30);
  --divider-stroke-h: var(--onyx-90);
  --selection-color: var(--teal-80);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-fill-a-2: var(--transparencies-white_alpha-20);
}

.ecl_v1 .dark-theme .attn {
  --background: var(--teal-90);
  --color-text: var(--teal-10);
  --selection-color: var(--onyx-40);
  --text-primary: var(--teal-10);
  --text-secondary: var(--teal-10);
  --nav-accordion-icon: var(--teal-30);
  --item-fill-h: var(--transparencies-teal_alpha-20);
  --item-fill-a-2: var(--transparencies-teal_alpha-50);
  --icon-fill: var(--teal-40);
  --icon-fill-h: var(--teal-40);
  --icon-fill-a: var(--teal-20);
  --card-body-inline-stroke: var(--teal-70);
  --card-inline-stroke: var(--teal-70);
  --button-1-fill: var(--teal-5);
  --button-1-text: var(--teal-80);
  --button-1-stroke: var(--teal-5);
  --button-1-fill-h: var(--teal-10);
  --button-1-stroke-h: var(--teal-10);
  --button-1-text-h: var(--teal-80);
  --button-1-stroke-a: var(--teal-20);
  --button-1-fill-a: var(--teal-20);
  --button-1-text-a: var(--teal-80);
  --button-2-fill: var(--teal-90);
  --button-2-text: var(--teal-10);
  --button-2-stroke: var(--teal-70);
  --button-2-stroke-h: var(--teal-75);
  --button-2-fill-h: var(--teal-95);
  --button-2-text-h: var(--teal-10);
  --button-2-stroke-a: var(--teal-75);
  --button-2-fill-a: var(--teal-100);
  --button-2-text-a: var(--teal-10);
  --table-td-stroke: var(--teal-60);
  --table-th-fill: var(--teal-80);
  --table-th-text: var(--teal-10);
  --table-td-fill: var(--teal-90);
  --table-td-sel-background: var(--teal-95);
  --table-td-text: var(--teal-10);
  --table-td-anch-color: var(--teal-10);
  --table-th-sorter-stroke: var(--teal-70);
  --table-th-sorter-icon: var(--teal-10);
  --divider-stroke-h: var(--teal-90);
  --chip-fill: var(--brand-teal);
  --chip-icon: var(--teal-30);
  --chip-stroke: var(--teal-100);
  --chip-fill-h: var(--teal-70);
  --form-gen-fill: var(--teal-95);
  --form-gen-content: var(--teal-10);
  --form-gen-placeholder: var(--teal-40);
  --form-gen-stroke: var(--teal-70);
  --form-gen-switch-a: var(--teal-10);
  --form-gen-unit: var(--teal-20);
  --form-gen-divider: var(--teal-95);
  --form-gen-add-on: var(--teal-40);
  --form-gen-read-only-stroke: var(--brand-teal);
  --form-gen-switch: var(--brand-teal);
  --progress-legend-right: var(--teal-10);
  --progress-bar: var(--teal-10);
  --progress-value-bar: var(--brand-teal);
  --progress-value-groove: var(--teal-10);
  --card-fill: var(--teal-90);
  --circle-progress: var(--teal-10);
  --form-gen-body-stroke: var(--teal-70);
  --progress-loader: var(--teal-10);
  --text-area-icon-color: var(--teal-40);
  --avatar-stroke: var(--teal-60);
  --avatar-text-initials: var(--onyx-10);
  --avatar-stroke-a: var(--teal-20);
  --avatar-stroke-d: var(--teal-50);
  --avatar-stroke-inset: var(--teal-90);
  --avatar-fill: var(--teal-10);
  --avatar-fill-initials: var(--teal-80);
  --avatar-icon: var(--teal-70);
  --avatar-fill-d: var(--teal-50);
  --progress-slider-fill: var(--teal-20);
  --progress-bar-thin: var(--teal-10);
  --progress-slider-stroke: var(--teal-90);
  --colors-focus-stroke: var(--teal-10);
  --select-fill: var(--teal-85);
  --select-fill-h: var(--teal-80);
  --select-stroke: var(--teal-100);
  --select-add-on: var(--teal-30);
  --tabs-stroke: var(--teal-100);
  --tabs-fill: var(--teal-95);
  --text-secondary: var(--onyx-30);
  --tabs-heading-hover: var(--transparencies-teal_alpha-20);
  --tabs-fill-a: var(--teal-90);
  --text-active: var(--onyx-10);
  --tabs-icon-a: var(--teal-20);
  --tabs-icon: var(--onyx-50);
  --tabs-groove: var(--teal-95);
  --tabs-underline: var(--teal-40);
  --card-fill: var(--teal-95);
  --card-stroke: var(--teal-95);
  --card-divider: var(--teal-100);
  --card-body-background: var(--teal-90);
  --acc-border: var(--teal-95);
  --text-active: var(--onyx-10);
  --card-acc-overlay-drop-shadow: var(--teal-100);
}

.ecl_v1 .dark-theme .attn .section {
  --background: var(--teal-95);
  --color-text: var(--white);
  --selection-color: var(--onyx-40);
  --text-primary: var(--teal-20);
  --text-secondary: var(--teal-10);
  --nav-accordion-icon: var(--teal-30);
  --item-fill-h: var(--transparencies-teal_alpha-20);
  --item-fill-a-2: var(--transparencies-teal_alpha-50);
  --icon-fill: var(--teal-40);
  --icon-fill-h: var(--teal-40);
  --icon-fill-a: var(--teal-20);
  --button-1-fill: var(--teal-5);
  --button-1-text: var(--teal-80);
  --button-1-stroke: var(--teal-5);
  --button-1-fill-h: var(--teal-10);
  --button-1-stroke-h: var(--teal-10);
  --button-1-text-h: var(--teal-80);
  --button-1-stroke-a: var(--teal-20);
  --button-1-fill-a: var(--teal-20);
  --button-1-text-a: var(--teal-80);
  --button-2-fill: var(--teal-95);
  --button-2-text: var(--teal-10);
  --button-2-stroke: var(--teal-80);
  --button-2-stroke-h: var(--teal-80);
  --button-2-fill-h: var(--teal-95);
  --button-2-text-h: var(--teal-10);
  --button-2-stroke-a: var(--teal-80);
  --button-2-fill-a: var(--teal-100);
  --button-2-text-a: var(--teal-10);
  --divider-stroke-h: var(--teal-90);
  --chip-fill: var(--teal-85);
  --chip-icon: var(--teal-30);
  --chip-stroke: var(--teal-100);
  --chip-fill-h: var(--teal-70);
  --form-gen-fill: var(--teal-100);
  --form-gen-content: var(--teal-20);
  --form-gen-placeholder: var(--teal-40);
  --form-gen-stroke: var(--brand-teal);
  --form-gen-switch-a: var(--teal-10);
  --form-gen-unit: var(--teal-20);
  --form-gen-divider: var(--teal-95);
  --form-gen-add-on: var(--teal-40);
  --form-gen-read-only-stroke: var(--brand-teal);
  --form-gen-switch: var(--teal-90);
  --progress-legend-right: var(--teal-20);
  --progress-bar: var(--teal-10);
  --progress-value-bar: var(--teal-80);
  --progress-value-groove: var(--teal-10);
  --form-gen-body-stroke: var(--teal-70);
  --card-fill: var(--teal-95);
  --circle-progress: var(--teal-10);
  --progress-loader: var(--teal-10);
  --avatar-stroke: var(--teal-80);
  --avatar-text-initials: var(--onyx-10);
  --avatar-stroke-a: var(--teal-30);
  --avatar-stroke-d: var(--teal-60);
  --avatar-stroke-inset: var(--teal-95);
  --avatar-fill: var(--teal-10);
  --avatar-fill-initials: var(--teal-90);
  --avatar-icon: var(--teal-80);
  --avatar-fill-d: var(--teal-60);
  --progress-slider-fill: var(--teal-20);
  --progress-bar-thin: var(--teal-10);
  --progress-slider-stroke: var(--teal-95);
  --colors-focus-stroke: var(--teal-10);
  --select-fill: var(--teal-90);
  --select-fill-h: var(--teal-85);
  --select-stroke: var(--teal-199);
  --select-add-on: var(--teal-30);
  --tabs-stroke: var(--teal-100);
  --tabs-fill: var(--teal-95);
  --text-secondary: var(--onyx-30);
  --tabs-heading-hover: var(--transparencies-teal_alpha-20);
  --tabs-fill-a: var(--teal-90);
  --text-active: var(--onyx-10);
  --tabs-icon-a: var(--teal-20);
  --tabs-icon: var(--onyx-50);
  --tabs-groove: var(--teal-95);
  --tabs-underline: var(--teal-40);
  --card-fill: var(--teal-95);
  --card-stroke: var(--teal-95);
  --card-divider: var(--teal-100);
  --card-body-background: var(--teal-95);
  --text-active: var(--onyx-10);
  --card-acc-overlay-drop-shadow: var(--teal-100);
}

.ecl_v1 .dark-theme .attn .accent {
  --text-primary: var(--onyx-5);
  --text-secondary: var(--onyx-25);
  --card-divider: var(--teal-95);
  --border: var(--teal-70);
  --background: var(--teal-80);
  --colors-focus-stroke: var(--teal-10);
  --select-fill: var(--teal-80);
  --select-stroke: var(--teal-95);
  --box-shadow: var(--teal-100);
  --add-on: var(--teal-30);
  --divider-stroke-h: var(--teal-90);
  --selection-color: var(--onyx-40);
  --item-fill-h: var(--transparencies-teal_alpha-20);
  --item-fill-a-2: var(--transparencies-teal_alpha-50);
}

.ecl_v1 .light-theme .canvas {
  --background: var(--brand-pearl);
  --text-primary: var(--onyx-90);
  --color-text: var(--onyx-80);
  --selection-color: var(--teal-50);
  --text-secondary: var(--onyx-60);
  --nav-accordion-icon: var(--onyx-40);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-fill-a-2: var(--transparencies-onyx_alpha-10);
  --icon-fill: var(--onyx-40);
  --icon-fill-h: var(--onyx-40);
  --icon-fill-a: var(--onyx-50);
  --card-body-inline-stroke: var(--onyx-20);
  --card-inline-stroke: var(--onyx-20);
  --button-1-fill: var(--teal-70);
  --button-1-text: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-fill-h: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text-h: var(--white);
  --button-1-stroke-a: var(--teal-90);
  --button-1-fill-a: var(--teal-90);
  --button-1-text-a: var(--white);
  --button-2-fill: var(--brand-pearl);
  --button-2-text: var(--onyx-70);
  --button-2-stroke: var(--onyx-30);
  --button-2-stroke-h: var(--onyx-30);
  --button-2-fill-h: var(--onyx-10);
  --button-2-text-h: var(--onyx-70);
  --button-2-stroke-a: var(--onyx-30);
  --button-2-fill-a: var(--onyx-20);
  --button-2-text-a: var(--onyx-70);
  --table-td-stroke: var(--onyx-30);
  --table-th-fill: var(--onyx-5);
  --table-th-text: var(--teal-70);
  --table-td-fill: var(--brand-pearl);
  --table-td-sel-background: var(--onyx-10);
  --table-td-text: var(--onyx-90);
  --table-td-anch-color: var(--onyx-90);
  --table-th-sorter-stroke: var(--onyx-20);
  --table-th-sorter-icon: var(--onyx-50);
  --divider-stroke-h: var(--onyx-20);
  --chip-fill: var(--onyx-10);
  --chip-icon: var(--onyx-50);
  --chip-stroke: var(--white);
  --chip-fill-h: var(--onyx-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-content: var(--onyx-90);
  --form-gen-stroke: var(--onyx-20);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-unit: var(--onyx-60);
  --form-gen-divider: var(--onyx-10);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-read-only-stroke: var(--onyx-20);
  --form-gen-switch: var(--onyx-30);
  --progress-legend-right: var(--onyx-90);
  --progress-bar: var(--teal-50);
  --progress-value-bar: var(--teal-5);
  --progress-value-groove: var(--teal-50);
  --card-fill: var(--brand-pearl);
  --circle-progress: var(--teal-50);
  --circle-progress-rgba: rgba(60, 139, 158, 0.6);
  --form-gen-body-stroke: var(--onyx-20);
  --progress-loader: var(--onyx-70);
  --text-area-icon-color: var(--onyx-40);
  --avatar-stroke: var(--onyx-30);
  --avatar-text-initials: var(--onyx-9);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-fill: var(--white);
  --avatar-fill-initials: var(--onyx-5);
  --avatar-icon: var(--onyx-60);
  --avatar-fill-d: var(--onyx-5);
  --progress-slider-fill: var(--teal-50);
  --progress-bar-thin: var(--teal-50);
  --progress-slider-stroke: var(--brand-pearl);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--onyx-10);
  --select-fill-h: var(--onyx-15);
  --select-stroke: var(--onyx-20);
  --select-add-on: var(--onyx-50);
  --tabs-stroke: var(--onyx-30);
  --tabs-fill: transparent;
  --text-secondary: var(--onyx-70);
  --tabs-heading-hover: var(--transparencies-onyx_alpha-5);
  --tabs-canvas-pipe-border: var(--onyx-80);
  --tabs-fill-a: transparent;
  --text-active: var(--teal-80);
  --tabs-groove: var(--onyx-10);
  --tabs-underline: var(--teal-60);
  --card-fill: var(--onyx-10);
  --card-stroke: var(--onyx-25);
  --card-divider: var(--onyx-20);
  --card-body-background: var(--brand-pearl);
  --acc-border: var(--onyx-20);
  --text-active: var(--teal-80);
  --card-acc-overlay-drop-shadow: var(--onyx-20);
  --navbar-anchor-bottom: var(--teal-60);
  --navbar-anchor-hover: var(--onyx-100);
  --navbar-background: var(--onyx-70);
  --navbar-link-active: var(--onyx-90);
  --navbar-link-effect: var(--teal-60);
}

.ecl_v1 .light-theme .base {
  --background: var(--white);
  --color-text: var(--onyx-90);
  --selection-color: var(--teal-50);
  --text-primary: var(--onyx-85);
  --text-secondary: var(--onyx-60);
  --nav-accordion-icon: var(--onyx-40);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-fill-a-2: var(--transparencies-onyx_alpha-10);
  --icon-fill: var(--onyx-40);
  --icon-fill-h: var(--onyx-40);
  --icon-fill-a: var(--onyx-50);
  --card-body-inline-stroke: var(--onyx-20);
  --card-inline-stroke: var(--onyx-20);
  --button-1-fill: var(--teal-70);
  --button-1-text: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-fill-h: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text-h: var(--white);
  --button-1-stroke-a: var(--teal-90);
  --button-1-fill-a: var(--teal-90);
  --button-1-text-a: var(--white);
  --button-2-fill: var(--white);
  --button-2-text: var(--onyx-70);
  --button-2-stroke: var(--onyx-20);
  --button-2-stroke-h: var(--onyx-20);
  --button-2-fill-h: var(--onyx-5);
  --button-2-text-h: var(--onyx-70);
  --button-2-stroke-a: var(--onyx-20);
  --button-2-fill-a: var(--onyx-10);
  --button-2-text-a: var(--onyx-70);
  --table-td-stroke: var(--onyx-20);
  --table-th-fill: var(--onyx-5);
  --table-th-text: var(--teal-70);
  --table-td-fill: var(--white);
  --table-td-sel-background: var(--onyx-10);
  --table-td-text: var(--onyx-80);
  --table-td-anch-color: var(--onyx-80);
  --table-th-sorter-stroke: var(--onyx-20);
  --table-th-sorter-icon: var(--onyx-50);
  --divider-stroke-h: var(--onyx-20);
  --chip-fill: var(--onyx-10);
  --chip-icon: var(--onyx-50);
  --chip-stroke: var(--white);
  --chip-fill-h: var(--onyx-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-content: var(--onyx-80);
  --form-gen-stroke: var(--onyx-15);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-unit: var(--onyx-60);
  --form-gen-divider: var(--onyx-10);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-read-only-stroke: var(--onyx-10);
  --form-gen-switch: var(--onyx-30);
  --progress-legend-right: var(--onyx-80);
  --progress-bar: var(--teal-50);
  --progress-value-bar: var(--white);
  --progress-value-groove: var(--teal-50);
  --card-fill: var(--white);
  --circle-progress: var(--teal-50);
  --circle-progress-rgba: rgba(60, 139, 158, 0.6);
  --form-gen-body-stroke: var(--onyx-15);
  --progress-loader: var(--onyx-60);
  --text-area-icon-color: var(--onyx-40);
  --avatar-stroke: var(--onyx-20);
  --avatar-text-initials: var(--onyx-90);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-fill: var(--onyx-5);
  --avatar-fill-initials: var(--onyx-5);
  --avatar-icon: var(--onyx-50);
  --avatar-fill-d: var(--white);
  --progress-slider-fill: var(--teal-50);
  --progress-bar-thin: var(--teal-50);
  --progress-slider-stroke: var(--white);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--onyx-5);
  --select-fill-h: var(--onyx-10);
  --select-stroke: var(--onyx-15);
  --select-add-on: var(--onyx-40);
  --tabs-stroke: var(--onyx-20);
  --tabs-fill: var(--onyx-5);
  --text-secondary: var(--onyx-70);
  --tabs-heading-hover: var(--transparencies-onyx_alpha-5);
  --tabs-fill-a: var(--white);
  --text-active: var(--teal-80);
  --tabs-icon-a: var(--teal-70);
  --tabs-icon: var(--onyx-50);
  --tabs-groove: var(--onyx-5);
  --tabs-underline: var(--teal-60);
  --card-fill: var(--onyx-5);
  --card-stroke: var(--onyx-20);
  --card-divider: var(--onyx-20);
  --card-body-background: var(--white);
  --acc-border: var(--onyx-10);
  --text-active: var(--teal-80);
  --card-acc-overlay-drop-shadow: var(--onyx-20);
}

.ecl_v1 .light-theme .base .section {
  --background: var(--onyx-5);
  --color-text: var(--onyx-95);
  --selection-color: var(--teal-50);
  --text-primary: var(--onyx-90);
  --text-secondary: var(--onyx-70);
  --nav-accordion-icon: var(--onyx-40);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-fill-a-2: var(--transparencies-onyx_alpha-10);
  --icon-fill: var(--onyx-40);
  --icon-fill-h: var(--onyx-40);
  --icon-fill-a: var(--onyx-50);
  --button-1-fill: var(--teal-70);
  --button-1-text: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-fill-h: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text-h: var(--white);
  --button-1-stroke-a: var(--teal-90);
  --button-1-fill-a: var(--teal-90);
  --button-1-text-a: var(--white);
  --button-2-fill: var(--onyx-5);
  --button-2-text: var(--onyx-70);
  --button-2-stroke: var(--onyx-30);
  --button-2-stroke-h: var(--onyx-30);
  --button-2-fill-h: var(--onyx-10);
  --button-2-text-h: var(--onyx-70);
  --button-2-stroke-a: var(--onyx-30);
  --button-2-fill-a: var(--onyx-20);
  --button-2-text-a: var(--onyx-70);
  --divider-stroke-h: var(--onyx-20);
  --chip-fill: var(--onyx-10);
  --chip-icon: var(--onyx-30);
  --chip-stroke: var(--white);
  --chip-fill-h: var(--onyx-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-content: var(--onyx-90);
  --form-gen-stroke: var(--onyx-20);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-unit: var(--onyx-60);
  --form-gen-divider: var(--onyx-10);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-read-only-stroke: var(--onyx-20);
  --form-gen-switch: var(--onyx-30);
  --progress-legend-right: var(--onyx-90);
  --progress-bar: var(--teal-50);
  --progress-value-bar: var(--teal-5);
  --progress-value-groove: var(--teal-50);
  --card-fill: var(--onyx-5);
  --circle-progress: var(--teal-50);
  --circle-progress-rgba: rgba(60, 139, 158, 0.6);
  --form-gen-body-stroke: var(--onyx-15);
  --progress-loader: var(--teal-50);
  --avatar-stroke: var(--onyx-40);
  --avatar-text-initials: var(--onyx-90);
  --avatar-stroke-a: var(--teal-60);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-fill: var(--onyx-10);
  --avatar-fill-initials: var(--onyx-10);
  --avatar-icon: var(--onyx-70);
  --avatar-fill-d: var(--white);
  --progress-slider-fill: var(--teal-50);
  --progress-bar-thin: var(--teal-50);
  --progress-slider-stroke: var(--onyx-5);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--onyx-10);
  --select-fill-h: var(--onyx-15);
  --select-stroke: var(--onyx-20);
  --select-add-on: var(--onyx-40);
  --tabs-stroke: var(--onyx-20);
  --tabs-fill: var(--onyx-5);
  --text-secondary: var(--onyx-70);
  --tabs-heading-hover: var(--transparencies-onyx_alpha-5);
  --tabs-fill-a: var(--white);
  --text-active: var(--teal-80);
  --tabs-icon-a: var(--teal-70);
  --tabs-icon: var(--onyx-50);
  --tabs-groove: var(--onyx-5);
  --tabs-underline: var(--teal-60);
  --card-fill: var(--onyx-5);
  --card-stroke: var(--onyx-20);
  --card-divider: var(--onyx-20);
  --card-body-background: var(--onyx-5);
  --text-active: var(--teal-80);
  --card-acc-overlay-drop-shadow: var(--onyx-20);
}

.ecl_v1 .light-theme .base .accent,
.ecl_v1 .light-theme .canvas .accent {
  --text-primary: var(--onyx-90);
  --text-secondary: var(--onyx-70);
  --card-divider: var(--onyx-20);
  --border: var(--onyx-25);
  --background: var(--onyx-10);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--onyx-5);
  --select-stroke: var(--onyx-20);
  --box-shadow: var(--onyx-20);
  --add-on: var(--onyx-40);
  --selection-color: var(--teal-50);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-fill-a-2: var(--transparencies-onyx_alpha-10);
}

.ecl_v1 .light-theme .attn {
  --background: var(--teal-5);
  --color-text: var(--onyx-90);
  --selection-color: var(--teal-40);
  --text-primary: var(--onyx-90);
  --text-secondary: var(--onyx-70);
  --nav-accordion-icon: var(--teal-50);
  --item-fill-h: var(--transparencies-teal_alpha-10);
  --item-fill-a-2: var(--transparencies-teal_alpha-20);
  --icon-fill: var(--teal-40);
  --icon-fill-h: var(--teal-40);
  --icon-fill-a: var(--teal-50);
  --card-body-inline-stroke: var(--teal-20);
  --card-inline-stroke: var(--teal-20);
  --button-1-fill: var(--teal-70);
  --button-1-text: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-fill-h: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text-h: var(--white);
  --button-1-stroke-a: var(--teal-80);
  --button-1-fill-a: var(--teal-80);
  --button-1-text-a: var(--white);
  --button-2-fill: var(--teal-5);
  --button-2-text: var(--onyx-70);
  --button-2-stroke: var(--teal-30);
  --button-2-stroke-h: var(--teal-30);
  --button-2-fill-h: var(--teal-10);
  --button-2-text-h: var(--onyx-70);
  --button-2-stroke-a: var(--teal-30);
  --button-2-fill-a: var(--teal-20);
  --button-2-text-a: var(--onyx-70);
  --table-td-stroke: var(--teal-30);
  --table-th-fill: var(--teal-10);
  --table-th-text: var(--teal-80);
  --table-td-fill: var(--teal-5);
  --table-td-sel-background: var(--teal-10);
  --table-td-text: var(--onyx-90);
  --table-td-anch-color: var(--onyx-90);
  --table-th-sorter-stroke: var(--teal-30);
  --table-th-sorter-icon: var(--teal-60);
  --divider-stroke-h: var(--teal-25);
  --chip-fill: var(--teal-10);
  --chip-icon: var(--teal-50);
  --chip-stroke: var(--white);
  --chip-fill-h: var(--teal-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-70);
  --form-gen-content: var(--onyx-80);
  --form-gen-stroke: var(--teal-20);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-unit: var(--onyx-70);
  --form-gen-divider: var(--teal-20);
  --form-gen-add-on: var(--teal-40);
  --form-gen-read-only-stroke: var(--teal-20);
  --form-gen-switch: var(--teal-20);
  --progress-legend-right: var(--onyx-90);
  --progress-bar: var(--teal-50);
  --progress-value-bar: var(--white);
  --progress-value-groove: var(--teal-50);
  --circle-progress: var(--teal-50);
  --circle-progress-rgba: rgba(60, 139, 158, 0.6);
  --card-fill: var(--teal-5);
  --form-gen-body-stroke: var(--teal-20);
  --progress-loader: var(--teal-50);
  --text-area-icon-color: var(--teal-50);
  --avatar-stroke: var(--teal-30);
  --avatar-text-initials: var(--onyx-90);
  --avatar-stroke-a: var(--teal-70);
  --avatar-stroke-d: var(--teal-20);
  --avatar-stroke-inset: var(--white);
  --avatar-fill: var(--teal-5);
  --avatar-fill-initials: var(--teal-5);
  --avatar-icon: var(--teal-50);
  --avatar-fill-d: var(--teal-10);
  --progress-slider-fill: var(--teal-50);
  --progress-bar-thin: var(--teal-50);
  --progress-slider-stroke: var(--teal-5);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--teal-10);
  --select-fill-h: var(--teal-15);
  --select-stroke: var(--teal-20);
  --select-add-on: var(--teal-50);
  --tabs-stroke: var(--teal-20);
  --tabs-fill: var(--teal-10);
  --text-secondary: var(--onyx-70);
  --tabs-heading-hover: var(--transparencies-onyx_alpha-5);
  --tabs-fill-a: var(--teal-5);
  --text-active: var(--teal-80);
  --tabs-icon-a: var(--teal-70);
  --tabs-icon: var(--onyx-50);
  --tabs-groove: var(--teal-10);
  --tabs-underline: var(--teal-60);
  --card-fill: var(--teal-10);
  --card-stroke: var(--teal-20);
  --card-divider: var(--teal-20);
  --card-body-background: var(--teal-5);
  --acc-border: var(--teal-20);
  --text-active: var(--teal-80);
  --card-acc-overlay-drop-shadow: var(--teal-30);
}

.ecl_v1 .light-theme .attn .section {
  --background: var(--teal-10);
  --color-text: var(--onyx-95);
  --selection-color: var(--teal-40);
  --text-primary: var(--onyx-90);
  --text-secondary: var(--onyx-70);
  --nav-accordion-icon: var(--onyx-40);
  --item-fill-h: var(--transparencies-teal_alpha-10);
  --item-fill-a-2: var(--transparencies-teal_alpha-20);
  --icon-fill: var(--teal-40);
  --icon-fill-h: var(--teal-40);
  --icon-fill-a: var(--teal-50);
  --button-1-fill: var(--teal-70);
  --button-1-text: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-fill-h: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text-h: var(--white);
  --button-1-stroke-a: var(--teal-80);
  --button-1-fill-a: var(--teal-80);
  --button-1-text-a: var(--white);
  --button-2-fill: var(--teal-10);
  --button-2-text: var(--onyx-70);
  --button-2-stroke: var(--teal-40);
  --button-2-stroke-h: var(--teal-40);
  --button-2-fill-h: var(--teal-20);
  --button-2-text-h: var(--onyx-70);
  --button-2-stroke-a: var(--teal-40);
  --button-2-fill-a: var(--teal-30);
  --button-2-text-a: var(--onyx-70);
  --divider-stroke-h: var(--teal-25);
  --chip-fill: var(--teal-20);
  --chip-icon: var(--teal-50);
  --chip-stroke: var(--white);
  --chip-fill-h: var(--teal-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-70);
  --form-gen-content: var(--onyx-80);
  --form-gen-stroke: var(--teal-20);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-unit: var(--onyx-70);
  --form-gen-divider: var(--teal-20);
  --form-gen-add-on: var(--teal-40);
  --form-gen-read-only-stroke: var(--teal-20);
  --form-gen-switch: var(--teal-20);
  --progress-legend-right: var(--onyx-90);
  --progress-bar: var(--teal-50);
  --progress-value-bar: var(--white);
  --progress-value-groove: var(--teal-50);
  --circle-progress: var(--teal-50);
  --circle-progress-rgba: rgba(60, 139, 158, 0.6);
  --card-fill: var(--teal-10);
  --form-gen-body-stroke: var(--teal-20);
  --progress-loader: var(--teal-50);
  --avatar-stroke: var(--teal-40);
  --avatar-text-initials: var(--onyx-90);
  --avatar-stroke-a: var(--teal-70);
  --avatar-stroke-d: var(--teal-30);
  --avatar-stroke-inset: var(--white);
  --avatar-fill: var(--teal-10);
  --avatar-fill-initials: var(--teal-10);
  --avatar-icon: var(--teal-50);
  --avatar-fill-d: var(--teal-10);
  --progress-slider-fill: var(--teal-50);
  --progress-bar-thin: var(--teal-50);
  --progress-slider-stroke: var(--teal-10);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--teal-15);
  --select-fill-h: var(--teal-25);
  --select-stroke: var(--teal-30);
  --select-add-on: var(--teal-50);
  --tabs-stroke: var(--teal-20);
  --tabs-fill: var(--teal-10);
  --text-secondary: var(--onyx-70);
  --tabs-heading-hover: var(--transparencies-onyx_alpha-5);
  --tabs-fill-a: var(--teal-5);
  --text-active: var(--teal-80);
  --tabs-icon-a: var(--teal-70);
  --tabs-icon: var(--onyx-50);
  --tabs-groove: var(--onyx-5);
  --tabs-underline: var(--teal-60);
  --card-fill: var(--teal-10);
  --card-stroke: var(--teal-20);
  --card-divider: var(--teal-20);
  --card-body-background: var(--teal-10);
  --text-active: var(--onyx-90);
  --card-acc-overlay-drop-shadow: var(--teal-30);
}

.ecl_v1 .light-theme .attn .accent {
  --text-primary: var(--onyx-90);
  --text-secondary: var(--onyx-70);
  --card-divider: var(--teal-25);
  --border: var(--teal-25);
  --background: var(--teal-15);
  --colors-focus-stroke: var(--teal-40);
  --select-fill: var(--teal-10);
  --select-stroke: var(--teal-20);
  --add-on: var(--teal-50);
  --box-shadow: var(--teal-30);
  --divider-stroke-h: var(--teal-25);
  --selection-color: var(--teal-40);
  --item-fill-h: var(--transparencies-teal_alpha-10);
  --item-fill-a-2: var(--transparencies-teal_alpha-20);
}

/* General theme base css. */
.ecl_v1 body {
  font-size: 0.875rem;
}
.ecl_v1 .canvas,
.ecl_v1 .base,
.ecl_v1 .section,
.ecl_v1 .attn {
  background: var(--background);
}
.ecl_v1 .dark-theme {
  --priority-1-yellow-fill: var(--yellow-30);
  --priority-1-yellow-fill-h: var(--yellow-40);
  --priority-1-yellow-fill-a: var(--yellow-50);
  --priority-1-yellow-text: var(--onyx-95);
  --priority-1-yellow-icon: var(--onyx-95);
  --priority-1-green-fill: var(--green-70);
  --priority-1-green-fill-h: var(--green-80);
  --priority-1-green-fill-a: var(--green-90);
  --priority-1-green-text: var(--white);
  --priority-1-green-icon: var(--white);
  --priority-1-red-fill: var(--red-70);
  --priority-1-red-fill-h: var(--red-80);
  --priority-1-red-fill-a: var(--red-90);
  --priority-1-red-text: var(--white);
  --priority-1-red-icon: var(--white);
  --priority-1-onyx-fill: var(--onyx-60);
  --priority-1-onyx-text: var(--white);
  --priority-1-onyx-icon: var(--white);
  --priority-1-teal-fill: var(--teal-70);
  --priority-1-teal-text: var(--white);
  --priority-1-teal-icon: var(--white);
  --priority-2-onyx-fill: var(--onyx-90);
  --priority-2-onyx-stroke: var(--onyx-50);
  --priority-2-onyx-text: var(--white);
  --priority-2-green-fill: var(--green-90);
  --priority-2-green-stroke: var(--green-60);
  --priority-2-green-text: var(--green-10);
  --priority-2-green-icon: var(--green-30);
  --priority-2-green-tool-btn: var(--green-30);
  --priority-2-green-fill-h: var(--green-80);
  --priority-2-green-stroke-h: var(--green-50);
  --priority-2-yellow-fill: var(--yellow-90);
  --priority-2-yellow-stroke: var(--yellow-40);
  --priority-2-yellow-text: var(--yellow-10);
  --priority-2-yellow-icon: var(--yellow-30);
  --priority-2-yellow-tool-btn: var(--yellow-10);
  --priority-2-yellow-fill-h: var(--yellow-80);
  --priority-2-yellow-stroke-h: var(--yellow-40);
  --priority-2-red-fill: var(--red-90);
  --priority-2-red-stroke: var(--red-60);
  --priority-2-red-text: var(--white);
  --priority-2-red-icon: var(--red-10);
  --priority-2-red-tool-btn: var(--red-10);
  --priority-2-red-fill-h: var(--red-80);
  --priority-2-red-stroke-h: var(--red-50);
  --priority-2-teal-fill: var(--teal-80);
  --priority-2-teal-stroke: var(--teal-60);
  --priority-2-teal-text: var(--white);
  --priority-2-teal-icon: var(--white);
}
.ecl_v1 .light-theme {
  --priority-1-yellow-fill: var(--yellow-20);
  --priority-1-yellow-fill-h: var(--yellow-30);
  --priority-1-yellow-fill-a: var(--yellow-40);
  --priority-1-yellow-text: var(--onyx-90);
  --priority-1-yellow-icon: var(--onyx-90);
  --priority-1-green-fill: var(--green-70);
  --priority-1-green-fill-h: var(--green-80);
  --priority-1-green-fill-a: var(--green-90);
  --priority-1-green-text: var(--white);
  --priority-1-green-icon: var(--white);
  --priority-1-red-fill: var(--red-60);
  --priority-1-red-fill-h: var(--red-70);
  --priority-1-red-fill-a: var(--red-80);
  --priority-1-red-text: var(--white);
  --priority-1-red-icon: var(--white);
  --priority-1-onyx-fill: var(--onyx-60);
  --priority-1-onyx-text: var(--white);
  --priority-1-onyx-icon: var(--white);
  --priority-1-teal-fill: var(--teal-70);
  --priority-1-teal-text: var(--white);
  --priority-1-teal-icon: var(--white);
  --priority-2-onyx-fill: var(--onyx-10);
  --priority-2-onyx-stroke: var(--onyx-30);
  --priority-2-onyx-text: var(--onyx-90);
  --priority-2-green-fill: var(--green-5);
  --priority-2-green-stroke: var(--green-60);
  --priority-2-green-text: var(--onyx-90);
  --priority-2-green-icon: var(--green-60);
  --priority-2-green-tool-btn: var(--onyx-50);
  --priority-2-green-fill-h: var(--green-10);
  --priority-2-green-stroke-h: var(--green-60);
  --priority-2-yellow-fill: var(--yellow-5);
  --priority-2-yellow-stroke: var(--yellow-40);
  --priority-2-yellow-text: var(--onyx-90);
  --priority-2-yellow-icon: var(--onyx-85);
  --priority-2-yellow-tool-btn: var(--onyx-50);
  --priority-2-yellow-fill-h: var(--yellow-10);
  --priority-2-yellow-stroke-h: var(--yellow-30);
  --priority-2-red-fill: var(--red-5);
  --priority-2-red-stroke: var(--red-50);
  --priority-2-red-text: var(--onyx-90);
  --priority-2-red-icon: var(--red-50);
  --priority-2-red-tool-btn: var(--onyx-50);
  --priority-2-red-fill-h: var(--red-10);
  --priority-2-red-stroke-h: var(--red-50);
  --priority-2-teal-fill: var(--teal-10);
  --priority-2-teal-stroke: var(--teal-50);
  --priority-2-teal-text: var(--onyx-90);
  --priority-2-teal-icon: var(--teal-50);
  --taginput-delete-background-color: var(--brand-ocean);
}
.ecl_v1 .overlay {
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: 0.375rem;
  box-shadow: 0 0 0.75rem 0 var(--box-shadow);
  color: var(--text-primary);
}

.ecl_v1 button.ecl-button {
  border-radius: 1.25rem;
  width: max-content;
  font-size: 1rem;
  padding: 0 1rem;
  border: 1px solid;
  cursor: pointer;
  min-width: 4rem;
  font-weight: 600;
  place-items: center;
  grid-auto-flow: column;
  column-gap: 0.5rem;
  line-height: 2.125rem;
  display: inline-grid;
  justify-content: center;
  align-items: center;
  background: var(--button-1-fill);
  color: var(--button-1-text);
  border-color: var(--button-1-stroke);
  --progress-loader: var(--button-1-text);
  /* Secondary button classes */
}
.ecl_v1 button.ecl-button ecl-icon {
  color: currentColor;
}
.ecl_v1 button.ecl-button:hover {
  border-color: var(--button-1-stroke-h);
  background: var(--button-1-fill-h);
  color: var(--button-1-text-h);
}
.ecl_v1 button.ecl-button:active {
  border-color: var(--button-1-stroke-a);
  background: var(--button-1-fill-a);
  color: var(--button-1-text-a);
}
.ecl_v1 button.ecl-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 button.ecl-button:focus-visible {
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--colors-focus-stroke);
  background: var(--button-1-fill);
}
.ecl_v1 button.ecl-button.secondary {
  border-color: var(--button-2-stroke);
  background: var(--button-2-fill);
  color: var(--button-2-text);
  --progress-loader: var(--button-2-text);
}
.ecl_v1 button.ecl-button.secondary ecl-icon {
  color: currentColor;
}
.ecl_v1 button.ecl-button.secondary:hover {
  border-color: var(--button-2-stroke-h);
  background: var(--button-2-fill-h);
  color: var(--button-2-text-h);
}
.ecl_v1 button.ecl-button.secondary:active {
  border-color: var(--button-2-stroke-a);
  background: var(--button-2-fill-a);
  color: var(--button-2-text-a);
}
.ecl_v1 button.ecl-button.secondary:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 button.ecl-button.secondary:focus-visible {
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--colors-focus-stroke);
}
.ecl_v1 button.ecl-button.high-priority {
  background: var(--priority-1-red-fill);
  border-color: var(--priority-1-red-fill);
  color: var(--priority-1-red-text);
}
.ecl_v1 button.ecl-button.high-priority:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), var(--priority-1-red-fill-h);
}
.ecl_v1 button.ecl-button.high-priority:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
}
.ecl_v1 button.ecl-button.high-priority:active {
  border-radius: 1.25rem;
  background: var(--priority-1-red-fill-a);
}
.ecl_v1 button.ecl-button.med-priority {
  background: var(--priority-1-yellow-fill);
  border-color: var(--priority-1-yellow-fill);
  color: var(--priority-1-yellow-text);
}
.ecl_v1 button.ecl-button.med-priority:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), var(--priority-1-yellow-fill-h);
}
.ecl_v1 button.ecl-button.med-priority:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
}
.ecl_v1 button.ecl-button.med-priority:active {
  background: var(--priority-1-yellow-fill-a);
}
.ecl_v1 button.ecl-button.success {
  background: var(--priority-1-green-fill);
  border-color: var(--priority-1-green-fill);
  color: var(--priority-1-green-text);
}
.ecl_v1 button.ecl-button.success:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), var(--priority-1-green-fill-h);
}
.ecl_v1 button.ecl-button.success:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--color-base), 0 0 0 0.25rem var(--color-white);
}
.ecl_v1 button.ecl-button.success:active {
  background: var(--priority-1-green-fill-a);
}
.ecl_v1 button.ecl-button.small {
  font-size: 0.625rem;
  padding: 0 0.625rem;
  line-height: 1.5rem;
  column-gap: 0.25rem;
}
.ecl_v1 button.ecl-button.small ecl-icon {
  height: 0.625rem;
  width: 0.625rem;
}
.ecl_v1 button.ecl-button.small ecl-icon svg.ecl-icon {
  height: 0.625rem;
  width: 0.625rem;
}
.ecl_v1 .dark-theme button.ecl-button:focus,
.ecl_v1 .light-theme button.ecl-button:focus {
  box-shadow: inherit;
}
.ecl_v1 .dark-theme button.ecl-button.secondary:focus,
.ecl_v1 .light-theme button.ecl-button.secondary:focus {
  border-color: var(--button-2-stroke);
}

button {
  transition: pointer-events allow-discrete 0.001ms step-start;
}

.ecl_v1 div.ecl-divider {
  border-radius: 0.0625rem;
  background-color: var(--divider-stroke-h);
}
.ecl_v1 div.ecl-divider.horizontal {
  height: 0.0625rem;
  width: 100%;
}
.ecl_v1 div.ecl-divider.vertical {
  width: 0.0625rem;
  height: 100%;
}

.ecl_v1 ecl-table div.table-container {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.ecl_v1 ecl-table .select-column ecl-icon {
  color: var(--table-sel-col-icon);
}
.ecl_v1 ecl-table .select-cell ecl-icon {
  color: var(--table-sel-cell-icon);
}
.ecl_v1 ecl-table ecl-table-action-bar {
  height: 4rem;
  padding: unset;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
  column-gap: 0.25rem;
  align-items: center;
  justify-content: space-between;
}
.ecl_v1 ecl-table ecl-table-action-bar .ecl-form-field-container {
  padding: unset;
}
.ecl_v1 ecl-table ecl-table-action-bar[topBar] {
  display: flex;
  background-color: transparent;
  border-width: unset;
  border-style: unset;
  border-radius: 0.375rem;
}
.ecl_v1 ecl-table ecl-table-action-bar[bottomBar] {
  background-color: transparent;
  color: var(--table-td-text);
  border-radius: 0rem 0rem 0.75rem 0.75rem;
  padding-left: 0.5rem;
}
.ecl_v1 ecl-table ecl-table-action-bar[bottomBar] ecl-form-field label {
  margin: unset;
  color: var(--table-td-text);
}
.ecl_v1 .core-table {
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--table-td-stroke);
  border-bottom: 0.25rem solid var(--table-td-stroke);
  border-top: none;
  border-radius: 0.5rem 0.5rem 0 0;
  -moz-border-radius: 0.5rem 0.5rem 0 0;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
}
.ecl_v1 .core-table th,
.ecl_v1 .core-table th:not(.select-column) {
  border-width: 1px;
}
.ecl_v1 .core-table th ecl-table-sort-button,
.ecl_v1 .core-table th:not(.select-column) ecl-table-sort-button {
  display: flex;
  flex-direction: column;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.188rem;
  border-color: var(--table-th-sorter-stroke);
}
.ecl_v1 .core-table th ecl-icon,
.ecl_v1 .core-table th:not(.select-column) ecl-icon {
  width: 0.5rem;
  height: 0.5rem;
  color: var(--table-th-sorter-icon);
}
.ecl_v1 .core-table th ecl-icon.selected,
.ecl_v1 .core-table th:not(.select-column) ecl-icon.selected {
  color: var(--table-th-sorter-icon);
}
.ecl_v1 .core-table th:first-child {
  border-top-left-radius: 0.438rem !important;
}
.ecl_v1 .core-table th:last-child {
  border-top-right-radius: 0.438rem !important;
}
.ecl_v1 .core-table th,
.ecl_v1 .core-table td {
  border: none;
}
.ecl_v1 .core-table th {
  background-color: var(--table-th-fill);
  border-left: 1px solid var(--table-td-stroke);
  border-top: 1px solid var(--table-td-stroke);
  padding: 1rem 0.75rem;
  color: var(--table-th-text);
  text-align: left;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  height: 3rem;
}
.ecl_v1 .core-table th .header-text,
.ecl_v1 .core-table th .header-text-sort-icon {
  display: flex;
  justify-content: space-between;
}
.ecl_v1 .core-table th:first-child {
  border-radius: 0.5rem 0 0 0;
  -moz-border-radius: 0.5rem 0 0 0;
  -webkit-border-radius: 0.5rem 0 0 0;
  border-top: 1px solid var(--table-td-stroke);
  border-left: medium none;
}
.ecl_v1 .core-table th:last-child {
  border-radius: 0 0.5rem 0 0;
  -moz-border-radius: 0 0.5rem 0 0;
  -webkit-border-radius: 0 0.5rem 0 0;
}
.ecl_v1 .core-table th ecl-table-sort-button {
  display: flex;
  flex-direction: column;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.188rem;
  border-color: var(--table-th-sorter-stroke);
}
.ecl_v1 .core-table th ecl-table-sort-button ecl-icon {
  width: 0.5rem;
  height: 0.5rem;
  color: var(--table-th-sorter-icon);
}
.ecl_v1 .core-table th ecl-table-sort-button ecl-icon.selected {
  opacity: 0.5;
  color: var(--table-th-sorter-icon);
}
.ecl_v1 .core-table tr {
  height: 100%;
}
.ecl_v1 .core-table tr.selected td {
  background-color: var(--table-td-sel-background);
}
.ecl_v1 .core-table td {
  border: unset;
  height: 3rem;
  padding: 1rem 0.75rem;
  background-color: var(--table-td-fill);
  border-left: 1px solid var(--table-td-stroke);
  border-top: 1px solid var(--table-td-stroke);
  color: var(--table-td-text);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.ecl_v1 .core-table td:first-child {
  border-left: medium none;
}
.ecl_v1 .core-table .selectable {
  cursor: pointer;
}
.ecl_v1 .core-table th.select-column,
.ecl_v1 .core-table td.select-cell {
  width: 1rem;
}
.ecl_v1 .core-table th.select-column > div,
.ecl_v1 .core-table td.select-cell > div {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

.ecl_v1 {
  --ag-border-color: var(--table-td-stroke);
  --ag-row-border-color: var(--table-td-stroke);
}
.ecl_v1 .ag-theme-quartz,
.ecl_v1 .ag-theme-alpine {
  --ag-borders: solid;
  /* then add back a border between rows */
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-border-color: var(--table-td-stroke);
  --ag-secondary-border-color: var(--table-td-stroke);
  --ag-header-background-color: var(--table-th-fill);
  --ag-row-border-color: var(--table-td-stroke);
  --ag-cell-horizontal-border: 1px solid var(--table-td-stroke);
  --ag-borders-critical: 1px solid;
  --ag-cell-horizontal-padding: 0.75rem;
  --ag-cell-horizontal-padding: 0.75rem;
  --ag-background-color: var(--table-th-fill);
  --ag-secondary-foreground-color: var(--table-th-sorter-icon);
  --ag-input-border-color: var(--table-td-stroke);
  --ag-foreground-color: var(--table-td-colo);
  --ag-control-panel-background-color: var(--table-th-fill);
  --ag-popup-shadow: none;
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: 1px solid var(--table-td-stroke);
  --ag-range-selection-border-color: var(--table-td-stroke);
  --ag-selected-row-background-color: var(--table-td-sel-background);
  --ag-checkbox-border-radius: var(0.25rem);
  --ag-border-radius: 0.5rem 0.5rem 0rem 0rem;
  --ag-checkbox-background-color: var(--checkbox-background);
  --ag-checkbox-checked-color: var(--form-gen-switch-a);
  --ag-checkbox-unchecked-color: var(--form-gen-stroke);
  --ag-checkbox-indeterminate-color: var(--form-gen-switch-a);
}
.ecl_v1 .ag-header {
  background-color: var(--table-th-fill);
}
.ecl_v1 .ag-header .ag-header-cell-label {
  color: var(--table-th-text);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
.ecl_v1 .ag-header .ag-header-cell-label span:first-child {
  margin-right: auto;
}
.ecl_v1 .ag-header .ag-header-cell-label span:not(:first-child) {
  margin-left: auto;
}
.ecl_v1 .ag-header .ag-header-cell {
  border-right: 1px solid var(--table-td-stroke);
}
.ecl_v1 .ag-header .ag-header-cell:last-child {
  border-right: none;
}
.ecl_v1 .ag-container {
  width: 100%;
}
.ecl_v1 .ag-body,
.ecl_v1 .ag-row {
  background-color: var(--table-td-fill);
  color: var(--table-td-text);
}
.ecl_v1 .ag-root-wrapper {
  border-radius: 0.5rem 0.5rem 0rem 0rem;
  border: 1px solid var(--table-td-stroke);
  border-bottom: 0.188rem solid var(--table-td-stroke);
}
.ecl_v1 .ag-cell,
.ecl_v1 .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  border-collapse: collapse;
  border: none;
  border-right: 1px solid var(--table-td-stroke);
}
.ecl_v1 .ag-cell:last-child,
.ecl_v1 .ag-full-width-row .ag-cell-wrapper.ag-row-group:last-child {
  border: none;
}
.ecl_v1 .ag-row .ag-cell {
  display: flex;
  justify-content: left; /* align horizontal */
  align-items: center;
  height: 100%;
}
.ecl_v1 .ag-select-list,
.ecl_v1 .ag-picker-field-wrapper,
.ecl_v1 input[class^=ag-] {
  color: var(--table-td-text);
}
.ecl_v1 .ag-cell-wrapper {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.ecl_v1 .ag-cell {
  display: flex;
  height: 3rem;
  padding: 1rem 0.75rem;
  align-items: center;
  align-self: stretch;
}

.ascending-icon-grid svg rect,
.descending-icon-grid svg rect,
.unsort-icon-grid svg rect {
  stroke: var(--table-th-sorter-stroke);
}
.ascending-icon-grid svg path,
.descending-icon-grid svg path,
.unsort-icon-grid svg path {
  fill: var(--table-th-sorter-icon);
}

.ag-row-selected {
  background-color: var(--table-td-sel-background);
}

.ecl_v1 .dark-theme {
  --tooltip-fill: var(--onyx-5);
  --tooltip-text: var(--onyx-80);
}
.ecl_v1 .light-theme {
  --tooltip-fill: var(--onyx-80);
  --tooltip-text: var(--onyx-10);
}
.ecl_v1 div.ecl-tooltip-container {
  background-color: var(--tooltip-fill);
  color: var(--tooltip-text);
  display: flex;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  align-items: center;
}
.ecl_v1 div.ecl-tooltip-container:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.ecl_v1 div.ecl-tooltip-container span.ecl-tooltip-message {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.ecl_v1 div.ecl-tooltip-container.warning {
  background-color: var(--priority-1-yellow-fill);
  color: var(--priority-1-yellow-text);
}
.ecl_v1 div.ecl-tooltip-container.error {
  background-color: var(--priority-1-red-fill);
  color: var(--priority-1-red-text);
}
.ecl_v1 div.ecl-tooltip-container.success {
  background-color: var(--priority-1-green-fill);
  color: var(--priority-1-green-text);
}
.ecl_v1 .right-tooltip div.ecl-tooltip-container:before {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.5rem solid;
  border-right-color: var(--tooltip-fill);
  left: calc(-0.5rem + 1px);
  top: calc(50% - 0.5rem);
}
.ecl_v1 .right-tooltip div.ecl-tooltip-container.warning:before {
  border-right-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .right-tooltip div.ecl-tooltip-container.error:before {
  border-right-color: var(--priority-1-red-fill);
}
.ecl_v1 .right-tooltip div.ecl-tooltip-container.success:before {
  border-right-color: var(--priority-1-green-fill);
}
.ecl_v1 .left-tooltip div.ecl-tooltip-container:before {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid;
  border-left-color: var(--tooltip-fill);
  left: calc(100% - 1px);
  top: calc(50% - 0.5rem);
}
.ecl_v1 .left-tooltip div.ecl-tooltip-container.warning:before {
  border-left-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .left-tooltip div.ecl-tooltip-container.error:before {
  border-left-color: var(--priority-1-red-fill);
}
.ecl_v1 .left-tooltip div.ecl-tooltip-container.success:before {
  border-left-color: var(--priority-1-green-fill);
}
.ecl_v1 .bottom-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid;
  border-bottom-color: var(--tooltip-fill);
  left: calc(50% - 0.5rem);
  top: calc(-0.5rem + 1px);
}
.ecl_v1 .bottom-tooltip div.ecl-tooltip-container.warning:before {
  border-bottom-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .bottom-tooltip div.ecl-tooltip-container.error:before {
  border-bottom-color: var(--priority-1-red-fill);
}
.ecl_v1 .bottom-tooltip div.ecl-tooltip-container.success:before {
  border-bottom-color: var(--priority-1-green-fill);
}
.ecl_v1 .bottom-left-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid;
  border-bottom-color: var(--tooltip-fill);
  top: calc(-0.5rem + 1px);
}
.ecl_v1 .bottom-left-tooltip div.ecl-tooltip-container.warning:before {
  border-bottom-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .bottom-left-tooltip div.ecl-tooltip-container.error:before {
  border-bottom-color: var(--priority-1-red-fill);
}
.ecl_v1 .bottom-left-tooltip div.ecl-tooltip-container.success:before {
  border-bottom-color: var(--priority-1-green-fill);
}
.ecl_v1 .bottom-right-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid;
  border-bottom-color: var(--tooltip-fill);
  left: calc(100% - 1.5rem);
  top: calc(-0.5rem + 1px);
}
.ecl_v1 .bottom-right-tooltip div.ecl-tooltip-container.warning:before {
  border-bottom-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .bottom-right-tooltip div.ecl-tooltip-container.error:before {
  border-bottom-color: var(--priority-1-red-fill);
}
.ecl_v1 .bottom-right-tooltip div.ecl-tooltip-container.success:before {
  border-bottom-color: var(--priority-1-green-fill);
}
.ecl_v1 .top-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-top-color: var(--tooltip-fill);
  left: calc(50% - 0.5rem);
  top: calc(100% - 1px);
}
.ecl_v1 .top-tooltip div.ecl-tooltip-container.warning:before {
  border-top-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .top-tooltip div.ecl-tooltip-container.error:before {
  border-top-color: var(--priority-1-red-fill);
}
.ecl_v1 .top-tooltip div.ecl-tooltip-container.success:before {
  border-top-color: var(--priority-1-green-fill);
}
.ecl_v1 .top-left-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-top-color: var(--tooltip-fill);
  top: calc(100% - 1px);
}
.ecl_v1 .top-left-tooltip div.ecl-tooltip-container.warning:before {
  border-top-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .top-left-tooltip div.ecl-tooltip-container.error:before {
  border-top-color: var(--priority-1-red-fill);
}
.ecl_v1 .top-left-tooltip div.ecl-tooltip-container.success:before {
  border-top-color: var(--priority-1-green-fill);
}
.ecl_v1 .top-right-tooltip div.ecl-tooltip-container:before {
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-top-color: var(--tooltip-fill);
  left: calc(100% - 1.5rem);
  top: calc(100% - 1px);
}
.ecl_v1 .top-right-tooltip div.ecl-tooltip-container.warning:before {
  border-top-color: var(--priority-1-yellow-fill);
}
.ecl_v1 .top-right-tooltip div.ecl-tooltip-container.error:before {
  border-top-color: var(--priority-1-red-fill);
}
.ecl_v1 .top-right-tooltip div.ecl-tooltip-container.success:before {
  border-top-color: var(--priority-1-green-fill);
}

.ecl_v1 div.ecl-checkbox-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: max-content;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  border-radius: 0.5rem;
}
.disabled .ecl_v1 div.ecl-checkbox-container {
  opacity: 0.4;
  pointer-events: none;
}
.disabled .ecl_v1 div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  border-radius: none;
  outline: none;
}
.ecl_v1 div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 div.ecl-checkbox-container input.ecl-checkbox {
  appearance: none;
}
.ecl_v1 div.ecl-checkbox-container label.ecl-label {
  color: var(--text-primary);
}
.ecl_v1 div.ecl-checkbox-container div.ecl-checkbox-display-container {
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--form-gen-stroke);
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--form-gen-fill);
}
.ecl_v1 div.ecl-checkbox-container div.ecl-checkbox-display-container svg.intermediate {
  width: 0.875rem;
  height: 0.25rem;
}
.ecl_v1 div.ecl-checkbox-container div.ecl-checkbox-display-container svg.intermediate rect {
  fill: var(--form-gen-switch-a);
}
.ecl_v1 div.ecl-checkbox-container div.ecl-checkbox-display-container svg.checked {
  width: 1rem;
  height: 0.75rem;
}
.ecl_v1 div.ecl-checkbox-container div.ecl-checkbox-display-container svg.checked path {
  fill: var(--form-gen-switch-a);
}
.ecl_v1 div.ecl-checkbox-container .ecl-label {
  margin-left: 0.75rem;
  -webkit-user-select: none;
          user-select: none;
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group {
  background-color: var(--background);
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.vertical {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.vertical .divider {
  width: 100%;
  height: 0.063rem;
  margin: 0.125rem;
  background-color: var(--divider-stroke-h);
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.horizontal {
  display: flex;
  padding: 0 0.125rem;
  align-items: flex-start;
  gap: 1rem;
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.horizontal .divider {
  width: 0.063rem;
  height: 2.25rem;
  background-color: var(--divider-stroke-h);
}

.ecl_v1 div.ecl-radio-group {
  border-radius: 0.25rem;
  background-color: var(--background);
  padding: 0.25rem;
}
.ecl_v1 div.ecl-radio-group.vertical {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ecl_v1 div.ecl-radio-group.horizontal {
  display: inline-flex;
  height: 2.25rem;
  align-items: center;
  gap: 1rem;
}
.disabled .ecl_v1 div.ecl-radio-group {
  opacity: 0.4;
  pointer-events: none;
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: max-content;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  border-radius: 0.5rem;
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container input.ecl-radio {
  appearance: none;
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container label.ecl-label {
  color: var(--text-primary);
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container:focus-visible {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container div.ecl-radio-display-container {
  border: 0.0625rem solid var(--form-gen-stroke);
  border-radius: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  background-color: var(--form-gen-fill);
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container div.ecl-radio-display-container div.ecl-radio-display {
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 0.4375rem;
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container div.ecl-radio-display-container div.ecl-radio-display.selected {
  background: var(--form-gen-switch-a);
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container .ecl-label {
  margin-left: 0.75rem;
}

.ecl_v1 span.ecl-chip-container {
  display: inline-flex;
}
.ecl_v1 span.ecl-chip-container:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 span.ecl-chip-container.high {
  border-radius: 0.25rem;
  border: 0.063rem solid var(--priority-2-red-stroke);
}
.ecl_v1 span.ecl-chip-container.high:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 span.ecl-chip-container.high div.ecl-chip {
  background-color: var(--priority-2-red-fill);
}
.ecl_v1 span.ecl-chip-container.high div.ecl-chip:hover {
  background-color: var(--priority-2-red-fill-h);
}
.ecl_v1 span.ecl-chip-container.high div.ecl-chip span.ecl-chip-text {
  color: var(--priority-2-red-text);
}
.ecl_v1 span.ecl-chip-container.high div.ecl-chip button.ecl-chip-remove-button {
  border-color: var(--priority-2-red-stroke);
}
.ecl_v1 span.ecl-chip-container.high div.ecl-chip button.ecl-chip-remove-button ecl-icon {
  color: var(--priority-2-red-tool-btn);
}
.ecl_v1 span.ecl-chip-container.high div.ecl-chip ecl-icon {
  width: 0.563rem;
  height: 0.563rem;
  color: var(--priority-2-red-icon);
}
.ecl_v1 span.ecl-chip-container.medium {
  border-radius: 0.25rem;
  border: 0.063rem solid var(--priority-2-yellow-stroke);
}
.ecl_v1 span.ecl-chip-container.medium:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 span.ecl-chip-container.medium div.ecl-chip {
  background-color: var(--priority-2-yellow-fill);
}
.ecl_v1 span.ecl-chip-container.medium div.ecl-chip:hover {
  background-color: var(--priority-2-yellow-fill-h);
}
.ecl_v1 span.ecl-chip-container.medium div.ecl-chip span.ecl-chip-text {
  color: var(--priority-2-yellow-text);
}
.ecl_v1 span.ecl-chip-container.medium div.ecl-chip button.ecl-chip-remove-button {
  border-color: var(--priority-2-yellow-stroke);
}
.ecl_v1 span.ecl-chip-container.medium div.ecl-chip button.ecl-chip-remove-button ecl-icon {
  color: var(--priority-2-yellow-tool-btn);
}
.ecl_v1 span.ecl-chip-container.medium div.ecl-chip ecl-icon {
  width: 0.563rem;
  height: 0.563rem;
  color: var(--priority-2-yellow-icon);
}
.ecl_v1 span.ecl-chip-container.success {
  border-radius: 0.25rem;
  border: 0.063rem solid var(--priority-2-green-stroke);
}
.ecl_v1 span.ecl-chip-container.success:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 span.ecl-chip-container.success div.ecl-chip {
  background-color: var(--priority-2-green-fill);
}
.ecl_v1 span.ecl-chip-container.success div.ecl-chip:hover {
  background-color: var(--priority-2-green-fill-h);
}
.ecl_v1 span.ecl-chip-container.success div.ecl-chip span.ecl-chip-text {
  color: var(--priority-2-green-text);
}
.ecl_v1 span.ecl-chip-container.success div.ecl-chip button.ecl-chip-remove-button {
  border-color: var(--priority-2-green-stroke);
}
.ecl_v1 span.ecl-chip-container.success div.ecl-chip button.ecl-chip-remove-button ecl-icon {
  color: var(--priority-2-green-tool-btn);
}
.ecl_v1 span.ecl-chip-container.success div.ecl-chip ecl-icon {
  width: 0.563rem;
  height: 0.563rem;
  color: var(--priority-2-green-icon);
}
.ecl_v1 span.ecl-chip-container div.ecl-chip {
  border-radius: 0.25rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  background-color: var(--chip-fill);
  display: inline-flex;
  padding: 0 0.375rem;
  gap: 0.375rem;
}
.ecl_v1 span.ecl-chip-container div.ecl-chip:hover {
  background-color: var(--chip-fill-h);
}
.ecl_v1 span.ecl-chip-container div.ecl-chip:focus-visible {
  outline: 0.125rem solid var(--focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 span.ecl-chip-container div.ecl-chip span.ecl-chip-text {
  font-size: 0.75rem;
  margin-right: unset;
  color: var(--text-primary);
}
.ecl_v1 span.ecl-chip-container div.ecl-chip span.ecl-chip-text.no-button {
  margin-right: 0;
}
.ecl_v1 span.ecl-chip-container div.ecl-chip button.ecl-chip-remove-button {
  width: 0.875rem;
  margin: 0 auto;
  outline: none;
  border: none;
  height: 1.5rem;
  background-color: transparent;
  border-left: 0.063rem solid var(--chip-stroke);
  border-radius: 0;
  padding-left: 0.313rem;
}
.ecl_v1 span.ecl-chip-container div.ecl-chip button.ecl-chip-remove-button ecl-icon {
  margin: auto;
  height: 0.5rem;
  width: 0.5rem;
  display: flex;
  color: var(--chip-icon);
}

.core-chip-group {
  display: flex;
  padding: 0.5rem 0.5rem 0 0;
  align-items: flex-start;
  gap: 0.25rem;
}

.ecl_v1 div.ecl-field-content:has(.suffix.rightAlign) {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-areas: "input suffix";
  align-items: center;
  gap: 0.25rem;
}
.ecl_v1 div.ecl-field-content:has(.suffix.rightAlign) > * input {
  text-align: right;
}
.ecl_v1 div.ecl-field-content:has(.suffix.rightAlign) .filler {
  width: 0;
}
.ecl_v1 div.ecl-field-content:has(.suffix.rightAlign) .suffix {
  grid-area: suffix;
  width: fit-content;
  display: grid;
  grid-template-columns: max-content max-content;
  position: unset;
  align-items: center;
}
.ecl_v1 div.ecl-input-field-container {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
  border-radius: 0.375rem;
  font-size: 1rem;
  display: grid;
  background: var(--form-gen-fill);
  color: var(--form-gen-content);
  height: 2.25rem;
  min-width: 3rem;
  align-self: stretch;
  align-content: center;
  text-overflow: ellipsis;
  padding: 0rem 0.375rem;
  gap: 0.25rem;
}
.ecl_v1 div.ecl-input-field-container:focus-within {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
}
.ecl_v1 div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.125rem var(--colors-focus-stroke) inset;
}
.ecl_v1 div.ecl-input-field-container .ecl-input {
  background: transparent;
  color: var(--form-gen-content);
}
.ecl_v1 div.ecl-input-field-container .ecl-input input[type=number] {
  -moz-appearance: textfield;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ecl_v1 div.ecl-input-field-container .ecl-input input[type=number]::-webkit-outer-spin-button, .ecl_v1 div.ecl-input-field-container .ecl-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ecl_v1 div.ecl-input-field-container .ecl-input ::placeholder {
  color: var(--form-gen-placeholder);
}
.ecl_v1 div.ecl-input-field-container .ecl-field-addon-icon {
  background: var(--transparent);
}
.ecl_v1 div.ecl-input-field-container .ecl-field-addon-icon .ecl-icon {
  color: var(--form-gen-add-on);
}
.ecl_v1 div.ecl-input-field-container .ecl-field-addon-divider {
  background: var(--form-gen-divider);
}
.one-digit-input .ecl_v1 div.ecl-input-field-container {
  padding: 0;
  border-radius: 0.375rem;
}
.one-digit-input.warning-digit .ecl_v1 div.ecl-input-field-container {
  border-color: var(--warning);
  border-width: 0.14rem;
}
.disabled .ecl_v1 div.ecl-input-field-container {
  cursor: not-allowed;
}
.disabled .ecl_v1 div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
}
.readonly .ecl_v1 div.ecl-input-field-container {
  background: transparent;
  box-shadow: 0 0 0 1px var(--form-gen-read-only-stroke) inset;
}
.readonly .ecl_v1 div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 1px var(--form-gen-read-only-stroke) inset;
}
.readonly .ecl_v1 div.ecl-input-field-container .ecl-input {
  color: var(--form-gen-content);
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field {
  display: grid;
  grid-template-areas: "before-addon ecl-field-prefix ecl-field-content after-addon";
  grid-template-columns: max-content max-content 1fr max-content;
  align-items: center;
  flex: 1 0 0;
  min-width: 3rem;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-input {
  display: block;
  grid-area: input;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-input > input {
  border: none;
  width: 100%;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: transparent;
  color: inherit;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-input > input::selection {
  background: var(--selection-color);
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-input > input::-moz-selection {
  background: var(--selection-color);
}
.one-digit-input .ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-input > input {
  text-align: center;
  width: 2rem;
  height: 2.25rem;
  padding: 0rem 0.375rem;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-content {
  grid-area: ecl-field-content;
  position: relative;
  overflow: hidden;
  padding-left: 0.125rem;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-input ~ .suffix.rightAlign {
  left: auto;
  right: 0;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .suffix {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  display: block;
  position: absolute;
  top: 0;
  left: unset;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .suffix .filler {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-prefix {
  grid-area: ecl-field-prefix;
  padding: 0 0.125rem 0 0.125rem;
  color: var(--form-gen-unit);
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-suffix {
  color: var(--form-gen-unit);
  padding-right: 0.125rem;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon {
  display: grid;
  grid-template-columns: max-content max-content;
  place-items: center;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.before-addon {
  grid-area: before-addon;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.after-addon {
  grid-area: after-addon;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.rightAlign {
  grid-template-columns: max-content max-content max-content;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.rightAlign .ecl-field-suffix {
  padding: 0 0.5rem 0 0.25rem;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon {
  display: grid;
  place-items: center;
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 0.1875rem;
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon ecl-icon {
  height: 1rem;
  width: 1rem;
  color: var(--add-on);
}
.ecl_v1 div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-divider {
  height: 1.5rem;
  padding: 0 0.03rem;
  margin: 0 0.25rem;
  border-radius: 0.0625rem;
}
.ecl_v1 .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 .disabled div.ecl-input-field-container {
  opacity: 1;
}
.ecl_v1 .disabled div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
}
.ecl_v1 .disabled div.ecl-input-field-container .ecl-input {
  background: transparent;
}
.ecl_v1 .readonly div.ecl-input-field-container {
  border-color: var(--form-gen-read-only-stroke);
  background: transparent;
}
.ecl_v1 .readonly div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 1px var(--form-gen-read-only-stroke) inset;
}
.ecl_v1 .readonly div.ecl-input-field-container .ecl-input {
  background: transparent;
}

.ecl_v1 ecl-icon-button {
  display: block;
  position: relative;
  height: 100%;
  width: auto;
  border-radius: 0.188rem;
  background-color: transparent;
}
.ecl_v1 ecl-icon-button.active {
  background: var(--item-fill-a-2);
}
.ecl_v1 ecl-icon-button.active button {
  color: var(--icon-fill-a);
}
.ecl_v1 ecl-icon-button:not(.active) button:hover {
  background: var(--item-fill-h);
  color: var(--icon-fill-h);
}
.ecl_v1 ecl-icon-button.disabled {
  opacity: 1;
  pointer-events: none;
  cursor: default;
}
.ecl_v1 ecl-icon-button button {
  display: grid;
  place-items: center;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: none;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  color: var(--icon-fill);
}
.ecl_v1 ecl-icon-button button ecl-icon {
  width: 1.125rem;
  height: 1.125rem;
}
.ecl_v1 ecl-icon-button button:focus-visible {
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 ecl-icon-button button:active {
  background: var(--item-fill-a-2);
  color: var(--icon-fill-a);
}
.ecl_v1 ecl-icon-button button:focus {
  border: inherit;
  box-shadow: inherit;
}
.ecl_v1 ecl-icon-button button:focus::before {
  border: none;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: transparent;
}
.ecl_v1 ecl-icon-button ecl-icon {
  color: inherit;
}
.ecl_v1 ecl-icon-button.active ecl-icon {
  color: inherit;
}

.ecl_v1 ecl-icon-select {
  display: block;
  width: fit-content;
  border-radius: 0.375rem;
}
.ecl_v1 ecl-icon-select.active {
  background: var(--item-fill-a-2);
  color: var(--icon-fill-a);
}
.ecl_v1 ecl-icon-select.active button {
  color: var(--icon-fill-a);
}
.ecl_v1 ecl-icon-select.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
.ecl_v1 ecl-icon-select button {
  display: flex;
  place-items: center;
  border: none;
  margin: 0;
  padding: 8px 9px;
  cursor: pointer;
  background: none;
  color: var(--icon-fill);
  border-radius: 0.375rem;
  gap: 3px;
}
.ecl_v1 ecl-icon-select button ecl-icon {
  width: 1.125rem;
  height: 1.125rem;
}
.ecl_v1 ecl-icon-select button .optionsIndicator {
  width: 0.5rem;
  height: 0.5rem;
  place-self: end;
}
.ecl_v1 ecl-icon-select button:focus-visible {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 ecl-icon-select button:hover {
  background: var(--item-fill-h);
  color: var(--icon-fill-h);
}
.ecl_v1 ecl-icon-select button:active {
  background: var(--item-fill-a-2);
  color: var(--icon-fill-a);
}
.ecl_v1 .overlayOptionContainer {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
.ecl_v1 .overlayOptionContainer .overlay-option {
  display: flex;
  padding: 0.5rem;
  border-radius: 0.25rem;
  align-items: center;
  color: var(--text-primary);
}
.ecl_v1 .overlayOptionContainer .overlay-option .select-check-icon {
  margin-right: 0.375rem;
  height: 0.75rem;
  width: 0.75rem;
  color: var(--text-primary);
}
.ecl_v1 .overlayOptionContainer .overlay-option .select-filler {
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.375rem;
}
.ecl_v1 .overlayOptionContainer .overlay-option ecl-icon:not(.select-check-icon) {
  margin-right: 0.5rem;
  color: var(--icon-fill);
}

.ecl_v1 ecl-label-indicator {
  pointer-events: none;
  cursor: text;
}
.ecl_v1 ecl-label-indicator .indicator-background {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  color: var(--text-primary);
  background-color: transparent;
}
.ecl_v1 ecl-label-indicator .indicator-background label.ecl-label {
  color: var(--text-secondary);
}
.ecl_v1 ecl-label-indicator.extra-small {
  font-size: 0.75rem;
  font-weight: 600;
}
.ecl_v1 ecl-label-indicator.extra-small ecl-label label {
  font-size: 0.75rem;
  font-weight: 400;
}
.ecl_v1 ecl-label-indicator.small {
  font-size: 0.875rem;
  font-weight: 600;
}
.ecl_v1 ecl-label-indicator.medium {
  font-size: 1rem;
  font-weight: 600;
}
.ecl_v1 ecl-label-indicator.large {
  font-size: 1.25rem;
  font-weight: 600;
}

.ecl_v1 ecl-progress-bar .progress-bar-container {
  display: block;
  position: relative;
}
.ecl_v1 ecl-progress-bar .progress-bar {
  width: 100%;
  height: 1.25rem;
  border-radius: 1.33331rem;
  border: 1px solid var(--form-gen-stroke);
  overflow: hidden;
  position: relative;
  background: var(--form-gen-fill);
  box-shadow: unset;
  padding: unset;
}
.ecl_v1 ecl-progress-bar .progress-bar.thin {
  height: 0.5rem;
}
.ecl_v1 ecl-progress-bar .progress-bar__border {
  border: none;
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
.ecl_v1 ecl-progress-bar .progress-bar__label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding-left: 0.5rem;
  color: var(--progress-value-groove);
  position: unset;
  text-align: left;
  width: unset;
}
.ecl_v1 ecl-progress-bar .progress-bar__fill {
  justify-content: unset;
  height: 100%;
  background: var(--progress-bar);
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  top: 0;
}
.ecl_v1 ecl-progress-bar .progress-bar__fill.hideProgress {
  display: none;
}
.ecl_v1 ecl-progress-bar .progress-bar__fill-label {
  display: block;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  color: var(--progress-value-bar);
}
.ecl_v1 ecl-progress-bar .label-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ecl_v1 ecl-progress-bar .pb-5 {
  padding-bottom: 0.5rem;
}
.ecl_v1 ecl-progress-bar .pt-2 {
  padding-top: 0.25rem;
}
.ecl_v1 ecl-progress-bar .max-range label {
  font-weight: 600;
  color: var(--progress-legend-right);
}

.ecl_v1 ecl-progress-spinner {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 4rem;
  max-height: 4rem;
}
.ecl_v1 ecl-progress-spinner svg.spin {
  animation: spin 1s linear infinite;
}
.ecl_v1 ecl-progress-spinner svg.spin .spinner-color {
  fill: var(--progress-loader);
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ecl_v1 ecl-progress-spinner.small {
  width: 1rem;
  height: 1rem;
}
.ecl_v1 ecl-progress-spinner.medium {
  width: 2rem;
  height: 2rem;
}
.ecl_v1 ecl-progress-spinner.large {
  width: 4rem;
  height: 4rem;
}

.ecl_v1 .dark-theme {
  --instruction-background: var(--teal-90);
  --instruction-border: var(--teal-95);
  --instruction-text-color: var(--teal-10);
  --instruction-icon-fill: var(--teal-30);
}
.ecl_v1 .light-theme {
  --instruction-background: var(--teal-5);
  --instruction-border: var(--teal-20);
  --instruction-text-color: var(--onyx-90);
  --instruction-icon-fill: var(--onyx-70);
}

.ecl-instruction-container {
  display: flex;
  align-items: center; /* Vertical centering */
  justify-content: center;
  padding: 1.563rem 1.5rem;
  background: var(--instruction-background);
  border: 1px solid var(--instruction-border);
  gap: 0.5rem;
}

.ecl-instruction-container ecl-icon {
  width: 2.25rem;
  height: 2.25rem;
}
.ecl-instruction-container ecl-icon svg.ecl-icon path {
  fill: var(--instruction-icon-fill);
}

.ecl-instruction-container .ecl-instruction-text {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: normal;
  color: var(--instruction-text-color);
}

.ecl_v1 ecl-badge {
  min-width: 1.5rem;
  display: inline-flex;
}
.ecl_v1 ecl-badge .ecl-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
  background-color: var(--priority-1-onyx-fill);
  color: var(--priority-1-onyx-text);
}
.ecl_v1 ecl-badge .ecl-badge.success {
  background-color: var(--priority-1-green-fill);
}
.ecl_v1 ecl-badge .ecl-badge.warning {
  background-color: var(--priority-1-yellow-fill);
  color: var(--priority-1-yellow-text);
}
.ecl_v1 ecl-badge .ecl-badge.danger {
  background-color: var(--priority-1-red-fill);
}
.ecl_v1 ecl-badge .ecl-badge.info {
  background-color: var(--priority-1-teal-fill);
}
.ecl_v1 ecl-badge .ecl-badge.secondary {
  background-color: var(--priority-2-onyx-fill);
  border: 1px solid var(--priority-2-onyx-stroke);
  color: var(--priority-2-onyx-text);
  font-weight: 600;
}
.ecl_v1 ecl-badge .ecl-badge.secondary.success {
  background-color: var(--priority-2-green-fill);
  border-color: var(--priority-2-green-stroke);
  color: var(--priority-2-green-text);
}
.ecl_v1 ecl-badge .ecl-badge.secondary.success ecl-icon {
  color: var(--priority-2-green-icon);
}
.ecl_v1 ecl-badge .ecl-badge.secondary.warning {
  background-color: var(--priority-2-yellow-fill);
  border-color: var(--priority-2-yellow-stroke);
  color: var(--priority-2-yellow-text);
}
.ecl_v1 ecl-badge .ecl-badge.secondary.danger {
  background-color: var(--priority-2-red-fill);
  border-color: var(--priority-2-red-stroke);
  color: var(--priority-2-red-text);
}
.ecl_v1 ecl-badge .ecl-badge.secondary.danger ecl-icon {
  color: var(--priority-2-red-icon);
}
.ecl_v1 ecl-badge .ecl-badge.secondary.info {
  background-color: var(--priority-2-teal-fill);
  border-color: var(--priority-2-teal-stroke);
  color: var(--priority-2-teal-text);
}
.ecl_v1 ecl-badge .ecl-badge.secondary.info ecl-icon {
  color: var(--priority-2-teal-icon);
}
.ecl_v1 ecl-badge:not(.extraSmall, .small) .ecl-badge,
.ecl_v1 ecl-badge.medium .ecl-badge {
  padding: 0.25rem 0.3125rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 100%;
  gap: 0.1875rem;
}
.ecl_v1 ecl-badge:not(.extraSmall, .small) .ecl-badge .badgeVal,
.ecl_v1 ecl-badge.medium .ecl-badge .badgeVal {
  text-align: center;
  font-size: 0.875rem;
  line-height: 100%;
  font-weight: 600;
}
.ecl_v1 ecl-badge:not(.extraSmall, .small) .ecl-badge ecl-icon,
.ecl_v1 ecl-badge.medium .ecl-badge ecl-icon {
  display: inline-grid;
  width: 0.625rem;
  height: 0.625rem;
}
.ecl_v1 ecl-badge.small .ecl-badge {
  display: inline-flex;
  gap: 0.125rem;
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.1875rem;
  min-width: 1.625rem;
  font-size: 0.75rem;
  line-height: 100%;
}
.ecl_v1 ecl-badge.small .ecl-badge .badgeVal {
  text-align: center;
  font-size: 0.75rem;
  line-height: 100%;
  font-weight: 600;
}
.ecl_v1 ecl-badge.small .ecl-badge ecl-icon {
  display: inline-grid;
  width: 0.5625rem;
  height: 0.5625rem;
}
.ecl_v1 ecl-badge.extraSmall .ecl-badge {
  gap: 0.125rem;
  padding: 0.1875rem;
  border-radius: 0.125rem;
  min-width: 1.5rem;
  font-size: 0.625rem;
  line-height: 100%;
}
.ecl_v1 ecl-badge.extraSmall .ecl-badge .badgeVal {
  text-align: center;
  font-size: 0.625rem;
  line-height: 100%;
  font-weight: 600;
}
.ecl_v1 ecl-badge.extraSmall .ecl-badge ecl-icon {
  display: inline-grid;
  width: 0.4375rem;
  height: 0.4375rem;
}

.ecl_v1 div.ecl-textarea-container {
  border: 0.0625rem solid;
  border-radius: 0.375rem;
  height: 100%;
  width: 100%;
  min-height: 5rem;
  max-height: 15.625rem;
  overflow: auto;
  background-color: var(--form-gen-fill);
  border-color: var(--form-gen-stroke);
  padding: 0.5rem 0.5rem 0 0.5rem;
  resize: none;
  position: relative;
  /* Resizer icon styles */
}
.notes .ecl_v1 div.ecl-textarea-container {
  min-height: 2rem;
}
.disabled .ecl_v1 div.ecl-textarea-container {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 div.ecl-textarea-container textarea.ecl-textarea {
  width: 100%;
  min-height: 10rem;
  overflow: hidden;
  background: transparent;
  outline: none;
  border: none;
  box-sizing: content-box;
  color: var(--form-gen-content);
  font-size: 0.875rem;
  font-weight: 500;
}
.ecl_v1 div.ecl-textarea-container textarea.ecl-textarea::placeholder {
  color: var(--form-gen-placeholder);
  font-size: 0.875rem;
  font-weight: 500;
}
.notes .ecl_v1 div.ecl-textarea-container textarea.ecl-textarea {
  min-height: 2rem;
}
.ecl_v1 div.ecl-textarea-container textarea.ecl-textarea::selection {
  background: var(--selection-color);
}
.ecl_v1 div.ecl-textarea-container textarea.ecl-textarea::-moz-selection {
  background: var(--selection-color);
}
.ecl_v1 div.ecl-textarea-container .resizer-icon {
  position: absolute;
  bottom: 1px;
  right: -0.438rem;
  cursor: nwse-resize;
  width: 1.25rem;
  height: 1.25rem;
}
.ecl_v1 div.ecl-textarea-container .resizer-icon .icon-color {
  fill: var(--text-area-icon-color);
}
.ecl_v1 div.ecl-textarea-container .count {
  text-align: right;
  float: right;
  padding: 0;
}
.ecl_v1 ::-webkit-resizer {
  resize: auto;
}

.ecl_v1 div.ecl-toggle-container {
  display: flex;
  align-items: center;
  color: var(--text-primary);
  cursor: pointer;
  width: max-content;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  background-color: transparent;
  border-radius: 0.5rem;
}
.ecl_v1 div.ecl-toggle-container input.ecl-toggle {
  appearance: none;
}
.ecl_v1 div.ecl-toggle-container:focus-within:has(input:focus-visible) {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container:has(.toggled-on) {
  border-color: var(--form-gen-stroke);
}
.disabled:has(.toggled-on) .ecl_v1 div.ecl-toggle-container > div.ecl-toggle-display-container {
  border-color: var(--form-gen-stroke);
}
.ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container {
  border: 0.0625rem solid var(--form-gen-stroke);
  border-radius: 0.25rem;
  height: 1.5rem;
  padding: 0.25rem 0.1875rem;
  width: 2.75rem;
  display: flex;
  background-color: var(--form-gen-fill);
  cursor: pointer;
}
.disabled .ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.disabled .ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container:focus-within:has(input:focus-visible) {
  border-radius: none;
  outline: none;
}
.ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display {
  height: 1rem;
  width: 1rem;
  border-radius: 0.125rem;
}
.ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display.toggled-off {
  background: var(--form-gen-switch);
}
.ecl_v1 div.ecl-toggle-container div.ecl-toggle-display-container div.ecl-toggle-display.toggled-on {
  background: var(--form-gen-switch-a);
  margin-left: 1.25rem;
}
.ecl_v1 div.ecl-toggle-container .ecl-label {
  margin-left: 0.75rem;
  -webkit-user-select: none;
          user-select: none;
}

.ecl_v1 ecl-toolbar .ecl-toolbar {
  border-radius: 0.3125rem;
  border: 0.0625rem solid;
  display: grid;
  grid-template-columns: repeat(auto-fit, max-content);
  place-items: center;
  background-color: var(--color-base);
  border-color: var(--toolbar-border);
}
.ecl_v1 ecl-toolbar .ecl-toolbar.horizontal {
  height: 5rem;
  width: 100%;
}
.ecl_v1 ecl-toolbar .ecl-toolbar.vertical {
  width: 5rem;
  height: 100%;
}
.ecl_v1 ecl-toolbar .ecl-toolbar:has(ecl-icon-button) {
  border: none;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.ecl_v1 ecl-toolbar .ecl-toolbar:has(ecl-icon-button).horizontal {
  height: 2.25rem;
  width: 100%;
}
.ecl_v1 ecl-toolbar .ecl-toolbar:has(ecl-icon-button).vertical {
  width: 2.25rem;
  height: 100%;
  flex-direction: column;
}

ecl-icon-button-group .horizontal {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.75rem;
}
ecl-icon-button-group .vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.ecl_v1 {
  /* General Formatting */
}
.ecl_v1 input.ecl-autocomplete {
  border: 0.0625rem solid;
  font-size: 1rem;
  padding: 0.625rem 1rem;
  width: 100%;
  background: var(--form-gen-fill);
  border-color: var(--form-gen-stroke);
  color: var(--form-gen-content);
  cursor: pointer;
  height: 2.25rem;
}
.ecl_v1 input.ecl-autocomplete::placeholder {
  color: var(--form-gen-placeholder);
}
.ecl_v1 div.ecl-autocomplete-options-container {
  width: 100%;
  max-height: 10rem;
  padding: 0.5rem;
  border-radius: 0.3125rem;
  overflow: auto;
  border: 1px solid var(--form-gen-fill);
  background-color: var(--background);
}
.ecl_v1 div.ecl-autocomplete-options-container div.overlay-option {
  width: 100%;
  font-size: 1rem;
  padding: 0.5rem;
  border-radius: 0.3125rem;
  cursor: pointer;
  color: inherit;
}
.ecl_v1 div.ecl-autocomplete-options-container div.overlay-option.selected {
  background-color: var(--auto-oc-selected);
}
.ecl_v1 .attn ecl-autocomplete {
  padding-bottom: 15rem !important;
}

.ecl_v1 label.ecl-label {
  display: block;
  -webkit-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-secondary);
}
.ecl_v1 label.ecl-label.required:after {
  content: " *";
  display: inline;
}
.ecl_v1 .inline label {
  display: inline;
  margin: 0.75rem;
}

.ecl_v1 div.ecl-file-input-container {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  background-color: var(--form-gen-fill);
  height: 2.25rem;
  min-width: 3rem;
  align-self: stretch;
  align-content: center;
  text-overflow: ellipsis;
  padding: 0rem 0.375rem;
  gap: 0.25rem;
  border: none;
}
.disabled .ecl_v1 div.ecl-file-input-container {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 div.ecl-file-input-container input[type=file] {
  display: none;
}
.ecl_v1 div.ecl-file-input-container:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--colors-focus-stroke) inset;
}
.ecl_v1 div.ecl-file-input-container div.ecl-file-input-field {
  display: flex;
  flex: 1;
  padding: 0 1.5rem 0 0;
}
.ecl_v1 div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-placeholder {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--form-gen-placeholder);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ecl_v1 div.ecl-file-input-container div.ecl-file-input-field div.ecl-file-input-value {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--form-gen-content);
}
.ecl_v1 div.ecl-file-input-container .ecl-field-addon-icon {
  display: grid;
  place-items: center;
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 0.1875rem;
}
.ecl_v1 div.ecl-file-input-container .ecl-field-addon-icon ecl-icon {
  height: 1rem;
  width: 1rem;
}
.ecl_v1 div.ecl-file-input-container .ecl-file-input-button-container {
  display: none;
}
.ecl_v1 .readonly div.ecl-file-input-container {
  border-color: var(--form-gen-read-only-stroke);
  background: transparent;
}
.ecl_v1 .readonly div.ecl-file-input-container:focus-visible {
  box-shadow: 0 0 0 1px var(--form-gen-read-only-stroke) inset;
}
.ecl_v1 .readonly div.ecl-file-input-container .ecl-field-addon-icon {
  display: none;
}
.ecl_v1 .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 .disabled div.ecl-file-input-container {
  opacity: 1;
  background: transparent;
}
.ecl_v1 .disabled div.ecl-file-input-container:focus-visible {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
}

.ecl_v1 ecl-pin {
  display: inline-block;
  width: fit-content;
}
.ecl_v1 .digits-row {
  display: flex;
  gap: 0.125rem;
  height: 2.25rem;
}
.ecl_v1 .digits-row .one-digit-form ecl-input-field {
  padding-right: 1rem;
  gap: 0;
}
.ecl_v1 .digits-row .one-digit-form ecl-input-field .ecl-input-field-container {
  width: 2rem;
  min-width: 100%;
  height: 2.25rem;
  padding: 0;
}
.ecl_v1 .digits-row .one-digit-form ecl-input-field .ecl-input-field-container div.ecl-input-field .ecl-input > input {
  padding: 0 1.438rem 0 1px;
}
.ecl_v1 .digits-row .one-digit-form ecl-input-field .ecl-input-field-container:focus-within {
  box-shadow: 0 0 0 0.125rem var(--colors-focus-stroke) inset;
}
.ecl_v1 .one-digit-input div.ecl-input-field-container div.ecl-input-field .ecl-input {
  padding: 0;
}
.ecl_v1 .pin-column {
  display: flex;
  flex-direction: column;
}
.ecl_v1 .pin-container-row {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}
.ecl_v1 .warning-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecl_v1 .warning-container .left-arrow {
  width: 0;
  height: 0;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-right: 0.375rem solid var(--status-red-surface);
}
.ecl_v1 .warning-container .bar {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  width: max-content;
  height: 2.25rem;
  border-radius: 0.375rem;
  background-color: var(--status-red-surface);
  color: var(--color-text-primary);
  padding: 0.4375rem 0.75rem;
}
.ecl_v1 .warning-container .bar ecl-label {
  width: 100%;
}
.ecl_v1 .pin-icon {
  color: inherit;
}

.ecl_v1 {
  --s-chip-fill-s: var(--brand-ocean);
  --s-text-primary-s: var(--onyx-100);
}
.ecl_v1 div.ecl-tags-input-container {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
  background-color: var(--form-gen-fill);
  padding: 0rem 0.375rem;
  gap: 0.25rem;
  border-radius: 0.375rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  height: 2.25rem;
  min-width: 3rem;
  border: none;
}
.ecl_v1 div.ecl-tags-input-container:focus-within:has(input:focus-visible) {
  outline: 0.125rem solid var(--colors-focus-stroke);
  border: none;
  box-shadow: none;
}
.ecl_v1 div.ecl-tags-input-container ecl-chip {
  margin: 0rem;
}
.ecl_v1 div.ecl-tags-input-container input.ecl-tags-input {
  display: inline-block;
  margin: 0.25rem;
  font-size: 0.875rem;
  background: none;
  border: none;
  max-width: 100%;
  width: 10rem;
  flex-grow: 1;
}
.ecl_v1 div.ecl-tags-input-container input.ecl-tags-input::placeholder {
  color: var(--form-gen-placeholder);
}
.ecl_v1 div.ecl-tags-input-container .deleteHighlight .ecl-chip {
  background: var(--s-chip-fill-s);
}
.ecl_v1 div.ecl-tags-input-container .deleteHighlight .ecl-chip .ecl-chip-text {
  color: var(--s-text-primary-s);
}
.ecl_v1 div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button {
  background: var(--s-chip-fill-s);
}
.ecl_v1 div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button ecl-icon, .ecl_v1 div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button .ecl-icon {
  color: var(--s-text-primary-s);
}
.ecl_v1 .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 .disabled div.ecl-tags-input-container:focus-within:has(input:focus-visible) {
  outline: none;
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
}
.ecl_v1 .disabled div.ecl-tags-input-container input.ecl-tags-input {
  caret-color: transparent;
}
.ecl_v1 .readonly div.ecl-tags-input-container {
  background-color: transparent;
  border-color: var(--form-gen-read-only-stroke);
}
.ecl_v1 .readonly div.ecl-tags-input-container:focus-within:has(input:focus-visible) {
  outline: none;
  box-shadow: 0 0 0 1px var(--form-gen-read-only-stroke) inset;
}
.ecl_v1 .readonly div.ecl-tags-input-container input.ecl-tags-input {
  caret-color: transparent;
}

.ecl_v1 div.ecl-form-field-container,
.ecl_v1 div.ecl-form-field {
  display: grid;
  grid-template-rows: max-content max-content;
  align-items: center;
  padding: 0.5rem;
  row-gap: 0.625rem;
  border-radius: 0.5rem;
}
.notes .ecl_v1 div.ecl-form-field-container,
.notes .ecl_v1 div.ecl-form-field {
  padding-left: 0;
}
.ecl_v1 div.ecl-form-field-container > div {
  padding: 0.125rem;
}
.ecl_v1 .inline div.ecl-form-field-container,
.ecl_v1 div.ecl-form-field-container.inline,
.ecl_v1 div.ecl-form-field.inline {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.5rem;
  row-gap: 0;
}
.ecl_v1 .one-digit-form div.ecl-form-field-container {
  padding: 0;
}
.ecl_v1 div.ecl-field-inline-right-validation {
  display: grid;
  grid-template-columns: 1fr auto;
}
.ecl_v1 div.ecl-field-inline-left-validation {
  display: grid;
  grid-template-columns: auto 1fr;
}
.ecl_v1 div.ecl-input-field:has(> .rightAlign) input {
  text-align: right;
}
.ecl_v1 div.ecl-field-validation-error,
.ecl_v1 div.ecl-field-validation-warning,
.ecl_v1 div.ecl-field-validation-success {
  border-radius: 0.375rem;
  padding: 0.125rem;
}
.ecl_v1 div.ecl-field-validation-error.ecl-field-inline-left-validation .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-warning.ecl-field-inline-left-validation .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-success.ecl-field-inline-left-validation .ecl-field-validation-container {
  padding: 0.625rem 0.5rem 0.625rem 0.375rem;
}
.ecl_v1 div.ecl-field-validation-error.ecl-field-inline-right-validation .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-warning.ecl-field-inline-right-validation .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-success.ecl-field-inline-right-validation .ecl-field-validation-container {
  padding: 0.625rem 0.375rem 0.625rem 0.5rem;
}
.ecl_v1 div.ecl-field-validation-error .ecl-input-field-container,
.ecl_v1 div.ecl-field-validation-error .ecl-tags-input-container,
.ecl_v1 div.ecl-field-validation-error .ecl-textarea-container,
.ecl_v1 div.ecl-field-validation-error .ecl-file-input-container,
.ecl_v1 div.ecl-field-validation-error input.ecl-overlay,
.ecl_v1 div.ecl-field-validation-warning .ecl-input-field-container,
.ecl_v1 div.ecl-field-validation-warning .ecl-tags-input-container,
.ecl_v1 div.ecl-field-validation-warning .ecl-textarea-container,
.ecl_v1 div.ecl-field-validation-warning .ecl-file-input-container,
.ecl_v1 div.ecl-field-validation-warning input.ecl-overlay,
.ecl_v1 div.ecl-field-validation-success .ecl-input-field-container,
.ecl_v1 div.ecl-field-validation-success .ecl-tags-input-container,
.ecl_v1 div.ecl-field-validation-success .ecl-textarea-container,
.ecl_v1 div.ecl-field-validation-success .ecl-file-input-container,
.ecl_v1 div.ecl-field-validation-success input.ecl-overlay {
  box-shadow: none;
  border: none;
}
.ecl_v1 div.ecl-field-validation-error:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation),
.ecl_v1 div.ecl-field-validation-warning:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation),
.ecl_v1 div.ecl-field-validation-success:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) {
  padding-bottom: 0rem;
}
.ecl_v1 div.ecl-field-validation-error:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-warning:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-success:not(.ecl-field-inline-right-validation):not(.ecl-field-inline-left-validation) .ecl-field-validation-container {
  grid-template-columns: auto 1fr;
}
.ecl_v1 div.ecl-field-validation-error .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-warning .ecl-field-validation-container,
.ecl_v1 div.ecl-field-validation-success .ecl-field-validation-container {
  display: grid;
  grid-template-columns: auto;
  align-items: center;
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.75rem;
  padding-right: 0.5rem;
}
.ecl_v1 div.ecl-field-validation-error .ecl-field-validation-container ecl-icon,
.ecl_v1 div.ecl-field-validation-warning .ecl-field-validation-container ecl-icon,
.ecl_v1 div.ecl-field-validation-success .ecl-field-validation-container ecl-icon {
  width: 0.9rem;
  height: 0.9rem;
}
.ecl_v1 .status-common, .ecl_v1 div.ecl-field-validation-error, .ecl_v1 div.ecl-field-validation-success, .ecl_v1 div.ecl-field-validation-warning {
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.ecl_v1 div.ecl-field-validation-warning {
  background-color: var(--priority-1-yellow-fill);
}
.ecl_v1 div.ecl-field-validation-warning div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(255, 205, 105, 0.5) inset;
}
.ecl_v1 div.ecl-field-validation-warning div.ecl-field-validation-container span.ecl-field-validation-message {
  color: var(--priority-1-yellow-text);
}
.ecl_v1 div.ecl-field-validation-warning div.ecl-field-validation-container .ecl-field-validation-icon .ecl-icon {
  color: var(--priority-1-yellow-icon);
}
.ecl_v1 div.ecl-field-validation-success {
  background-color: var(--priority-1-green-fill);
}
.ecl_v1 div.ecl-field-validation-success div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(59, 135, 18, 0.5) inset;
}
.ecl_v1 div.ecl-field-validation-success div.ecl-field-validation-container span.ecl-field-validation-message {
  color: var(--priority-1-green-text);
}
.ecl_v1 div.ecl-field-validation-success div.ecl-field-validation-container .ecl-field-validation-icon .ecl-icon {
  color: var(--priority-1-green-text);
}
.ecl_v1 div.ecl-field-validation-error {
  background-color: var(--priority-1-red-fill);
}
.ecl_v1 div.ecl-field-validation-error div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: 0 0 0 0.25rem rgba(229, 64, 64, 0.5) inset;
}
.ecl_v1 div.ecl-field-validation-error div.ecl-field-validation-container span.ecl-field-validation-message {
  color: var(--priority-1-red-text);
}
.ecl_v1 div.ecl-field-validation-error div.ecl-field-validation-container .ecl-field-validation-icon .ecl-icon {
  color: var(--priority-1-red-text);
}

ecl-avatar .avatar {
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 0.25rem solid;
  border: 0.125rem solid var(--avatar-stroke-inset);
  overflow: hidden;
}
ecl-avatar ecl-label .ecl-label {
  color: var(--avatar-text-initials);
  font-size: 2rem;
  font-family: "Noto Sans SC", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ecl_v1 ecl-avatar .avatar {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 0.125rem solid;
  border: 0.046875rem solid var(--avatar-stroke-inset);
  overflow: hidden;
  background: var(--avatar-fill);
}
.ecl_v1 ecl-avatar .avatar.disable {
  background: var(--avatar-fill-d);
}
.ecl_v1 ecl-avatar .avatar img {
  width: 100%;
  border-radius: 50%;
}
.ecl_v1 ecl-avatar .avatar ecl-icon {
  color: var(--avatar-icon);
}
.ecl_v1 ecl-avatar .avatar ecl-label .ecl-label {
  color: var(--avatar-text-initials);
  font-size: 2rem;
  font-family: "Noto Sans SC", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ecl_v1 ecl-avatar .avatar.initials {
  background: var(--avatar-fill-initials);
}
.ecl_v1 ecl-avatar .avatar.default {
  outline-color: var(--avatar-stroke);
}
.ecl_v1 ecl-avatar .avatar.active {
  outline-color: var(--avatar-stroke-a);
}
.ecl_v1 ecl-avatar .avatar.disable {
  outline-color: var(--avatar-stroke-d);
}
.ecl_v1 ecl-avatar .avatar.disable img {
  opacity: 0.6;
}
.ecl_v1 ecl-avatar .avatar.disable ecl-icon {
  opacity: 0.4;
}
.ecl_v1 ecl-avatar .avatar.disable ecl-label {
  opacity: 0.35;
}
.ecl_v1 ecl-avatar.extraLarge .avatar {
  width: 4.5rem;
  height: 4.5rem;
  outline-width: 0.25rem;
  border: 0.125rem solid var(--avatar-stroke-inset);
}
.ecl_v1 ecl-avatar.extraLarge .avatar ecl-icon {
  width: 4.5rem;
  height: 4.5rem;
}
.ecl_v1 ecl-avatar.large .avatar {
  outline-width: 0.1875rem;
  border: 0.0625rem solid var(--avatar-stroke-inset);
  width: 3rem;
  height: 3rem;
}
.ecl_v1 ecl-avatar.large .avatar ecl-label .ecl-label {
  font-size: 1.375rem;
}
.ecl_v1 ecl-avatar.large ecl-icon {
  width: 3rem;
  height: 3rem;
}
.ecl_v1 ecl-avatar.large ecl-icon ecl-label .ecl-label {
  font-size: 1.375rem;
}
.ecl_v1 ecl-avatar.medium .avatar {
  outline-width: 0.125rem;
  border: 0.046875rem solid var(--avatar-stroke-inset);
  width: 2rem;
  height: 2rem;
}
.ecl_v1 ecl-avatar.medium .avatar ecl-label .ecl-label {
  font-size: 0.875rem;
}
.ecl_v1 ecl-avatar.medium ecl-icon {
  width: 2rem;
  height: 2rem;
}
.ecl_v1 ecl-avatar.medium ecl-icon ecl-label .ecl-label {
  font-size: 0.875rem;
}
.ecl_v1 ecl-avatar.small .avatar {
  outline-width: 0.0625rem;
  border: 0.03125rem solid var(--avatar-stroke-inset);
  width: 1.5rem;
  height: 1.5rem;
}
.ecl_v1 ecl-avatar.small .avatar ecl-label .ecl-label {
  font-size: 0.625rem;
}
.ecl_v1 ecl-avatar.small ecl-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.ecl_v1 ecl-avatar.small ecl-icon ecl-label .ecl-label {
  font-size: 0.625rem;
}

.ecl_v1 div.ecl-range-container {
  position: relative;
  height: 2rem;
  display: grid;
  place-items: center;
  background-color: var(--background);
  border-radius: 0.25rem;
  padding: 0.75rem 0 1.625rem 0;
  /* Focus Styles */
}
.disabled .ecl_v1 div.ecl-range-container {
  opacity: 0.4;
}
.ecl_v1 div.ecl-range-container .ornamental-line {
  position: absolute;
  width: calc(100% - 1rem);
  border-radius: 0.031rem;
  bottom: 87%;
  height: 0.063rem;
  transform: translateY(70%);
  z-index: 1;
}
.ecl_v1 div.ecl-range-container input.ecl-range {
  position: relative;
  z-index: 2;
  appearance: none;
  width: calc(100% - 1rem);
  border-radius: 0.1875rem;
  outline: none;
  margin: 0 1rem;
  background-color: var(--form-gen-fill);
  height: 0.3125rem;
  border: 0.0625rem solid var(--form-gen-stroke);
  box-shadow: none;
}
.ecl_v1 div.ecl-range-container input.ecl-range::-webkit-slider-thumb {
  appearance: none;
  width: 1.125rem;
  height: 0.813rem;
  border-radius: 0.5rem;
  cursor: pointer;
  background-color: var(--progress-slider-fill);
  border: 1px solid var(--progress-slider-stroke);
  margin: 0; /* Adjusting thumb position */
  box-shadow: none;
}
.ecl_v1 div.ecl-range-container input[type=range]:focus {
  outline: none;
}
.ecl_v1 div.ecl-range-container input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.063rem var(--progress-slider-stroke), 0 0 0 0.188rem var(--colors-focus-stroke), 0 0 0 0.25rem var(--progress-slider-stroke);
}
.ecl_v1 div.ecl-range-container .label-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 1rem);
}

.ecl_v1 {
  /* Border style when isOpen is true */
  /* Border style when isOpen is false */
}
.ecl_v1 input.ecl-overlay {
  border-radius: 0.4375rem;
  font-size: 0.875rem;
  padding: 0 1.875rem 0 0.75rem;
  width: 100%;
  background: var(--select-fill);
  color: var(--text-primary);
  height: 2.4rem;
  cursor: pointer;
  text-overflow: ellipsis;
  display: flex;
  min-width: 4.75rem;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  font-weight: 500;
  font-style: normal;
}
.disabled .ecl_v1 input.ecl-overlay {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
.ecl_v1 input.ecl-overlay::placeholder {
  color: var(--text-primary);
  font-weight: 500;
}
.ecl_v1 input.ecl-overlay:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 input.ecl-overlay:hover {
  background-color: var(--select-fill-h);
  outline: none;
}
.ecl_v1 .input-close-border {
  border: 0.0625rem solid var(--select-stroke);
}
.ecl_v1 .input-open-border {
  border: 0.0625rem solid var(--select-stroke);
}
.ecl_v1 .ecl-input-wrapper {
  padding: 0 0.5rem 0.75rem;
  border-block-end: 0.0625rem solid var(--select-stroke);
}
.ecl_v1 .ecl-select-icon {
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  color: var(--add-on);
  cursor: pointer;
}
.disabled .ecl_v1 .ecl-select-icon {
  opacity: 0.4;
  pointer-events: none;
}
.ecl_v1 .select-dropdown-container {
  width: 100%;
  background: transparent;
}
.ecl_v1 div.ecl-select-options-container {
  width: 100%;
  max-height: 100%;
  border-radius: 0.5rem;
  margin: 0.25rem 0;
  padding: 0.5rem 0 0 0;
  overflow: auto;
  background-color: var(--select-fill);
  border: 0.0625rem solid var(--select-stroke);
  color: var(--text-primary);
  box-shadow: 0 0 0.75rem var(--box-shadow);
}
.ecl_v1 div.ecl-select-options-container .all-option {
  display: block;
  border-block-end: 0.0625rem solid var(--divider-stroke-h);
}
.ecl_v1 div.ecl-select-options-container div.ecl-select-option {
  width: 100%;
  font-size: 0.875rem;
  padding: 0.563rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  gap: 0.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  align-items: center;
}
.ecl_v1 div.ecl-select-options-container div.ecl-select-option.multi-select {
  display: flex;
  gap: 0;
}
.ecl_v1 div.ecl-select-options-container div.ecl-select-option.multi-select ecl-checkbox .ecl-checkbox-container {
  padding: 0;
}
.ecl_v1 div.ecl-select-options-container div.ecl-select-option .select-check-icon {
  color: var(--text-primary);
  width: 0.75rem;
  height: auto;
  display: inline;
  margin: 0;
}
.ecl_v1 .set-empty-box {
  width: 0.75rem;
}

.ecl-scrollbar__handle-h {
  scroll-behavior: none;
}

.ecl_v1 ecl-card {
  display: grid;
  flex-direction: column;
  border-radius: 0.5rem;
  border: 1px solid var(--card-stroke);
  background: var(--card-body-background);
  height: 100%;
}
.ecl_v1 ecl-card .base,
.ecl_v1 ecl-card .attn,
.ecl_v1 ecl-card .canvas,
.ecl_v1 ecl-card .section {
  width: 100%;
}
.ecl_v1 ecl-card .ecl-tab-group .ecl-tabs.card-tab .ecl-tabs-container {
  border: none;
}
.ecl_v1 ecl-card > ecl-card-footer {
  display: flex;
  padding: 1.5rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  height: 100%;
  border-top: 1px solid var(--card-divider);
  background: var(--card-fill);
  margin-top: 0px;
}
.ecl_v1 ecl-card > ecl-card-footer .heading {
  display: grid;
  width: 100%;
  align-items: center;
  grid-template-columns: 1fr auto auto auto;
}
.ecl_v1 ecl-card > ecl-card-footer span {
  overflow: hidden;
}
.ecl_v1 ecl-card h1 {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: var(--color-border);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.ecl_v1 ecl-card h2 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.ecl_v1 ecl-card ecl-card-header {
  background: var(--card-fill);
  border-bottom: 1px solid var(--card-divider);
  display: flex;
  height: 4.5rem;
  padding: 1.125rem 1.5rem;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  align-self: stretch;
  margin-bottom: 0px;
}
.ecl_v1 ecl-card ecl-card-header .actions .icon {
  border-color: var(--color-lv-2-deprecated);
}
.ecl_v1 ecl-card ecl-card-header .actions .icon:hover {
  background: var(--color-theme);
}
.ecl_v1 ecl-card ecl-card-header .heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  color: var(--text-primary);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 1.25rem */
}
.ecl_v1 ecl-card ecl-card-header .heading ecl-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.ecl_v1 ecl-card ecl-card-header .heading-right {
  flex: 0;
}
.ecl_v1 ecl-card[alt-header] > ecl-card-header {
  background: transparent;
  border-bottom: 1px solid var(--card-divider);
  display: flex;
  height: 100%;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
  margin: 0 1.5rem;
  padding: 0;
}
.ecl_v1 ecl-card[alt-header] > ecl-card-header .heading {
  color: var(--text-primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  min-height: 4rem;
  line-height: 100%; /* 16px */
  padding: 0.875rem 0rem;
}
.ecl_v1 ecl-card[alt-header] > ecl-card-footer {
  background: transparent;
  margin: 0;
  padding: 0 1.5rem;
  display: flex;
  height: 4.5rem;
  align-items: center;
  align-self: stretch;
}
.ecl_v1 ecl-card[alt-header] > ecl-card-body {
  padding: 1.25rem 1.5rem;
}
.ecl_v1 ecl-card[alt-design=inline] {
  gap: 1rem;
  width: 100%;
}
.ecl_v1 ecl-card[alt-design=inline] > ecl-card-header {
  background: transparent;
  border-bottom: 1px solid var(--card-divider);
  display: flex;
  height: 100%;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
  margin: 0 1rem;
  padding: 0;
}
.ecl_v1 ecl-card[alt-design=inline] > ecl-card-header .heading {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  min-height: 3rem;
  line-height: 125%;
  padding: 0.75rem 0rem;
  gap: 0.5rem;
}
.ecl_v1 ecl-card[alt-design=inline] > ecl-card-header .heading ecl-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.ecl_v1 ecl-card[alt-design=inline] > ecl-card-footer {
  background: transparent;
  padding: 0.75rem 0rem;
  display: flex;
  min-height: 3rem;
  align-items: center;
  align-self: stretch;
  margin: 0 1rem;
  color: var(--text-primary, #e9e9ea);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.ecl_v1 ecl-card[alt-design=inline] > ecl-card-body {
  padding: 0 1rem;
}
.ecl_v1 ecl-card[no-border=true] {
  border: none;
  border-radius: 0;
}
.ecl_v1 ecl-card[no-padding=true] > ecl-card-body {
  padding: 0;
  height: 100%;
}
.ecl_v1 ecl-card > ecl-card-body {
  width: 100%;
  background: var(--card-body-background);
  display: block;
  overflow: hidden;
  grid-area: body;
  padding: 1.75rem;
}
.ecl_v1 ecl-card > ecl-card-body[no-padding] {
  padding: 0;
}
.ecl_v1 ecl-card > ecl-card-header + ecl-card-body ecl-card[alt-header] ecl-card-body {
  padding: 1.25rem 1.5rem 1.5rem 1.5rem;
}
.ecl_v1 ecl-card:not(:has(> ecl-card-header)) > ecl-card-body {
  padding: 0 1.5rem;
}
.ecl_v1 ecl-card:not(:has(> ecl-card-header)) > ecl-card-body ecl-card[alt-header] ecl-card-body {
  padding: 0 1.5rem;
}

.ecl_v1 ecl-tab {
  width: 100%;
  height: 100%;
}
.ecl_v1 ecl-tab:empty {
  display: none;
}
.ecl_v1 ecl-tabs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.ecl_v1 ecl-tabs .ecl-disabled-tab {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tabs-container {
  display: inline-flex;
  height: 1.625rem;
  justify-content: flex-end;
  align-items: center;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading {
  display: flex;
  height: 1.3125rem;
  justify-content: center;
  align-items: center;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading .heading {
  display: flex;
  height: 1.625rem;
  padding: 0rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading .heading:hover {
  background: var(--tabs-heading-hover);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading .tab-border {
  border-radius: 0.1875rem;
  background: var(--tabs-canvas-pipe-border);
  width: 0.0625rem;
  height: 0.875rem;
  margin: 0 0.25rem;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading .tab-heading-text {
  color: var(--text-secondary);
  text-align: center;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading:last-child {
  border-right: none;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-tab-heading:last-child .tab-border {
  display: none;
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs .ecl-active-tab .tab-heading-text {
  color: var(--text-active);
}
.ecl_v1 ecl-tabs .canvas-tab > .ecl-tabs ecl-card {
  border: none;
  border-radius: unset;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tabs-container {
  background: var(--tabs-fill);
  border: 0.063rem solid var(--tabs-stroke);
  border-bottom: none;
  display: flex;
  height: 2.75rem;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  border-collapse: collapse;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading {
  display: flex;
  height: 100%;
  padding: 0rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-right: 0.063rem solid var(--tabs-stroke);
  background: var(--tabs-fill);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading .tab-heading-text {
  color: var(--text-secondary);
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading ecl-icon {
  color: var(--tabs-icon);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading:hover {
  background: var(--transparencies-white_alpha-10);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading .heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--8, 0.5rem);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading .heading ecl-badge {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading .tab-border {
  display: none;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab {
  background: var(--tabs-fill-a);
  border-bottom: none;
  z-index: 2;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab .tab-heading-text {
  color: var(--text-active);
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 0.75rem */
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab ecl-icon {
  color: var(--tabs-icon-a);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab:hover {
  background: var(--tabs-fill-a);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .tabs-groove {
  position: relative;
  display: block;
  height: 0.063rem;
  background: var(--tabs-stroke);
  z-index: 1;
  margin-top: -0.06rem;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading.ecl-active-tab + .ecl-tab-heading + .ecl-tabs {
  border-bottom: none;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab + .ecl-tabs {
  border-bottom: none;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs {
  width: fit-content;
  padding-bottom: 1rem;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-tabs-container {
  display: inline-flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-tab-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-tab-heading .tab-heading-text {
  color: var(--text-secondary);
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-tab-heading .heading {
  display: flex;
  height: 1.375rem;
  padding: 0rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-tab-heading .heading:hover {
  background: var(--tabs-heading-hover);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-tab-heading ecl-badge {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-active-tab .tab-heading-text {
  color: var(--text-active);
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .ecl-active-tab .tab-border {
  height: 0.5rem;
  align-self: stretch;
  border-radius: 0.25rem;
  background: var(--tabs-underline);
  z-index: 2;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .tabs-groove {
  height: 0.375rem;
  position: relative;
  background: var(--tabs-groove);
  border-radius: 0.188rem;
  bottom: 0.375rem;
  margin-top: -0.063rem;
  margin-bottom: 0.125rem;
  z-index: 1;
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-tab-heading {
  display: flex;
  width: 2.75rem;
  padding: 0.875rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  border: 1px solid var(--tabs-stroke);
  background: var(--tabs-fill);
  border-bottom: none;
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-tab-heading:last-child {
  border-bottom: 1px solid var(--tabs-stroke);
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-tab-heading ecl-icon {
  color: var(--tabs-icon);
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-active-tab {
  background: var(--tabs-fill-a);
  border-right: none;
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-active-tab ecl-icon {
  color: var(--tabs-icon-a);
}
.ecl_v1 ecl-tabs .icon-tab > .tab-align-right {
  order: 1;
  justify-content: flex-end;
  margin-left: auto;
}
.ecl_v1 ecl-tabs .icon-tab > .tab-align-right .ecl-tabs-container .ecl-active-tab {
  background: var(--tabs-fill-a);
  border-right: 1px solid var(--tabs-stroke);
  border-left: none;
}
.ecl_v1 ecl-tabs .ecl-tab-group.icon-tab {
  flex-direction: row;
}
.ecl_v1 ecl-tabs .icon-tab {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs {
  flex: 0 0 auto;
  width: 2.75rem;
  background-color: var(--tabs-fill);
}
.ecl_v1 ecl-tabs .icon-tab .ecl-tab-content {
  flex: 1 1 auto;
  width: calc(100% - 2.75rem); /* adjust width as needed */
  height: 100%;
  transition: animation 0.3s ease-in-out;
}
.ecl_v1 ecl-tabs .ecl-tab-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ecl_v1 ecl-tabs .ecl-tab-group .ecl-tab-heading {
  cursor: pointer;
}
.ecl_v1 ecl-tabs .ecl-tab-group .ecl-tab-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.ecl_v1 ecl-card-body > ecl-tabs .icon-tab .tab-align-left .ecl-tabs-container .ecl-tab-heading {
  border-left: none;
}
.ecl_v1 ecl-card-body > ecl-tabs .icon-tab .tab-align-left .ecl-tabs-container .ecl-tab-heading:first-child {
  border-top: none !important;
}
.ecl_v1 ecl-card-body > ecl-tabs .icon-tab .tab-align-right .ecl-tabs-container .ecl-tab-heading {
  border-right: none;
}
.ecl_v1 ecl-card-body > ecl-tabs .icon-tab .tab-align-right .ecl-tabs-container .ecl-tab-heading:first-child {
  border-top: none !important;
}
.ecl_v1 ecl-card-body > ecl-tabs .card-tab > .ecl-tabs .ecl-tabs-container {
  border: none;
}

.ecl_v1 .ecl-message {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: 1rem;
  border-radius: 0.4375rem;
  width: 100%;
  background-color: var(--priority-1-onyx-fill);
  color: var(--priority-1-onyx-text);
}
.ecl_v1 .ecl-message.success {
  background-color: var(--priority-1-green-fill);
}
.ecl_v1 .ecl-message.warning {
  background-color: var(--priority-1-yellow-fill);
  color: var(--priority-1-yellow-text);
}
.ecl_v1 .ecl-message.danger, .ecl_v1 .ecl-message.error {
  background-color: var(--priority-1-red-fill);
}
.ecl_v1 .ecl-message.info {
  background-color: var(--priority-1-teal-fill);
}

.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container {
  background: var(--background);
  border: var(--border);
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__header {
  padding: 1.5rem 2.25rem;
  height: 4rem;
  line-height: normal;
  color: inherit;
  font-size: 0.875rem;
  border-bottom: 0.0625rem solid var(--card-divider);
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > *:hover:not(.active) {
  background: var(--item-fill-h);
  font-weight: 400;
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > *:active {
  background: var(--item-fill-a-2);
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > *:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > .active {
  background: var(--item-fill-a-2);
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container .calendar-month-picker {
  background: var(--select-fill);
  border: 1px solid var(--select-stroke);
}
.ecl_v1 .overlay ecl-datepicker .ecl-calendar-input-container .calendar-container .calendar-month-picker:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
}

.ecl_v1 ecl-nav-accordion {
  color: var(--text-primary);
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.ecl_v1 ecl-nav-accordion ecl-icon {
  color: var(--nav-accordion-icon);
  margin-left: 1rem;
}
.ecl_v1 ecl-nav-accordion .accordion-header {
  background: none;
  cursor: pointer;
  border-radius: 0.5rem;
  -webkit-user-select: none;
          user-select: none;
  grid-auto-flow: columns;
  grid-template-columns: 1fr 1.25rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 0.813rem 0.75rem 0.313rem 0.5rem;
}
.ecl_v1 ecl-nav-accordion .expanded {
  background: none;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  font-weight: 600;
}
.ecl_v1 ecl-nav-accordion .expanded ecl-icon {
  color: var(--nav-accordion-icon);
}
.ecl_v1 ecl-nav-accordion .accordion-content {
  background: none;
  overflow-y: scroll !important;
  opacity: 1;
  display: flex;
  padding: 0 0.5rem 0.5rem 0.5rem;
  flex-direction: column;
  max-height: 12rem;
}
.ecl_v1 ecl-nav-accordion .accordion-content a {
  color: var(--text-primary);
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
.ecl_v1 ecl-nav-accordion .accordion-content a.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel {
  display: flex;
  flex-direction: column;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .subheader-heading {
  display: flex;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.5rem 0.25rem;
  align-items: center;
  align-self: stretch;
  color: var(--text-secondary);
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .subheader-options {
  display: flex;
  padding: 0.563rem 0.5rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .subheader-options:hover {
  background: var(--item-fill-h);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .subheader-options:active {
  background: var(--item-fill-a);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .subheader-options:focus-visible {
  outline: 2px solid var(--colors-focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .na-default {
  padding: 0.563rem 0.5rem;
  margin-top: 2px;
  white-space: normal;
  word-wrap: break-word;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .na-default:hover {
  background: var(--item-fill-h);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .na-default:active {
  background: var(--item-fill-a);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .na-default:focus-visible {
  outline: 2px solid var(--colors-focus-stroke);
  border-radius: 0.25rem;
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel .na-default a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* Adds ellipsis for overflowed text */
}
.ecl_v1 ecl-nav-accordion ecl-accordion-panel ecl-divider {
  padding: 0.375rem 0.25rem;
}

.ecl_v1 ecl-accordion {
  color: var(--text-primary);
  background-color: inherit;
  border: 1px solid var(--card-body-inline-stroke);
  border-radius: 0.5rem;
  display: block;
}
.ecl_v1 ecl-accordion .hidden {
  display: none;
}
.ecl_v1 ecl-accordion .accordion-header {
  font-size: 0.875rem;
  line-height: 125%;
  background-color: inherit;
  font-weight: 600;
  padding: 0.8125rem 1rem;
}
.ecl_v1 ecl-accordion .accordion-header:hover {
  background-color: var(--item-fill-h);
}
.ecl_v1 ecl-accordion .accordion-content {
  background-color: inherit;
  padding: 1rem;
}
.ecl_v1 ecl-accordion .expanded {
  border-bottom: 1px solid var(--card-body-inline-stroke);
}
.ecl_v1 ecl-accordion .accordion-icon {
  color: var(--nav-accordion-icon);
}

.ecl_v1 .dark-theme {
  --chart-grid-color: var(--brand-onyx);
  --chart-tick-color: var(--teal-15);
  --chart-legend-color: var(--teal-15);
  --graph-subdivider: var(--onyx-90);
  --colors-graph-olive: #b0bf40;
  --colors-graph-yellow: #cbab4d;
  --colors-graph-brown: #cb7c4d;
  --colors-graph-red: #ed5f5e;
  --colors-graph-rose: #e05286;
  --colors-graph-deep-fuchsia: #d65cb8;
  --colors-graph-violet: #c75cd6;
  --colors-graph-purple: #a767e4;
  --colors-graph-indigo: #8a7de8;
  --colors-graph-blue: #6c88e0;
  --colors-graph-cyan: #4090bf;
  --colors-graph-mint: #399;
  --colors-graph-emerald: #339973;
  --colors-graph-green: #33994c;
  --colors-graph-dark-pastel-green: #47ac39;
  --colors-graph-fern-green: #80bf40;
  --colors-graph-transparent-olive: rgba(176, 191, 64, 0.4);
  --colors-graph-transparent-yellow: rgba(203, 171, 77, 0.4);
  --colors-graph-transparent-brown: rgba(203, 124, 77, 0.4);
  --colors-graph-transparent-red: rgba(237, 95, 94, 0.4);
  --colors-graph-transparent-rose: rgba(224, 82, 134, 0.4);
  --colors-graph-transparent-deep-fuchsia: rgba(214, 92, 184, 0.4);
  --colors-graph-transparent-violet: rgba(199, 92, 214, 0.4);
  --colors-graph-transparent-purple: rgba(167, 103, 228, 0.4);
  --colors-graph-transparent-indigo: rgba(138, 125, 232, 0.4);
  --colors-graph-transparent-blue: rgba(108, 136, 224, 0.4);
  --colors-graph-transparent-cyan: rgba(64, 144, 191, 0.4);
  --colors-graph-transparent-mint: rgba(51, 153, 153, 0.4);
  --colors-graph-transparent-emerald: rgba(51, 153, 115, 0.4);
  --colors-graph-transparent-green: rgba(51, 153, 76, 0.4);
  --colors-graph-transparent-dark-pastel-green: rgba(71, 172, 57, 0.4);
  --colors-graph-transparent-fern-green: rgba(128, 191, 64, 0.4);
}
.ecl_v1 .dark-theme .base {
  --graph-subdivider: var(--onyx-80);
}
.ecl_v1 .dark-theme .attn {
  --graph-subdivider: var(--teal-70);
}
.ecl_v1 .light-theme {
  --chart-grid-color: var(--onyx-20);
  --chart-tick-color: var(--onyx-75);
  --chart-legend-color: var(--onyx-75);
  --graph-subdivider: var(--onyx-20);
  --colors-graph-olive: #869130;
  --colors-graph-yellow: #997f33;
  --colors-graph-brown: #995933;
  --colors-graph-red: #bf4040;
  --colors-graph-rose: #bf406f;
  --colors-graph-deep-fuchsia: #bf40a0;
  --colors-graph-violet: #b040bf;
  --colors-graph-purple: #8140bf;
  --colors-graph-indigo: #4739ac;
  --colors-graph-blue: #405fbf;
  --colors-graph-cyan: #3982ac;
  --colors-graph-mint: #399;
  --colors-graph-emerald: #339973;
  --colors-graph-green: #358d4b;
  --colors-graph-dark-pastel-green: #549b4b;
  --colors-graph-fern-green: #739550;
  --colors-graph-transparent-olive: rgba(134, 145, 48, 0.4);
  --colors-graph-transparent-yellow: rgba(153, 127, 51, 0.4);
  --colors-graph-transparent-brown: rgba(153, 89, 51, 0.4);
  --colors-graph-transparent-red: rgba(191, 64, 64, 0.4);
  --colors-graph-transparent-rose: rgba(191, 64, 111, 0.4);
  --colors-graph-transparent-deep-fuchsia: rgba(191, 64, 160, 0.4);
  --colors-graph-transparent-violet: rgba(176, 64, 191, 0.4);
  --colors-graph-transparent-purple: rgba(129, 64, 191, 0.4);
  --colors-graph-transparent-indigo: rgba(71, 57, 172, 0.4);
  --colors-graph-transparent-blue: rgba(64, 95, 191, 0.4);
  --colors-graph-transparent-cyan: rgba(57, 130, 172, 0.4);
  --colors-graph-transparent-mint: rgba(51, 153, 153, 0.4);
  --colors-graph-transparent-emerald: rgba(51, 153, 115, 0.4);
  --colors-graph-transparent-green: rgba(53, 141, 75, 0.4);
  --colors-graph-transparent-dark-pastel-green: rgba(84, 155, 75, 0.4);
  --colors-graph-transparent-fern-green: rgba(115, 149, 80, 0.4);
}
.ecl_v1 .light-theme .base {
  --graph-subdivider: var(--onyx-10);
}
.ecl_v1 .light-theme .attn {
  --graph-subdivider: var(--teal-20);
}
.ecl_v1 .chart-container {
  height: 100%;
  width: 100%;
  max-height: fit-content;
}

.ecl_v1 ecl-paginator {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.0625rem;
  border-radius: 0.375rem;
}
.ecl_v1 ecl-paginator button {
  color: var(--text-primary);
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 0.875rem */
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  pointer-events: auto;
  cursor: pointer;
}
.ecl_v1 ecl-paginator button.selected {
  border-radius: 0.375rem;
  background: var(--item-fill-a-2);
  color: var(--text-active);
}
.ecl_v1 ecl-paginator button.selected.page-button {
  color: var(--text-active);
  border: unset;
}
.ecl_v1 ecl-paginator button.page-button {
  border: unset;
  border-right: none;
  color: var(--text-primary);
}
.ecl_v1 ecl-paginator button.page-button:nth-child(2) {
  border-left: unset;
}
.ecl_v1 ecl-paginator button.chevron-button ecl-icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  color: var(--icon-fill);
}
.ecl_v1 ecl-paginator button.chevron-button:first-child {
  border-radius: unset;
  border: unset;
}
.ecl_v1 ecl-paginator button.chevron-button:last-child {
  border-radius: unset;
  border: unset;
}
.ecl_v1 ecl-paginator button:hover {
  border-radius: 0.375rem;
  background: var(--item-fill-h);
}
.ecl_v1 ecl-paginator button:focus-visible {
  border-radius: 0.375rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 ecl-paginator ecl-icon-button ecl-icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  color: var(--icon-fill);
}
.ecl_v1 ecl-paginator button[disabled] {
  background-color: transparent;
  cursor: not-allowed;
}

.ecl_v1 .context-menu-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--card-stroke);
  background: var(--card-fill);
  box-shadow: 0px 0px 0.75rem 0px var(--card-acc-overlay-drop-shadow);
  width: 15rem;
}
.ecl_v1 .context-menu-container .example-listbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  align-self: stretch;
  padding: 0.5rem;
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item:not(.divider) {
  list-style: none;
  display: flex;
  height: 2.625rem;
  padding: 0.5625rem 0.5rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  color: var(--text-primary);
  margin-bottom: 0;
  border: 0.125rem solid transparent;
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item:not(.divider) a:hover {
  font-weight: normal;
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item:not(.divider):hover {
  border-radius: 0.25rem;
  background: var(--item-fill-h);
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item:not(.divider).active {
  border-radius: 0.25rem;
  background: var(--item-fill-a-2);
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item:not(.divider).disabled {
  border-radius: 0.25rem;
  opacity: 0.4;
  background: var(--card-fill);
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item:not(.divider):focus-visible {
  border-radius: 0.25rem;
  border-color: var(--colors-focus-stroke);
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item.divider {
  width: 100%;
  margin: 0;
  padding: 0.375rem 0.25rem;
  background-color: transparent;
}
.ecl_v1 .context-menu-container .example-listbox ecl-menu-item.divider:hover {
  background: transparent;
}

::ng-deep .ecl_v1 div.ecl-divider {
  background-color: var(--divider-stroke-h);
}

.ecl_v1 :root {
  --progress-deg: 0deg; /* Default progress degree */
}
.ecl_v1 .progress-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.ecl_v1 .progress-circle__background {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--form-gen-fill); /* Set the background color */
  z-index: 0; /* Set it behind the other layers */
}
.ecl_v1 .progress-circle__outer-ring,
.ecl_v1 .progress-circle__inner-ring {
  position: absolute;
  border-radius: 50%;
  border: 0.065rem solid var(--form-gen-body-stroke); /* Set the color of the outer rings */
  box-sizing: border-box;
}
.ecl_v1 .progress-circle__outer-ring {
  width: 103.5%; /* Slightly larger than the main circle */
  height: 103.5%;
}
.ecl_v1 .progress-circle__inner-ring {
  width: 62%; /* Smaller ring for the inner ring */
  height: 62%;
  z-index: 1000;
}
.ecl_v1 .progress-circle__progress {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(var(--circle-progress-rgba) 0deg, var(--circle-progress) var(--progress-deg), rgba(0, 0, 0, 0) var(--progress-deg), rgba(0, 0, 0, 0) 360deg);
}
.ecl_v1 .progress-circle__middle {
  position: absolute;
  width: 65%; /*  The size of the middle circle */
  height: 65%;
  border-radius: 50%;
  background-color: var(--form-gen-fill); /* Set the middle circle to black */
}
.ecl_v1 .progress-circle__label {
  position: absolute;
  font-weight: bold;
  color: var(--text-primary); /* text color */
  z-index: 1;
}
.ecl_v1 .progress-circle__label--small {
  font-size: 0.5rem;
}
.ecl_v1 .progress-circle__label--medium {
  font-size: 0.875rem;
}
.ecl_v1 .progress-circle__label--large {
  font-size: 2.25rem;
}

.ecl_v1 .overlayOptionContainer .ecl-select-option,
.ecl_v1 .overlayOptionContainer .overlay-option {
  width: 100%;
  font-size: 1rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.ecl_v1 .overlayOptionContainer .ecl-select-option.selected,
.ecl_v1 .overlayOptionContainer .overlay-option.selected {
  background: none;
}
.ecl_v1 .overlayOptionContainer .ecl-select-option:hover,
.ecl_v1 .overlayOptionContainer .overlay-option:hover {
  background-color: var(--item-fill-h);
  border-radius: var(--4, 4px);
}
.ecl_v1 .overlayOptionContainer .ecl-select-option:focus-visible,
.ecl_v1 .overlayOptionContainer .overlay-option:focus-visible {
  background: none;
  border-radius: var(--4, 4px);
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 .overlayOptionContainer .ecl-select-option.active,
.ecl_v1 .overlayOptionContainer .overlay-option.active {
  background-color: var(--item-fill-a-2);
}
.ecl_v1 .overlayOptionContainer .ecl-select-option.multi-select,
.ecl_v1 .overlayOptionContainer .overlay-option.multi-select {
  display: flex;
}
.ecl_v1 .ecl-modal.cdk-overlay-pane {
  display: flex;
  padding: 0em;
  border-radius: 0.5rem;
}
.ecl_v1 .cdk-overlay-dark-backdrop {
  background-color: var(--scrim-fill);
}

.ecl_v1 ecl-avatar-group {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.ecl_v1 ecl-avatar-group ecl-avatar.extraLarge {
  margin-left: -1rem;
}
.ecl_v1 ecl-avatar-group ecl-avatar.large {
  margin-left: -0.625rem;
}
.ecl_v1 ecl-avatar-group ecl-avatar.medium {
  margin-left: -0.4375rem;
}
.ecl_v1 ecl-avatar-group ecl-avatar.small {
  margin-left: -0.375rem;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(1) {
  z-index: 10;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(2) {
  z-index: 9;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(3) {
  z-index: 8;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(4) {
  z-index: 7;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(5) {
  z-index: 6;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(6) {
  z-index: 5;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(7) {
  z-index: 4;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(8) {
  z-index: 3;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(9) {
  z-index: 2;
}
.ecl_v1 ecl-avatar-group ecl-avatar:nth-child(10) {
  z-index: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+co_e1ca287839b6d4cbb796882113a1cd61/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_@rspac_db03fbab712ee687daa87fa46fdae6cd/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.4_@rspack+_d7555983bbfa562695362570196592af/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/women-cancer-recorder/src/styles.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

body {
  font-family: "Noto Sans", sans-serif;
}
body .main-form-center .form .disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
body .main-form-center .form .common-input {
  width: 240px;
}
body .main-form-center .form .section-vert, body .main-form-center .form .section-vert-group, body .main-form-center .form .section-vert-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
body .main-form-center .form .section-vert-input {
  gap: 6px;
}
body .main-form-center .form .section-vert-group {
  gap: 16px;
}
body .main-form-center .form .section-vert-group .section-hori {
  display: flex;
  gap: unset;
}
body .main-form-center .form .section-hori {
  display: flex;
  gap: 16px;
}
body .main-form-center .form .radio-group ecl-radio-button {
  margin-top: 16px;
}
body .main-form-center .form .radio-group .section-hori {
  display: flex;
  gap: unset;
  align-items: self-end;
}
body .main-form-center .form .text {
  color: var(--Text-Primary, #1D252D);
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .main-form-center .form .label {
  color: #000;
  /* Label L7/Semibold */
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/*# sourceMappingURL=styles.1d23774bd807ae2d.css.map*/