/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.2.8_@swc+helpers@0.5.15__webpack@5.97.1_@swc+core@1.5.2_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_@rspack+core@1.2.8_@swc+helpers@0.5.15__postcss@8.4.49_typescript@_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+core@1.2.8_@swc+helpers@0.5.15__sass@1.83.1_webpack@5.97.1_@_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;
}

.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;
}

.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-scrollbar--always-visible .ecl-scrollbar__handle,
.ecl-scrollbar--always-visible .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);
}

.spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.spinner-container .spinner-icon {
  width: 100%;
  height: 100%;
  max-width: 4rem;
  max-height: 4rem;
  position: relative;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.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;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.2.8_@swc+helpers@0.5.15__webpack@5.97.1_@swc+core@1.5.2_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_@rspack+core@1.2.8_@swc+helpers@0.5.15__postcss@8.4.49_typescript@_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+core@1.2.8_@swc+helpers@0.5.15__sass@1.83.1_webpack@5.97.1_@_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-VariableFont_wdth,wght.28e2ceaf1bf2d5c1.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+core@1.2.8_@swc+helpers@0.5.15__webpack@5.97.1_@swc+core@1.5.2_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_@rspack+core@1.2.8_@swc+helpers@0.5.15__postcss@8.4.49_typescript@_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+core@1.2.8_@swc+helpers@0.5.15__sass@1.83.1_webpack@5.97.1_@_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.4;
  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.4;
  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.4;
  border: 0.0625rem solid --btn-sec-border;
  border-radius: 1.25rem;
  color: var(--btn-sec-hover);
}
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.4;
  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;
}

.couch-icons {
  fill: none !important;
}

.blend-primary {
  fill: var(--text-icon-magenta);
}

.blend-secondary {
  fill: var(--text-icon-green);
}

.blend-overlay {
  fill: var(--white);
}

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.75rem);
  bottom: 0%;
  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;
  width: 100%;
  height: 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;
  gap: 0.75rem;
}
.disabled div.ecl-checkbox-container {
  opacity: 0.4;
  pointer-events: none;
}
.disabled div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  outline: none;
  border-radius: 0;
  outline-offset: 0;
}
div.ecl-checkbox-container .ecl-checkbox-label {
  display: flex;
  align-items: center;
}
div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--focus-stroke);
  outline-offset: 0.25rem;
}
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 {
  -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;
  gap: 0.5rem;
  border-radius: 0.25rem;
}

div.ecl-radio-group {
  border-radius: 0.25rem;
}
.disabled div.ecl-radio-group {
  opacity: 0.4;
  pointer-events: none;
}
div.ecl-radio-group.vertical {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
div.ecl-radio-group.horizontal {
  display: inline-flex;
  height: 2.25rem;
  align-items: center;
  gap: 1rem;
}
div.ecl-radio-group div.ecl-radio-container {
  display: flex;
  align-items: center;
  place-items: center;
  cursor: pointer;
}
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.safe {
  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.safe: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.safe: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.safe: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.safe: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.safe: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.safe: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.safe: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.safe: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);
  border-radius: 0.25rem;
  gap: 0.75rem;
}
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;
  gap: 0.5rem;
  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;
}

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: flex;
  flex-direction: column;
  row-gap: 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.safe {
  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: flex-start;
  padding: 0.75rem 0.75rem 0.65rem 0.75rem;
  border-radius: 0.4375rem;
  width: 100%;
  background-color: var(--ecl-msg-background);
  color: var(--ecl-msg-color);
}
div.ecl-message .ecl-message-icon-container {
  padding: 0.1rem 0;
}
div.ecl-message .ecl-message-icon-container ecl-icon {
  height: 0.875rem;
  width: 0.875rem;
}
div.ecl-message.safe {
  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);
}
div.ecl-message .ecl-message-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
div.ecl-message .ecl-message-text {
  flex: 1;
  font-weight: 500;
}
div.ecl-message .ecl-message-actions {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}
div.ecl-message .ecl-message-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6.5px 6.5px 6.2px;
  line-height: 1;
}
div.ecl-message .ecl-message-close ecl-icon {
  width: 0.813rem;
  height: 0.813rem;
}
div.ecl-message.info .ecl-message-close, div.ecl-message.success .ecl-message-close, div.ecl-message.danger .ecl-message-close, div.ecl-message.error .ecl-message-close {
  color: white;
}

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: flex;
  justify-content: start;
  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 .input.not-edit-mode {
  cursor: default;
}
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);
  }
}

ecl-vertical-nav-menu {
  border-radius: 0.5rem;
  overflow: hidden;
  height: max-content;
  background: var(--color-background);
}
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 {
  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 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;
}

.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;
}

.noselect, 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: 0 0.75rem;
  display: inline-block;
  border-left: 1px solid var(--tabs-canvas-pipe);
  height: 1.5rem;
  vertical-align: middle;
  font-size: 0.875rem;
}
ecl-navbar ecl-navbar-item:first-child {
  border: none;
  padding-left: 0;
}
ecl-navbar ecl-navbar-item:last-child {
  padding-right: 0;
}
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 ecl-navbar-item .border-bottom {
  display: none;
}
ecl-navbar a {
  color: var(--navbar-anchor);
  letter-spacing: 0.08em;
  font-weight: 500;
}
ecl-navbar a:active {
  color: var(--navbar-link-active);
  letter-spacing: 0.08em;
  font-weight: 700;
}
ecl-navbar a:hover {
  color: var(--navbar-anchor);
  background: var(--transparencies-onyx_alpha-5);
  padding: 0.375rem;
  border-radius: 5px;
}
ecl-navbar a:hover:before {
  background: var(--navbar-background);
}

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;
  -webkit-user-select: none;
          user-select: none;
}

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;
  padding: 0.625rem;
}

ecl-toast-message-component {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ecl-toast-message {
  display: block;
  margin-bottom: 1rem;
}
.ecl-toast-message .error-code-container {
  display: grid;
  padding-top: 1rem;
  grid-gap: 0.5rem;
  grid-template-columns: max-content 1rem;
}
.ecl-toast-message .error-code-container ecl-icon-button {
  background-color: var(--danger);
}
.ecl-toast-message .error-code-container ecl-icon-button ecl-icon {
  color: var(--color-white);
}

ecl-toast {
  color: var(--toast);
  display: block;
  border-radius: 0.625rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  margin-bottom: 0.625rem;
  text-align: left;
}
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;
  flex-direction: column;
  position: absolute;
  bottom: 2.625rem;
  left: 6.875rem;
}
.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;
}
.warning-container .bar ecl-label {
  width: 100%;
}
.warning-container .down-arrow {
  width: 0;
  height: 0;
  border-top: 0.375rem solid var(--status-red-surface);
  border-right: 0.375rem solid transparent;
  border-left: 0.375rem solid transparent;
  margin-left: 0.8125rem;
}

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-footer {
  margin: 0;
}

input.select-input {
  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.select-input {
  pointer-events: none;
}
input.select-input:focus-visible {
  outline: 0.125rem solid var(--focus-stroke);
}
input.select-input:hover {
  background-color: var(--select-box-background);
  outline: none;
}
input.select-input::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.select-input {
  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.select-input {
  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(--onyx-70);
  --navbar-anchor-bottom: var(--teal-70);
  --navbar-anchor-hover: var(--transparencies-onyx_alpha-5);
  --navbar-background: var(--onyx-70);
  --navbar-link-active: var(--teal-80);
  --navbar-link-effect: var(--teal-80);
  --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);
}

.ecl_v1 .dark-theme .canvas {
  --container-name: canvas;
  --avatar-fill-d: var(--onyx-70);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-80);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-90);
  --avatar-stroke: var(--onyx-60);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-80);
  --avatar-stroke-inset: var(--onyx-95);
  --avatar-text-initials: var(--onyx-5);
  --button-1-fill: var(--onyx-5);
  --button-1-fill-a: var(--onyx-20);
  --button-1-fill-h: var(--onyx-10);
  --button-1-icon: var(--teal-80);
  --button-1-icon-a: var(--teal-80);
  --button-1-icon-h: var(--teal-80);
  --button-1-stroke: var(--onyx-5);
  --button-1-stroke-a: var(--onyx-20);
  --button-1-stroke-h: var(--onyx-10);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--onyx-90);
  --button-2-fill-a: var(--onyx-100);
  --button-2-fill-h: var(--onyx-95);
  --button-2-icon: var(--onyx-20);
  --button-2-icon-a: var(--onyx-20);
  --button-2-icon-h: var(--onyx-20);
  --button-2-stroke: var(--onyx-70);
  --button-2-stroke-a: var(--onyx-70);
  --button-2-stroke-h: var(--onyx-70);
  --button-2-text: var(--onyx-20);
  --button-2-text-a: var(--onyx-20);
  --button-2-text-h: var(--onyx-20);
  --card-divider: var(--onyx-90);
  --card-fill: var(--onyx-100);
  --card-inline-stroke: var(--onyx-75);
  --card-stroke: var(--onyx-70);
  --chip-divider: var(--onyx-100);
  --chip-fill: var(--onyx-80);
  --chip-fill-h: var(--onyx-75);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--onyx-80);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--onyx-30);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-60);
  --divider-stroke-h: var(--onyx-70);
  --divider-stroke-v: var(--onyx-70);
  --elekta-logo-fill-1: var(--white);
  --elekta-logo-fill-2: var(--white);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-add-on-a: var(--onyx-30);
  --form-gen-content: var(--onyx-15);
  --form-gen-divider: var(--onyx-100);
  --form-gen-fill: var(--onyx-100);
  --form-gen-placeholder: var(--onyx-40);
  --form-gen-read-only-fill: var(--transparencies-white_alpha-10);
  --form-gen-stroke: var(--onyx-80);
  --form-gen-switch: var(--onyx-50);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-40);
  --form-gen-unit: var(--onyx-40);
  --graph-axis: var(--onyx-50);
  --graph-baseline: var(--onyx-90);
  --graph-subdivider: var(--onyx-90);
  --ic-arc-map-arrow: var(--onyx-40);
  --ic-arc-map-icon: var(--onyx-40);
  --ic-arc-map-ring: var(--onyx-80);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-40);
  --ic-couch-diagram-fill-table: var(--onyx-80);
  --ic-patient-couch-gantry-fill: var(--onyx-90);
  --ic-patient-couch-orientation-fill: var(--onyx-80);
  --ic-patient-couch-orientation-stroke: var(--onyx-70);
  --ic-patient-couch-patient-fill: var(--onyx-70);
  --ic-patient-couch-pointer-fill: var(--onyx-40);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-90);
  --ic-position-fill: var(--onyx-95);
  --ic-position-icon: var(--onyx-10);
  --ic-position-modifier: var(--teal-40);
  --ic-position-stroke: var(--onyx-80);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-70);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-90);
  --ic-treatment-arc-stroke: var(--teal-40);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-40);
  --ic-treatment-dose-stroke: var(--teal-40);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--onyx-90);
  --ic-treatment-ring-fill: var(--onyx-100);
  --ic-treatment-ring-stroke: var(--onyx-50);
  --icon-fill: var(--onyx-40);
  --icon-fill-a: var(--onyx-30);
  --icon-fill-h: var(--onyx-40);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-90);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-30);
  --item-fill-a1: var(--teal-85);
  --item-fill-a2: var(--transparencies-white_alpha-15);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-stroke-a: var(--onyx-60);
  --menu-divider: var(--onyx-90);
  --nav-accordion-icon: var(--onyx-60);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-40);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --progress-bar: var(--teal-60);
  --progress-bar-init: var(--transparencies-teal-60_alpha-70);
  --progress-bar-thin: var(--teal-60);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--onyx-95);
  --progress-groove-stroke: var(--onyx-80);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-60);
  --progress-loader-nested: var(--teal-60);
  --progress-slider-fill: var(--onyx-30);
  --progress-slider-fill-a: var(--onyx-50);
  --progress-slider-fill-h: var(--onyx-40);
  --progress-slider-stroke: var(--onyx-100);
  --progress-value-bar: var(--onyx-95);
  --progress-value-groove: var(--onyx-10);
  --progress-value-radial: var(--white);
  --scrim-fill: #1d252db2;
  --scroll-handle-fill: var(--onyx-90);
  --scroll-touch-groove-fill: var(--onyx-90);
  --scroll-touch-handle-fill: var(--onyx-70);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--onyx-100);
  --set-point-fill-set: var(--onyx-90);
  --set-point-stroke: var(--onyx-80);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--onyx-40);
  --set-point-unit-set: var(--onyx-30);
  --selection-color: var(
    --teal-80
  );
  --table-td-anch-color: var(--onyx-20);
  --table-td-fill: var(--brand-onyx);
  --table-td-sel-background: var(--brand-charcoal);
  --table-td-stroke: var(--onyx-90);
  --table-td-text: var(--onyx-20);
  --table-th-fill: var(--onyx-95);
  --table-th-sorter-icon: var(--onyx-60);
  --table-th-sorter-stroke: var(--onyx-90);
  --table-th-text: var(--teal-40);
  --table-group-fill: var(--onyx-95);
  --table-group-icon: var(--onyx-60);
  --table-group-stroke: var(--onyx-90);
  --table-group-text: var(--onyx-30);
  --tabs-1-blocker: var(--onyx-90);
  --tabs-1-fill: var(--onyx-95);
  --tabs-1-fill-a: var(--onyx-95);
  --tabs-1-icon: var(--onyx-40);
  --tabs-1-icon-a: var(--onyx-5);
  --tabs-1-stroke: var(--onyx-100);
  --tabs-2-groove: var(--onyx-95);
  --tabs-2-underline: var(--teal-70);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-40);
  --text-icon-green: var(--green-50);
  --text-icon-magenta: var(--magenta-40);
  --text-icon-red: var(--red-40);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-30);
  --text-icon-yellow: var(--yellow-30);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-40);
  --text-link-d-000: var(--transparencies-teal-40_alpha-50);
  --text-link-h: var(--teal-30);
  --text-link-v: var(--purple-40);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--onyx-15);
  --text-primary-h: var(--onyx-15);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--onyx-30);
  --text-secondary-h: var(--onyx-20);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
  --workspace-divider: var(--onyx-80);
  --workspace-underline: var(--teal-70);
}

.ecl_v1 .dark-theme .base {
  --container-name: base;
  --avatar-fill: var(--onyx-10);
  --avatar-fill-d: var(--onyx-70);
  --avatar-fill-initials: var(--onyx-80);
  --avatar-icon: var(--onyx-90);
  --avatar-stroke: var(--onyx-60);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-70);
  --avatar-stroke-inset: var(--onyx-95);
  --avatar-text-initials: var(--onyx-10);
  --button-1-fill: var(--onyx-5);
  --button-1-fill-a: var(--onyx-20);
  --button-1-fill-h: var(--onyx-10);
  --button-1-stroke: var(--onyx-5);
  --button-1-stroke-a: var(--onyx-20);
  --button-1-stroke-h: var(--onyx-10);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--onyx-90);
  --button-2-fill-a: var(--onyx-100);
  --button-2-fill-h: var(--onyx-95);
  --button-2-stroke: var(--onyx-70);
  --button-2-stroke-a: var(--onyx-70);
  --button-2-stroke-h: var(--onyx-70);
  --button-2-text: var(--onyx-20);
  --button-2-text-a: var(--onyx-20);
  --button-2-text-h: var(--onyx-20);
  --card-divider: var(--onyx-100);
  --card-fill: var(--onyx-90);
  --card-inline-stroke: var(--onyx-70);
  --card-stroke: var(--onyx-100);
  --chip-divider: var(--onyx-90);
  --chip-fill: var(--onyx-80);
  --chip-fill-h: var(--onyx-75);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--onyx-80);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--onyx-20);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-60);
  --divider-stroke-h: var(--onyx-70);
  --divider-stroke-v: var(--onyx-70);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-add-on-a: var(--onyx-20);
  --form-gen-content: var(--onyx-10);
  --form-gen-divider: var(--onyx-100);
  --form-gen-fill: var(--onyx-95);
  --form-gen-placeholder: var(--onyx-40);
  --form-gen-read-only-fill: var(--transparencies-white_alpha-10);
  --form-gen-stroke: var(--onyx-75);
  --form-gen-switch: var(--onyx-50);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-40);
  --form-gen-unit: var(--onyx-40);
  --graph-axis: var(--onyx-50);
  --graph-baseline: var(--onyx-80);
  --graph-subdivider: var(--onyx-80);
  --ic-arc-map-arrow: var(--onyx-30);
  --ic-arc-map-icon: var(--onyx-30);
  --ic-arc-map-ring: var(--onyx-70);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-40);
  --ic-couch-diagram-fill-table: var(--onyx-70);
  --ic-patient-couch-gantry-fill: var(--onyx-80);
  --ic-patient-couch-orientation-fill: var(--onyx-70);
  --ic-patient-couch-orientation-stroke: var(--onyx-70);
  --ic-patient-couch-patient-fill: var(--onyx-70);
  --ic-patient-couch-pointer-fill: var(--onyx-30);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-80);
  --ic-position-fill: var(--onyx-95);
  --ic-position-icon: var(--onyx-20);
  --ic-position-modifier: var(--teal-40);
  --ic-position-stroke: var(--onyx-70);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-40);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-90);
  --ic-treatment-arc-stroke: var(--teal-70);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-70);
  --ic-treatment-dose-stroke: var(--teal-70);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--onyx-80);
  --ic-treatment-ring-fill: var(--onyx-95);
  --ic-treatment-ring-stroke: var(--onyx-80);
  --icon-fill: var(--onyx-40);
  --icon-fill-a: var(--onyx-20);
  --icon-fill-h: var(--onyx-40);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-80);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-30);
  --item-fill-a1: var(--teal-80);
  --item-fill-a2: var(--transparencies-white_alpha-15);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-stroke-a: var(--onyx-60);
  --menu-divider: var(--onyx-100);
  --nav-accordion-icon: var(--onyx-40);
  --priority-alert-fill: var(--red-70);
  --priority-alert-stroke: var(--red-10);
  --priority-forbidden-fill: var(--red-40);
  --priority-modal-background: var(--onyx-90);
  --priority-safe-fill: var(--green-50);
  --priority-warning-fill: var(--yellow-30);
  --priority-warning-stroke: var(--onyx-90);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-50);
  --process-map-icon-a: var(--teal-30);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --progress-bar: var(--teal-60);
  --progress-bar-init: var(--transparencies-teal-60_alpha-70);
  --progress-bar-thin: var(--teal-60);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--onyx-95);
  --progress-groove-stroke: var(--onyx-80);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-60);
  --progress-loader-nested: var(--teal-50);
  --progress-slider-fill: var(--onyx-30);
  --progress-slider-fill-a: var(--onyx-50);
  --progress-slider-fill-h: var(--onyx-40);
  --progress-slider-stroke: var(--onyx-90);
  --progress-value-bar: var(--onyx-95);
  --progress-value-groove: var(--onyx-5);
  --progress-value-radial: var(--text-primary);
  --selection-color: var(
    --teal-80
  );
  --scroll-handle-fill: var(--onyx-80);
  --scroll-touch-groove-fill: var(--onyx-80);
  --scroll-touch-handle-fill: var(--onyx-70);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--onyx-90);
  --set-point-fill-set: var(--onyx-80);
  --set-point-stroke: var(--onyx-70);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--onyx-40);
  --set-point-unit-set: var(--onyx-30);
  --table-td-anch-color: var(--onyx-10);
  --table-td-fill: var(--onyx-90);
  --table-td-sel-background: var(--onyx-95);
  --table-td-stroke: var(--brand-onyx);
  --table-td-text: var(--onyx-10);
  --table-th-fill: var(--onyx-80);
  --table-th-sorter-icon: var(--onyx-40);
  --table-th-sorter-stroke: var(--onyx-60);
  --table-th-text: var(--teal-30);
  --table-group-fill: var(--onyx-80);
  --table-group-icon: var(--onyx-30);
  --table-group-stroke: var(--onyx-100);
  --table-group-text: var(--onyx-10);
  --tabs-1-fill: var(--onyx-95);
  --tabs-1-blocker: var(--onyx-90);
  --tabs-1-fill-a: var(--onyx-90);
  --tabs-1-icon: var(--onyx-40);
  --tabs-1-icon-a: var(--onyx-20);
  --tabs-1-stroke: var(--onyx-100);
  --tabs-2-groove: var(--onyx-95);
  --tabs-2-underline: var(--teal-70);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-40);
  --text-icon-green: var(--green-40);
  --text-icon-magenta: var(--magenta-30);
  --text-icon-red: var(--red-30);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-30);
  --text-icon-yellow: var(--yellow-30);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-40);
  --text-link-d-000: var(--transparencies-teal-40_alpha-50);
  --text-link-h: var(--teal-30);
  --text-link-v: var(--purple-40);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--onyx-10);
  --text-primary-h: var(--onyx-10);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--onyx-30);
  --text-secondary-h: var(--onyx-20);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
}

.ecl_v1 .dark-theme .base .overlay,
.ecl_v1 .dark-theme .canvas .overlay {
  --section-name: overlay;
  --avatar-fill: var(--onyx-5);
  --avatar-fill-d: var(--onyx-70);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-70);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-85);
  --avatar-stroke: var(--onyx-50);
  --avatar-stroke-a: var(--teal-40);
  --avatar-stroke-d: var(--onyx-80);
  --avatar-stroke-inset: var(--onyx-95);
  --avatar-text-initials: var(--white);
  --button-1-fill: var(--onyx-10);
  --button-1-fill-a: var(--onyx-30);
  --button-1-fill-h: var(--onyx-20);
  --button-1-icon: var(--teal-80);
  --button-1-icon-a: var(--teal-80);
  --button-1-icon-h: var(--teal-80);
  --button-1-stroke: var(--onyx-30);
  --button-1-stroke-a: var(--onyx-30);
  --button-1-stroke-h: var(--onyx-30);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--onyx-90);
  --button-2-fill-a: var(--onyx-100);
  --button-2-fill-h: var(--onyx-95);
  --button-2-icon: var(--onyx-25);
  --button-2-icon-a: var(--onyx-25);
  --button-2-icon-h: var(--onyx-25);
  --button-2-stroke: var(--onyx-50);
  --button-2-stroke-a: var(--onyx-50);
  --button-2-stroke-h: var(--onyx-50);
  --button-2-text: var(--onyx-25);
  --button-2-text-a: var(--onyx-25);
  --button-2-text-h: var(--onyx-25);
  --box-shadow: var(--onyx-100);
  --card-divider: var(--onyx-100);
  --card-fill: var(--onyx-80);
  --card-inline-stroke: var(--onyx-100);
  --card-overlay-drop-shadow: var(--onyx-100);
  --card-stroke: var(--onyx-70);
  --colors-focus-stroke: var(
    --teal-60
  );
  --divider-stroke-h: var(--onyx-60);
  --divider-stroke-v: var(--onyx-60);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-30);
  --form-gen-add-on-a: var(--onyx-15);
  --form-gen-content: var(--onyx-10);
  --form-gen-divider: var(--onyx-100);
  --form-gen-fill: var(--onyx-90);
  --form-gen-placeholder: var(--onyx-40);
  --form-gen-read-only-fill: var(--transparencies-white_alpha-10);
  --form-gen-stroke: var(--onyx-60);
  --form-gen-switch: var(--onyx-50);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-30);
  --form-gen-unit: var(--onyx-40);
  --graph-axis: var(--onyx-50);
  --graph-baseline: var(--onyx-80);
  --graph-subdivider: var(--onyx-80);
  --ic-arc-map-arrow: var(--onyx-30);
  --ic-arc-map-icon: var(--onyx-30);
  --ic-arc-map-ring: var(--onyx-70);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-40);
  --ic-couch-diagram-fill-table: var(--onyx-70);
  --ic-patient-couch-gantry-fill: var(--onyx-80);
  --ic-patient-couch-orientation-fill: var(--onyx-70);
  --ic-patient-couch-orientation-stroke: var(--onyx-70);
  --ic-patient-couch-patient-fill: var(--onyx-70);
  --ic-patient-couch-pointer-fill: var(--onyx-30);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-80);
  --ic-position-fill: var(--onyx-95);
  --ic-position-icon: var(--onyx-20);
  --ic-position-modifier: var(--teal-40);
  --ic-position-stroke: var(--onyx-70);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-40);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-90);
  --ic-treatment-arc-stroke: var(--teal-70);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-70);
  --ic-treatment-dose-stroke: var(--teal-70);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--onyx-80);
  --ic-treatment-ring-fill: var(--onyx-95);
  --ic-treatment-ring-stroke: var(--onyx-80);
  --icon-fill: var(--onyx-30);
  --icon-fill-a: var(--onyx-20);
  --icon-fill-h: var(--onyx-30);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-80);
  --icon-stroke-h: var(--clear);
  --menu-divider: var(--onyx-100);
  --nav-accordion-icon: var(--onyx-40);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-30);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --scroll-handle-fill: var(--onyx-80);
  --scroll-touch-groove-fill: var(--onyx-80);
  --scroll-touch-handle-fill: var(--onyx-70);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--onyx-90);
  --set-point-fill-set: var(--onyx-80);
  --set-point-stroke: var(--onyx-70);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--onyx-40);
  --set-point-unit-set: var(--onyx-30);
  --selection-color: var(
    --teal-80
  );
  --table-group-fill: var(--onyx-80);
  --table-group-icon: var(--onyx-30);
  --table-group-stroke: var(--onyx-100);
  --table-group-text: var(--onyx-10);
  --tabs-1-blocker: var(--onyx-90);
  --tabs-1-fill: var(--onyx-95);
  --tabs-1-fill-a: var(--onyx-90);
  --tabs-1-icon: var(--onyx-40);
  --tabs-1-icon-a: var(--onyx-20);
  --tabs-1-stroke: var(--onyx-100);
  --tabs-2-groove: var(--onyx-85);
  --tabs-2-underline: var(--teal-50);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-40);
  --text-icon-green: var(--green-30);
  --text-icon-magenta: var(--magenta-20);
  --text-icon-red: var(--red-20);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-25);
  --text-icon-yellow: var(--yellow-20);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-25);
  --text-link-d-000: var(--transparencies-teal-25_alpha-50);
  --text-link-h: var(--teal-15);
  --text-link-v: var(--purple-30);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--onyx-5);
  --text-primary-h: var(--onyx-10);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--onyx-25);
  --text-secondary-h: var(--onyx-20);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
}

.ecl_v1 .dark-theme .base .accent {
  --section-name: accent;
  --avatar-fill: var(--onyx-20);
  --avatar-fill-d: var(--onyx-70);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-90);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-90);
  --avatar-stroke: var(--onyx-70);
  --avatar-stroke-a: var(--teal-60);
  --avatar-stroke-d: var(--onyx-90);
  --avatar-stroke-inset: var(--onyx-100);
  --avatar-text-initials: var(--onyx-10);
  --button-1-fill: var(--onyx-5);
  --button-1-fill-a: var(--onyx-20);
  --button-1-fill-h: var(--onyx-10);
  --button-1-icon: var(--teal-80);
  --button-1-icon-a: var(--teal-80);
  --button-1-icon-h: var(--teal-80);
  --button-1-stroke: var(--onyx-5);
  --button-1-stroke-a: var(--onyx-20);
  --button-1-stroke-h: var(--onyx-10);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--onyx-95);
  --button-2-fill-a: var(--onyx-100);
  --button-2-fill-h: var(--onyx-100);
  --button-2-icon: var(--onyx-30);
  --button-2-icon-a: var(--onyx-30);
  --button-2-icon-h: var(--onyx-30);
  --button-2-stroke: var(--onyx-80);
  --button-2-stroke-a: var(--onyx-80);
  --button-2-stroke-h: var(--onyx-80);
  --button-2-text: var(--onyx-30);
  --button-2-text-a: var(--onyx-30);
  --button-2-text-h: var(--onyx-30);
  --card-divider: var(--onyx-100);
  --card-fill: var(--onyx-95);
  --card-inline-stroke: var(--onyx-70);
  --card-stroke: var(--onyx-100);
  --chip-divider: var(--onyx-100);
  --chip-fill: var(--onyx-80);
  --chip-fill-h: var(--onyx-75);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--onyx-80);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--onyx-20);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-60);
  --divider-stroke-h: var(--onyx-70);
  --divider-stroke-v: var(--onyx-70);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-add-on-a: var(--onyx-30);
  --form-gen-body-stroke: var(--onyx-80);
  --form-gen-content: var(--onyx-15);
  --form-gen-divider: var(--onyx-100);
  --form-gen-fill: var(--onyx-100);
  --form-gen-placeholder: var(--onyx-50);
  --form-gen-read-only-fill: var(--transparencies-white_alpha-10);
  --form-gen-stroke: var(--onyx-85);
  --form-gen-switch: var(--onyx-50);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-40);
  --form-gen-unit: var(--onyx-40);
  --graph-axis: var(--onyx-50);
  --graph-baseline: var(--onyx-80);
  --graph-subdivider: var(--onyx-80);
  --ic-arc-map-arrow: var(--onyx-30);
  --ic-arc-map-icon: var(--onyx-30);
  --ic-arc-map-ring: var(--onyx-70);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-40);
  --ic-couch-diagram-fill-table: var(--onyx-70);
  --ic-patient-couch-gantry-fill: var(--onyx-80);
  --ic-patient-couch-orientation-fill: var(--onyx-70);
  --ic-patient-couch-orientation-stroke: var(--onyx-70);
  --ic-patient-couch-patient-fill: var(--onyx-70);
  --ic-patient-couch-pointer-fill: var(--onyx-30);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-80);
  --ic-position-fill: var(--onyx-95);
  --ic-position-icon: var(--onyx-20);
  --ic-position-modifier: var(--teal-40);
  --ic-position-stroke: var(--onyx-70);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-40);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-90);
  --ic-treatment-arc-stroke: var(--teal-70);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-70);
  --ic-treatment-dose-stroke: var(--teal-70);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--onyx-80);
  --ic-treatment-ring-fill: var(--onyx-95);
  --ic-treatment-ring-stroke: var(--onyx-80);
  --icon-fill: var(--onyx-40);
  --icon-fill-a: var(--onyx-20);
  --icon-fill-h: var(--onyx-40);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-90);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-30);
  --item-fill-a1: var(--teal-80);
  --item-fill-a2: var(--transparencies-white_alpha-15);
  --item-fill-h: var(--transparencies-white_alpha-10);
  --item-stroke-a: var(--onyx-60);
  --menu-divider: var(--onyx-100);
  --nav-accordion-icon: var(--onyx-40);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-20);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --progress-bar: var(--teal-60);
  --progress-bar-init: var(--transparencies-teal-60_alpha-70);
  --progress-bar-thin: var(--teal-60);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--onyx-100);
  --progress-groove-stroke: var(--onyx-80);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-60);
  --progress-loader-nested: var(--teal-60);
  --progress-slider-fill: var(--onyx-30);
  --progress-slider-fill-a: var(--onyx-50);
  --progress-slider-fill-h: var(--onyx-40);
  --progress-slider-stroke: var(--onyx-95);
  --progress-value-bar: var(--onyx-95);
  --progress-value-groove: var(--onyx-5);
  --progress-value-radial: var(--text-primary);
  --scroll-handle-fill: var(--onyx-80);
  --scroll-touch-groove-fill: var(--onyx-80);
  --scroll-touch-handle-fill: var(--onyx-70);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--onyx-90);
  --set-point-fill-set: var(--onyx-80);
  --set-point-stroke: var(--onyx-70);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--onyx-40);
  --set-point-unit-set: var(--onyx-30);
  --selection-color: var(
    --teal-80
  );
  --table-group-fill: var(--onyx-80);
  --table-group-icon: var(--onyx-30);
  --table-group-stroke: var(--onyx-100);
  --table-group-text: var(--onyx-10);
  --tabs-1-blocker: var(--onyx-90);
  --tabs-1-fill: var(--onyx-95);
  --tabs-1-fill-a: var(--onyx-90);
  --tabs-1-icon: var(--onyx-40);
  --tabs-1-icon-a: var(--onyx-20);
  --tabs-1-stroke: var(--onyx-100);
  --tabs-2-groove: var(--onyx-100);
  --tabs-2-underline: var(--teal-70);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-40);
  --text-icon-green: var(--green-50);
  --text-icon-magenta: var(--magenta-40);
  --text-icon-red: var(--red-30);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-30);
  --text-icon-yellow: var(--yellow-30);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-40);
  --text-link-d-000: var(--transparencies-teal-40_alpha-50);
  --text-link-h: var(--teal-30);
  --text-link-v: var(--purple-40);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--onyx-15);
  --text-primary-h: var(--onyx-15);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--onyx-25);
  --text-secondary-h: var(--onyx-15);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
}

.ecl_v1 .dark-theme .attn {
  --container-name: attn;
  --avatar-fill: var(--teal-10);
  --avatar-fill-d: var(--teal-50);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--teal-80);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--teal-70);
  --avatar-stroke: var(--teal-60);
  --avatar-stroke-a: var(--teal-20);
  --avatar-stroke-d: var(--teal-70);
  --avatar-stroke-inset: var(--teal-90);
  --avatar-text-initials: var(--onyx-5);
  --button-1-fill: var(--teal-5);
  --button-1-fill-a: var(--teal-20);
  --button-1-fill-h: var(--teal-10);
  --button-1-icon: var(--teal-80);
  --button-1-icon-a: var(--teal-80);
  --button-1-icon-h: var(--teal-80);
  --button-1-stroke: var(--teal-5);
  --button-1-stroke-a: var(--teal-20);
  --button-1-stroke-h: var(--teal-10);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--teal-90);
  --button-2-fill-a: var(--teal-100);
  --button-2-fill-h: var(--teal-95);
  --button-2-icon: var(--teal-10);
  --button-2-icon-a: var(--teal-10);
  --button-2-icon-h: var(--teal-10);
  --button-2-stroke: var(--teal-70);
  --button-2-stroke-a: var(--teal-70);
  --button-2-stroke-h: var(--teal-70);
  --button-2-text: var(--teal-10);
  --button-2-text-a: var(--teal-10);
  --button-2-text-h: var(--teal-10);
  --card-divider: var(--teal-95);
  --card-fill: var(--teal-90);
  --card-inline-stroke: var(--teal-70);
  --card-stroke: var(--teal-100);
  --chip-divider: var(--teal-100);
  --chip-fill: var(--teal-80);
  --chip-fill-h: var(--teal-75);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--teal-80);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--teal-30);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-10);
  --divider-stroke-h: var(--teal-70);
  --divider-stroke-v: var(--teal-70);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--teal-40);
  --form-gen-add-on-a: var(--teal-20);
  --form-gen-content: var(--teal-10);
  --form-gen-divider: var(--teal-95);
  --form-gen-fill: var(--teal-95);
  --form-gen-placeholder: var(--teal-40);
  --form-gen-read-only-fill: var(--transparencies-teal-60_alpha-10);
  --form-gen-stroke: var(--teal-70);
  --form-gen-switch: var(--teal-50);
  --form-gen-switch-a: var(--teal-10);
  --form-gen-switch-ro: var(--teal-30);
  --form-gen-unit: var(--teal-20);
  --graph-axis: var(--teal-40);
  --graph-baseline: var(--teal-70);
  --graph-subdivider: var(--teal-70);
  --ic-arc-map-arrow: var(--onyx-10);
  --ic-arc-map-icon: var(--onyx-10);
  --ic-arc-map-ring: var(--teal-60);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-30);
  --ic-couch-diagram-fill-table: var(--teal-70);
  --ic-patient-couch-gantry-fill: var(--teal-80);
  --ic-patient-couch-orientation-fill: var(--teal-70);
  --ic-patient-couch-orientation-stroke: var(--teal-70);
  --ic-patient-couch-patient-fill: var(--teal-70);
  --ic-patient-couch-pointer-fill: var(--onyx-30);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--teal-80);
  --ic-position-fill: var(--teal-70);
  --ic-position-icon: var(--teal-10);
  --ic-position-modifier: var(--teal-30);
  --ic-position-stroke: var(--teal-80);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--teal-60);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--teal-80);
  --ic-treatment-arc-stroke: var(--teal-30);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-30);
  --ic-treatment-dose-stroke: var(--teal-30);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--teal-90);
  --ic-treatment-ring-fill: var(--teal-90);
  --ic-treatment-ring-stroke: var(--teal-80);
  --icon-fill: var(--teal-30);
  --icon-fill-a: var(--teal-15);
  --icon-fill-h: var(--teal-30);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--teal-80);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-15);
  --item-fill-a1: var(--transparencies-teal-60_alpha-50);
  --item-fill-a2: var(--transparencies-teal-60_alpha-50);
  --item-fill-h: var(--transparencies-teal-60_alpha-20);
  --item-stroke-a: var(--teal-70);
  --nav-accordion-icon: var(--teal-30);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-50);
  --process-map-icon-a: var(--teal-10);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --progress-bar: var(--teal-10);
  --progress-bar-init: var(--transparencies-teal-10_alpha-65);
  --progress-bar-thin: var(--teal-10);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--teal-95);
  --progress-groove-stroke: var(--teal-70);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-10);
  --progress-loader-nested: var(--teal-10);
  --progress-slider-fill: var(--teal-20);
  --progress-slider-fill-a: var(--teal-40);
  --progress-slider-fill-h: var(--teal-30);
  --progress-slider-stroke: var(--teal-90);
  --progress-value-bar: var(--teal-80);
  --progress-value-groove: var(--teal-10);
  --progress-value-radial: var(--text-primary);
  --selection-color: var(
    --onyx-40
  );
  --scroll-handle-fill: var(--teal-70);
  --scroll-touch-groove-fill: var(--teal-80);
  --scroll-touch-handle-fill: var(--teal-70);
  --scroll-touch-handle-fill-f: var(--teal-40);
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--teal-80);
  --set-point-stroke: var(--teal-70);
  --set-point-stroke-outer: var(--onyx-100);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--teal-30);
  --set-point-unit-set: var(--teal-20);
  --table-td-anch-color: var(--teal-10);
  --table-td-fill: var(--teal-90);
  --table-td-sel-background: var(--teal-95);
  --table-td-stroke: var(--teal-60);
  --table-td-text: var(--teal-10);
  --table-th-fill: var(--teal-80);
  --table-th-sorter-icon: var(--teal-10);
  --table-th-sorter-stroke: var(--teal-70);
  --table-th-text: var(--teal-10);
  --table-group-fill: var(--teal-80);
  --table-group-icon: var(--teal-10);
  --table-group-stroke: var(--teal-60);
  --table-group-text: var(--teal-10);
  --tabs-1-blocker: var(--teal-90);
  --tabs-1-fill: var(--teal-95);
  --tabs-1-fill-a: var(--teal-90);
  --tabs-1-icon: var(--teal-50);
  --tabs-1-icon-a: var(--teal-20);
  --tabs-1-stroke: var(--teal-100);
  --tabs-2-groove: var(--teal-95);
  --tabs-2-underline: var(--teal-40);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-30);
  --text-icon-green: var(--green-40);
  --text-icon-magenta: var(--magenta-30);
  --text-icon-red: var(--red-30);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-30);
  --text-icon-yellow: var(--yellow-30);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-30);
  --text-link-d-000: var(--transparencies-teal-30_alpha-50);
  --text-link-h: var(--teal-20);
  --text-link-v: var(--purple-30);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--teal-10);
  --text-primary-h: var(--teal-10);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--teal-10);
  --text-secondary-h: var(--onyx-20);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
}

.ecl_v1 .dark-theme .attn .overlay {
  --section-name: overlay;
  --avatar-fill: var(--teal-10);
  --avatar-fill-d: var(--teal-50);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--teal-70);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--teal-70);
  --avatar-stroke: var(--teal-40);
  --avatar-stroke-a: var(--teal-15);
  --avatar-stroke-d: var(--teal-70);
  --avatar-stroke-inset: var(--teal-90);
  --avatar-text-initials: var(--white);
  --button-1-fill: var(--teal-5);
  --button-1-fill-a: var(--teal-20);
  --button-1-fill-h: var(--teal-10);
  --button-1-icon: var(--teal-80);
  --button-1-icon-a: var(--teal-80);
  --button-1-icon-h: var(--teal-80);
  --button-1-stroke: var(--teal-20);
  --button-1-stroke-a: var(--teal-20);
  --button-1-stroke-h: var(--teal-20);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--teal-85);
  --button-2-fill-a: var(--teal-95);
  --button-2-fill-h: var(--teal-90);
  --button-2-icon: var(--teal-10);
  --button-2-icon-a: var(--teal-10);
  --button-2-icon-h: var(--teal-10);
  --button-2-stroke: var(--teal-50);
  --button-2-stroke-a: var(--teal-50);
  --button-2-stroke-h: var(--teal-50);
  --button-2-text: var(--teal-10);
  --button-2-text-a: var(--teal-10);
  --button-2-text-h: var(--teal-10);
  --box-shadow: var(
    --teal-100
  );
  --colors-focus-stroke: var(
    --teal-10
  );
  --card-divider: var(--teal-100);
  --card-fill: var(--teal-80);
  --card-inline-stroke: var(--teal-95);
  --card-overlay-drop-shadow: var(--teal-100);
  --card-stroke: var(--teal-70);
  --divider-stroke-h: var(--teal-60);
  --divider-stroke-v: var(--teal-60);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--teal-30);
  --form-gen-add-on-a: var(--teal-15);
  --form-gen-content: var(--teal-10);
  --form-gen-divider: var(--teal-95);
  --form-gen-fill: var(--teal-90);
  --form-gen-placeholder: var(--teal-40);
  --form-gen-read-only-fill: var(--transparencies-teal-60_alpha-20);
  --form-gen-stroke: var(--teal-60);
  --form-gen-switch: var(--teal-40);
  --form-gen-switch-a: var(--teal-10);
  --form-gen-switch-ro: var(--teal-20);
  --form-gen-unit: var(--teal-20);
  --graph-axis: var(--teal-40);
  --graph-baseline: var(--teal-70);
  --graph-subdivider: var(--teal-70);
  --ic-arc-map-arrow: var(--onyx-10);
  --ic-arc-map-icon: var(--onyx-10);
  --ic-arc-map-ring: var(--teal-60);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-30);
  --ic-couch-diagram-fill-table: var(--teal-70);
  --ic-patient-couch-gantry-fill: var(--teal-80);
  --ic-patient-couch-orientation-fill: var(--teal-70);
  --ic-patient-couch-orientation-stroke: var(--teal-70);
  --ic-patient-couch-patient-fill: var(--teal-70);
  --ic-patient-couch-pointer-fill: var(--onyx-30);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--teal-80);
  --ic-position-fill: var(--teal-70);
  --ic-position-icon: var(--teal-10);
  --ic-position-modifier: var(--teal-30);
  --ic-position-stroke: var(--teal-80);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--teal-60);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--teal-80);
  --ic-treatment-arc-stroke: var(--teal-30);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-30);
  --ic-treatment-dose-stroke: var(--teal-30);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--teal-90);
  --ic-treatment-ring-fill: var(--teal-90);
  --ic-treatment-ring-stroke: var(--teal-80);
  --icon-fill: var(--teal-20);
  --icon-fill-a: var(--teal-15);
  --icon-fill-h: var(--teal-20);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--teal-80);
  --icon-stroke-h: var(--clear);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-10);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --scroll-handle-fill: var(--teal-70);
  --scroll-touch-groove-fill: var(--teal-80);
  --scroll-touch-handle-fill: var(--teal-70);
  --scroll-touch-handle-fill-f: var(--teal-40);
  --selection-color: var(
    --onyx-40
  );
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--teal-80);
  --set-point-stroke: var(--teal-70);
  --set-point-stroke-outer: var(--onyx-100);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--teal-30);
  --set-point-unit-set: var(--teal-20);
  --table-group-fill: var(--teal-80);
  --table-group-icon: var(--teal-10);
  --table-group-stroke: var(--teal-60);
  --table-group-text: var(--teal-10);
  --tabs-1-blocker: var(--teal-90);
  --tabs-1-fill: var(--teal-95);
  --tabs-1-fill-a: var(--teal-90);
  --tabs-1-icon: var(--teal-50);
  --tabs-1-icon-a: var(--teal-20);
  --tabs-1-stroke: var(--teal-100);
  --tabs-2-groove: var(--teal-85);
  --tabs-2-underline: var(--teal-25);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-30);
  --text-icon-green: var(--green-20);
  --text-icon-magenta: var(--magenta-10);
  --text-icon-red: var(--red-10);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-15);
  --text-icon-yellow: var(--yellow-10);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-15);
  --text-link-d-000: var(--transparencies-teal-15_alpha-50);
  --text-link-h: var(--teal-5);
  --text-link-v: var(--purple-10);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--teal-5);
  --text-primary-h: var(--teal-10);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--teal-15);
  --text-secondary-h: var(--onyx-20);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
}

.ecl_v1 .dark-theme .attn .accent {
  --section-name: accent;
  --avatar-fill: var(--teal-10);
  --avatar-fill-d: var(--teal-60);
  --avatar-fill-initials: var(--teal-90);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--teal-80);
  --avatar-stroke: var(--teal-80);
  --avatar-stroke-a: var(--teal-30);
  --avatar-stroke-d: var(--teal-80);
  --avatar-stroke-inset: var(--teal-95);
  --avatar-text-initials: var(--onyx-10);
  --button-1-fill: var(--teal-5);
  --button-1-fill-a: var(--teal-20);
  --button-1-fill-h: var(--teal-10);
  --button-1-icon: var(--teal-80);
  --button-1-icon-a: var(--teal-80);
  --button-1-icon-h: var(--teal-80);
  --button-1-stroke: var(--teal-5);
  --button-1-stroke-a: var(--teal-20);
  --button-1-stroke-h: var(--teal-10);
  --button-1-text: var(--teal-80);
  --button-1-text-a: var(--teal-80);
  --button-1-text-h: var(--teal-80);
  --button-2-fill: var(--teal-90);
  --button-2-fill-a: var(--teal-100);
  --button-2-fill-h: var(--teal-95);
  --button-2-icon: var(--teal-10);
  --button-2-icon-a: var(--teal-10);
  --button-2-icon-h: var(--teal-10);
  --button-2-stroke: var(--teal-80);
  --button-2-stroke-a: var(--teal-80);
  --button-2-stroke-h: var(--teal-80);
  --button-2-text: var(--teal-10);
  --button-2-text-a: var(--teal-10);
  --button-2-text-h: var(--teal-10);
  --card-divider: var(--teal-100);
  --card-fill: var(--teal-95);
  --card-inline-stroke: var(--teal-70);
  --card-stroke: var(--teal-100);
  --chip-divider: var(--teal-100);
  --chip-fill: var(--teal-85);
  --chip-fill-h: var(--teal-80);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--teal-80);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--teal-30);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-10);
  --divider-stroke-h: var(--teal-70);
  --divider-stroke-v: var(--teal-70);
  --elekta-one-application: var(--onyx-30);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-70);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-10);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--teal-40);
  --form-gen-add-on-a: var(--teal-20);
  --form-gen-content: var(--teal-20);
  --form-gen-divider: var(--teal-95);
  --form-gen-fill: var(--teal-100);
  --form-gen-placeholder: var(--teal-40);
  --form-gen-read-only-fill: var(--transparencies-teal-60_alpha-20);
  --form-gen-stroke: var(--teal-80);
  --form-gen-switch: var(--teal-50);
  --form-gen-switch-a: var(--teal-10);
  --form-gen-switch-ro: var(--teal-30);
  --form-gen-unit: var(--teal-20);
  --graph-axis: var(--teal-40);
  --graph-baseline: var(--teal-70);
  --graph-subdivider: var(--teal-70);
  --ic-arc-map-arrow: var(--onyx-10);
  --ic-arc-map-icon: var(--onyx-10);
  --ic-arc-map-ring: var(--teal-60);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-30);
  --ic-couch-diagram-fill-table: var(--teal-70);
  --ic-patient-couch-gantry-fill: var(--teal-80);
  --ic-patient-couch-orientation-fill: var(--teal-70);
  --ic-patient-couch-orientation-stroke: var(--teal-70);
  --ic-patient-couch-patient-fill: var(--teal-70);
  --ic-patient-couch-pointer-fill: var(--onyx-30);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--teal-80);
  --ic-position-fill: var(--teal-70);
  --ic-position-icon: var(--teal-10);
  --ic-position-modifier: var(--teal-30);
  --ic-position-stroke: var(--teal-80);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--teal-60);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--teal-80);
  --ic-treatment-arc-stroke: var(--teal-30);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-30);
  --ic-treatment-dose-stroke: var(--teal-30);
  --ic-treatment-icon-fill: var(--onyx-10);
  --ic-treatment-icon-stroke: var(--teal-90);
  --ic-treatment-ring-fill: var(--teal-90);
  --ic-treatment-ring-stroke: var(--teal-80);
  --icon-fill: var(--teal-30);
  --icon-fill-a: var(--teal-15);
  --icon-fill-h: var(--teal-30);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--teal-90);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-15);
  --item-fill-a1: var(--teal-15);
  --item-fill-a2: var(--transparencies-teal-60_alpha-50);
  --item-fill-h: var(--transparencies-teal-60_alpha-20);
  --item-stroke-a: var(--teal-70);
  --nav-accordion-icon: var(--teal-30);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--white);
  --process-map-disabled-fade: var(--transparencies-white_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-75);
  --process-map-progress: var(--onyx-80);
  --process-map-selected: var(--teal-60);
  --process-map-text-site: var(--teal-40);
  --progress-bar: var(--teal-10);
  --progress-bar-init: var(--transparencies-teal-10_alpha-65);
  --progress-bar-thin: var(--teal-10);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--teal-100);
  --progress-groove-stroke: var(--teal-100);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-10);
  --progress-loader-nested: var(--teal-10);
  --progress-slider-fill: var(--teal-20);
  --progress-slider-fill-a: var(--teal-40);
  --progress-slider-fill-h: var(--teal-30);
  --progress-slider-stroke: var(--teal-95);
  --progress-value-bar: var(--teal-80);
  --progress-value-groove: var(--teal-10);
  --progress-value-radial: var(--text-primary);
  --scroll-handle-fill: var(--teal-70);
  --scroll-touch-groove-fill: var(--teal-80);
  --scroll-touch-handle-fill: var(--teal-70);
  --scroll-touch-handle-fill-f: var(--teal-40);
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--teal-80);
  --set-point-stroke: var(--teal-70);
  --set-point-stroke-outer: var(--onyx-100);
  --set-point-text-actual: var(--white);
  --set-point-text-set: var(--white);
  --set-point-unit-actual: var(--teal-30);
  --set-point-unit-set: var(--teal-20);
  --selection-color: var(
    --onyx-40
  );
  --table-group-fill: var(--teal-80);
  --table-group-icon: var(--teal-10);
  --table-group-stroke: var(--teal-60);
  --table-group-text: var(--teal-10);
  --tabs-1-blocker: var(--teal-90);
  --tabs-1-fill: var(--teal-95);
  --tabs-1-fill-a: var(--teal-90);
  --tabs-1-icon: var(--teal-50);
  --tabs-1-icon-a: var(--teal-20);
  --tabs-1-stroke: var(--teal-100);
  --tabs-2-groove: var(--teal-100);
  --tabs-2-underline: var(--teal-40);
  --text-active: var(--onyx-10);
  --text-green: var(--green-10);
  --text-header: var(--white);
  --text-highlight: var(--teal-30);
  --text-icon-green: var(--green-40);
  --text-icon-magenta: var(--magenta-30);
  --text-icon-red: var(--red-30);
  --text-icon-sub-icon: var(--onyx-100);
  --text-icon-teal: var(--teal-30);
  --text-icon-yellow: var(--yellow-30);
  --text-inverse: var(--onyx-100);
  --text-link: var(--teal-30);
  --text-link-d-000: var(--transparencies-teal-30_alpha-50);
  --text-link-h: var(--teal-20);
  --text-link-v: var(--purple-30);
  --text-magenta: var(--magenta-10);
  --text-primary: var(--teal-20);
  --text-primary-h: var(--teal-20);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-10);
  --text-secondary: var(--teal-10);
  --text-secondary-h: var(--onyx-20);
  --text-subheader: var(--onyx-30);
  --text-yellow: var(--yellow-10);
  --tooltip-fill: var(--onyx-5);
  --tooltip-icon: var(--onyx-80);
  --tooltip-text: var(--onyx-80);
}

.ecl_v1 .light-theme .canvas {
  --container-name: canvas;
  --avatar-fill: var(--white);
  --avatar-fill-d: var(--onyx-5);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-5);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-60);
  --avatar-stroke: var(--onyx-30);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-90);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-90);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-stroke-a: var(--teal-90);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--brand-pearl);
  --button-2-fill-a: var(--onyx-20);
  --button-2-fill-h: var(--onyx-10);
  --button-2-icon: var(--onyx-60);
  --button-2-icon-a: var(--onyx-60);
  --button-2-icon-h: var(--onyx-60);
  --button-2-stroke: var(--onyx-30);
  --button-2-stroke-a: var(--onyx-30);
  --button-2-stroke-h: var(--onyx-30);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --card-divider: var(--onyx-20);
  --card-fill: var(--brand-pearl);
  --card-inline-stroke: var(--onyx-20);
  --card-stroke: var(--onyx-20);
  --chip-divider: var(--white);
  --chip-fill: var(--onyx-10);
  --chip-fill-h: var(--onyx-15);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--onyx-15);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--onyx-50);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-40);
  --divider-stroke-h: var(--onyx-20);
  --divider-stroke-v: var(--onyx-20);
  --elekta-logo-fill-1: #00677f;
  --elekta-logo-fill-2: #2dccd3;
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-add-on-a: var(--onyx-50);
  --form-gen-content: var(--onyx-85);
  --form-gen-divider: var(--onyx-10);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-read-only-fill: var(--transparencies-onyx_alpha-5);
  --form-gen-stroke: var(--onyx-20);
  --form-gen-switch: var(--onyx-40);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-60);
  --form-gen-unit: var(--onyx-60);
  --graph-axis: var(--onyx-30);
  --graph-baseline: var(--onyx-10);
  --graph-subdivider: var(--onyx-20);
  --ic-arc-map-arrow: var(--onyx-80);
  --ic-arc-map-icon: var(--onyx-80);
  --ic-arc-map-ring: var(--onyx-20);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-60);
  --ic-couch-diagram-fill-table: var(--onyx-20);
  --ic-patient-couch-gantry-fill: var(--onyx-10);
  --ic-patient-couch-orientation-fill: var(--onyx-20);
  --ic-patient-couch-orientation-stroke: var(--onyx-20);
  --ic-patient-couch-patient-fill: var(--onyx-20);
  --ic-patient-couch-pointer-fill: var(--onyx-50);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-10);
  --ic-position-fill: var(--onyx-5);
  --ic-position-icon: var(--onyx-90);
  --ic-position-modifier: var(--teal-60);
  --ic-position-stroke: var(--onyx-20);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-30);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-10);
  --ic-treatment-arc-stroke: var(--teal-60);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-60);
  --ic-treatment-dose-stroke: var(--teal-60);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--onyx-40);
  --ic-treatment-ring-fill: var(--brand-pearl);
  --ic-treatment-ring-stroke: var(--onyx-40);
  --icon-fill: var(--onyx-60);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-60);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-20);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-70);
  --item-fill-a1: var(--teal-15);
  --item-fill-a2: var(--transparencies-onyx_alpha-10);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-stroke-a: var(--onyx-30);
  --menu-divider: var(--onyx-20);
  --nav-accordion-icon: var(--onyx-40);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-70);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --progress-bar: var(--teal-50);
  --progress-bar-init: var(--transparencies-teal-60_alpha-60);
  --progress-bar-thin: var(--teal-50);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--white);
  --progress-groove-stroke: var(--onyx-20);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-50);
  --progress-loader-nested: var(--teal-50);
  --progress-slider-fill: var(--teal-50);
  --progress-slider-fill-a: var(--teal-70);
  --progress-slider-fill-h: var(--teal-60);
  --progress-slider-stroke: var(--brand-pearl);
  --progress-value-bar: var(--teal-5);
  --progress-value-groove: var(--teal-50);
  --progress-value-radial: var(--white);
  --scrim-fill: #343b4266;
  --scroll-handle-fill: var(--onyx-10);
  --scroll-touch-groove-fill: var(--onyx-10);
  --scroll-touch-handle-fill: var(--onyx-30);
  --scroll-touch-handle-fill-f: var(--onyx-30);
  --selection-color: var(
    --teal-50
  );
  --set-point-fill-actual: var(--white);
  --set-point-fill-set: var(--onyx-10);
  --set-point-stroke: var(--onyx-20);
  --set-point-text-actual: var(--onyx-90);
  --set-point-text-set: var(--onyx-80);
  --set-point-unit-actual: var(--onyx-70);
  --set-point-unit-set: var(--onyx-70);
  --table-td-anch-color: var(--onyx-90);
  --table-td-fill: var(--brand-pearl);
  --table-td-sel-background: var(--onyx-10);
  --table-td-stroke: var(--onyx-30);
  --table-td-text: var(--onyx-90);
  --table-th-fill: var(--onyx-5);
  --table-th-sorter-icon: var(--onyx-50);
  --table-th-sorter-stroke: var(--onyx-20);
  --table-th-text: var(--teal-70);
  --table-group-fill: var(--onyx-5);
  --table-group-icon: var(--onyx-70);
  --table-group-stroke: var(--onyx-30);
  --table-group-text: var(--onyx-70);
  --tabs-1-fill: var(--onyx-5);
  --tabs-1-blocker: var(--onyx-5);
  --tabs-1-fill-a: var(--onyx-5);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--onyx-20);
  --tabs-2-groove: var(--onyx-10);
  --tabs-2-underline: var(--teal-60);
  --text-active: var(--teal-80);
  --text-green: var(--green-80);
  --text-header: var(--onyx-80);
  --text-highlight: var(--teal-70);
  --text-icon-green: var(--green-80);
  --text-icon-magenta: var(--magenta-70);
  --text-icon-red: var(--red-70);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-70);
  --text-icon-yellow: var(--yellow-60);
  --text-inverse: var(--white);
  --text-link: var(--teal-70);
  --text-link-d-000: var(--transparencies-teal-70_alpha-50);
  --text-link-h: var(--teal-90);
  --text-link-v: var(--purple-80);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-90);
  --text-primary-h: var(--onyx-90);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-70);
  --text-secondary-h: var(--onyx-80);
  --text-subheader: var(--onyx-60);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
  --workspace-divider: var(--onyx-30);
  --workspace-underline: var(--teal-60);
}

.ecl_v1 .light-theme .base {
  --container-name: base;
  --avatar-fill: var(--onyx-5);
  --avatar-fill-d: var(--white);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-5);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-50);
  --avatar-stroke: var(--onyx-20);
  --avatar-stroke-a: var(--teal-50);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-90);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-90);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-stroke-a: var(--teal-90);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--white);
  --button-2-fill-a: var(--onyx-10);
  --button-2-fill-h: var(--onyx-5);
  --button-2-icon: var(--onyx-50);
  --button-2-icon-a: var(--onyx-50);
  --button-2-icon-h: var(--onyx-50);
  --button-2-stroke: var(--onyx-20);
  --button-2-stroke-a: var(--onyx-20);
  --button-2-stroke-h: var(--onyx-20);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --card-divider: var(--onyx-10);
  --card-fill: var(--white);
  --card-inline-stroke: var(--onyx-20);
  --card-stroke: var(--onyx-20);
  --chip-divider: var(--white);
  --chip-fill: var(--onyx-10);
  --chip-fill-h: var(--onyx-15);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--onyx-10);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--onyx-50);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-40);
  --divider-stroke-h: var(--onyx-15);
  --divider-stroke-v: var(--onyx-15);
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-add-on-a: var(--onyx-50);
  --form-gen-content: var(--onyx-85);
  --form-gen-divider: var(--onyx-10);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-read-only-fill: var(--transparencies-onyx_alpha-5);
  --form-gen-stroke: var(--onyx-15);
  --form-gen-switch: var(--onyx-40);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-50);
  --form-gen-unit: var(--onyx-60);
  --graph-axis: var(--onyx-30);
  --graph-baseline: var(--onyx-10);
  --graph-subdivider: var(--onyx-10);
  --ic-arc-map-arrow: var(--onyx-50);
  --ic-arc-map-icon: var(--onyx-40);
  --ic-arc-map-ring: var(--onyx-10);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--white);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-50);
  --ic-couch-diagram-fill-table: var(--onyx-10);
  --ic-patient-couch-gantry-fill: var(--onyx-5);
  --ic-patient-couch-orientation-fill: var(--onyx-20);
  --ic-patient-couch-orientation-stroke: var(--onyx-10);
  --ic-patient-couch-patient-fill: var(--onyx-20);
  --ic-patient-couch-pointer-fill: var(--onyx-50);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-5);
  --ic-position-fill: var(--onyx-5);
  --ic-position-icon: var(--onyx-80);
  --ic-position-modifier: var(--teal-50);
  --ic-position-stroke: var(--onyx-10);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-30);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-5);
  --ic-treatment-arc-stroke: var(--teal-50);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-50);
  --ic-treatment-dose-stroke: var(--teal-50);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--onyx-20);
  --ic-treatment-ring-fill: var(--clear);
  --ic-treatment-ring-stroke: var(--onyx-20);
  --icon-fill: var(--onyx-50);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-50);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-20);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-70);
  --item-fill-a1: var(--teal-5);
  --item-fill-a2: var(--transparencies-onyx_alpha-10);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-stroke-a: var(--onyx-30);
  --menu-divider: var(--onyx-20);
  --nav-accordion-icon: var(--onyx-40);
  --priority-alert-fill: var(--red-70);
  --priority-alert-stroke: var(--white);
  --priority-forbidden-fill: var(--red-70);
  --priority-modal-background: var(--white);
  --priority-safe-fill: var(--green-70);
  --priority-warning-fill: var(--yellow-20);
  --priority-warning-stroke: var(--onyx-90);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-60);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --progress-bar: var(--teal-50);
  --progress-bar-init: var(--teal-30);
  --progress-bar-thin: var(--teal-50);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--onyx-10);
  --progress-groove-stroke: var(--onyx-10);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-50);
  --progress-loader-nested: var(--teal-50);
  --progress-slider-fill: var(--teal-50);
  --progress-slider-fill-a: var(--teal-70);
  --progress-slider-fill-h: var(--teal-60);
  --progress-slider-stroke: var(--white);
  --progress-value-bar: var(--white);
  --progress-value-groove: var(--teal-50);
  --progress-value-radial: var(--text-primary);
  --scroll-handle-fill: var(--onyx-20);
  --scroll-touch-groove-fill: var(--onyx-5);
  --scroll-touch-handle-fill: var(--onyx-20);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --selection-color: var(
    --teal-50
  );
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--onyx-5);
  --set-point-stroke: var(--onyx-20);
  --set-point-text-actual: var(--onyx-80);
  --set-point-text-set: var(--onyx-70);
  --set-point-unit-actual: var(--onyx-70);
  --set-point-unit-set: var(--onyx-70);
  --table-td-anch-color: var(--onyx-80);
  --table-td-fill: var(--white);
  --table-td-sel-background: var(--onyx-10);
  --table-td-stroke: var(--onyx-20);
  --table-td-text: var(--onyx-80);
  --table-th-fill: var(--onyx-5);
  --table-th-sorter-icon: var(--onyx-50);
  --table-th-sorter-stroke: var(--onyx-20);
  --table-th-text: var(--teal-70);
  --table-group-fill: var(--onyx-5);
  --table-group-icon: var(--onyx-50);
  --table-group-stroke: var(--onyx-20);
  --table-group-text: var(--onyx-80);
  --tabs-1-fill: var(--onyx-5);
  --tabs-1-blocker: var(--white);
  --tabs-1-fill-a: var(--white);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--onyx-20);
  --tabs-2-groove: var(--onyx-5);
  --tabs-2-underline: var(--teal-60);
  --text-active: var(--teal-80);
  --text-green: var(--green-80);
  --text-header: var(--onyx-80);
  --text-highlight: var(--teal-70);
  --text-icon-green: var(--green-70);
  --text-icon-magenta: var(--magenta-60);
  --text-icon-red: var(--red-70);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-70);
  --text-icon-yellow: var(--yellow-70);
  --text-inverse: var(--white);
  --text-link: var(--teal-70);
  --text-link-d-000: var(--transparencies-teal-70_alpha-50);
  --text-link-h: var(--teal-90);
  --text-link-v: var(--purple-70);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-85);
  --text-primary-h: var(--onyx-85);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-60);
  --text-secondary-h: var(--onyx-60);
  --text-subheader: var(--onyx-60);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
}

.ecl_v1 .light-theme .base .overlay,
.ecl_v1 .light-theme .canvas .overlay {
  --section-name: overlay;
  --avatar-fill: var(--onyx-15);
  --avatar-fill-d: var(--white);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-5);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-60);
  --avatar-stroke: var(--onyx-25);
  --avatar-stroke-a: var(--teal-60);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-90);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-90);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-90);
  --button-1-stroke-a: var(--teal-90);
  --button-1-stroke-h: var(--teal-90);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--onyx-20);
  --button-2-fill-a: var(--onyx-30);
  --button-2-fill-h: var(--onyx-25);
  --button-2-icon: var(--onyx-60);
  --button-2-icon-a: var(--onyx-60);
  --button-2-icon-h: var(--onyx-60);
  --button-2-stroke: var(--onyx-40);
  --button-2-stroke-a: var(--onyx-40);
  --button-2-stroke-h: var(--onyx-40);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --box-shadow: var(--onyx-20);
  --card-divider: var(--onyx-20);
  --card-fill: var(--onyx-10);
  --card-inline-stroke: var(--onyx-10);
  --card-overlay-drop-shadow: var(--onyx-20);
  --card-stroke: var(--onyx-25);
  --colors-focus-stroke: var(
    --teal-40
  );
  --divider-stroke-h: var(--onyx-20);
  --divider-stroke-v: var(--onyx-20);
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-50);
  --form-gen-add-on-a: var(--onyx-60);
  --form-gen-content: var(--onyx-80);
  --form-gen-divider: var(--onyx-10);
  --form-gen-fill: var(--onyx-5);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-read-only-fill: var(--transparencies-onyx_alpha-5);
  --form-gen-stroke: var(--onyx-40);
  --form-gen-switch: var(--onyx-50);
  --form-gen-switch-a: var(--teal-60);
  --form-gen-switch-ro: var(--onyx-60);
  --form-gen-unit: var(--onyx-60);
  --graph-axis: var(--onyx-30);
  --graph-baseline: var(--onyx-10);
  --graph-subdivider: var(--onyx-10);
  --ic-arc-map-arrow: var(--onyx-50);
  --ic-arc-map-icon: var(--onyx-40);
  --ic-arc-map-ring: var(--onyx-10);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--white);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-50);
  --ic-couch-diagram-fill-table: var(--onyx-10);
  --ic-patient-couch-gantry-fill: var(--onyx-5);
  --ic-patient-couch-orientation-fill: var(--onyx-20);
  --ic-patient-couch-orientation-stroke: var(--onyx-10);
  --ic-patient-couch-patient-fill: var(--onyx-20);
  --ic-patient-couch-pointer-fill: var(--onyx-50);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-5);
  --ic-position-fill: var(--onyx-5);
  --ic-position-icon: var(--onyx-80);
  --ic-position-modifier: var(--teal-50);
  --ic-position-stroke: var(--onyx-10);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-30);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-5);
  --ic-treatment-arc-stroke: var(--teal-50);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-50);
  --ic-treatment-dose-stroke: var(--teal-50);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--onyx-20);
  --ic-treatment-ring-fill: var(--clear);
  --ic-treatment-ring-stroke: var(--onyx-20);
  --icon-fill: var(--onyx-60);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-60);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-20);
  --icon-stroke-h: var(--clear);
  --menu-divider: var(--onyx-20);
  --nav-accordion-icon: var(--onyx-40);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-60);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --scroll-handle-fill: var(--onyx-20);
  --scroll-touch-groove-fill: var(--onyx-5);
  --scroll-touch-handle-fill: var(--onyx-20);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--onyx-5);
  --set-point-stroke: var(--onyx-20);
  --set-point-text-actual: var(--onyx-80);
  --set-point-text-set: var(--onyx-70);
  --set-point-unit-actual: var(--onyx-70);
  --set-point-unit-set: var(--onyx-70);
  --selection-color: var(
    --teal-50
  );
  --table-group-fill: var(--onyx-5);
  --table-group-icon: var(--onyx-50);
  --table-group-stroke: var(--onyx-20);
  --table-group-text: var(--onyx-80);
  --tabs-1-fill: var(--onyx-5);
  --tabs-1-blocker: var(--white);
  --tabs-1-fill-a: var(--white);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--onyx-20);
  --tabs-2-groove: var(--onyx-15);
  --tabs-2-underline: var(--teal-60);
  --text-active: var(--teal-80);
  --text-green: var(--green-80);
  --text-header: var(--onyx-80);
  --text-highlight: var(--teal-70);
  --text-icon-green: var(--green-80);
  --text-icon-magenta: var(--magenta-70);
  --text-icon-red: var(--red-80);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-80);
  --text-icon-yellow: var(--yellow-70);
  --text-inverse: var(--white);
  --text-link: var(--teal-75);
  --text-link-d-000: var(--transparencies-teal-75_alpha-50);
  --text-link-h: var(--teal-95);
  --text-link-v: var(--purple-80);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-90);
  --text-primary-h: var(--onyx-95);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-70);
  --text-secondary-h: var(--onyx-80);
  --text-subheader: var(--onyx-60);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
}

.ecl_v1 .light-theme .base .accent {
  --section-name: accent;
  --avatar-fill: var(--onyx-10);
  --avatar-fill-d: var(--onyx-5);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--onyx-10);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--onyx-70);
  --avatar-stroke: var(--onyx-40);
  --avatar-stroke-a: var(--teal-60);
  --avatar-stroke-d: var(--onyx-20);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-90);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-90);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-stroke-a: var(--teal-90);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--onyx-5);
  --button-2-fill-a: var(--onyx-20);
  --button-2-fill-h: var(--onyx-10);
  --button-2-icon: var(--onyx-60);
  --button-2-icon-a: var(--onyx-60);
  --button-2-icon-h: var(--onyx-60);
  --button-2-stroke: var(--onyx-30);
  --button-2-stroke-a: var(--onyx-30);
  --button-2-stroke-h: var(--onyx-30);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --card-divider: var(--onyx-20);
  --card-fill: var(--onyx-5);
  --card-inline-stroke: var(--onyx-20);
  --card-stroke: var(--onyx-20);
  --chip-divider: var(--white);
  --chip-fill: var(--onyx-10);
  --chip-fill-h: var(--onyx-15);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--onyx-15);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--onyx-30);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-40);
  --divider-stroke-h: var(--onyx-20);
  --divider-stroke-v: var(--onyx-20);
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--onyx-40);
  --form-gen-add-on-a: var(--onyx-50);
  --form-gen-content: var(--onyx-85);
  --form-gen-divider: var(--onyx-10);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-60);
  --form-gen-read-only-fill: var(--transparencies-onyx_alpha-5);
  --form-gen-stroke: var(--onyx-20);
  --form-gen-switch: var(--onyx-30);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-60);
  --form-gen-unit: var(--onyx-60);
  --graph-axis: var(--onyx-30);
  --graph-baseline: var(--onyx-10);
  --graph-subdivider: var(--onyx-10);
  --ic-arc-map-arrow: var(--onyx-50);
  --ic-arc-map-icon: var(--onyx-40);
  --ic-arc-map-ring: var(--onyx-10);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--white);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-50);
  --ic-couch-diagram-fill-table: var(--onyx-10);
  --ic-patient-couch-gantry-fill: var(--onyx-5);
  --ic-patient-couch-orientation-fill: var(--onyx-20);
  --ic-patient-couch-orientation-stroke: var(--onyx-10);
  --ic-patient-couch-patient-fill: var(--onyx-20);
  --ic-patient-couch-pointer-fill: var(--onyx-50);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--onyx-5);
  --ic-position-fill: var(--onyx-5);
  --ic-position-icon: var(--onyx-80);
  --ic-position-modifier: var(--teal-50);
  --ic-position-stroke: var(--onyx-10);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--onyx-30);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--onyx-5);
  --ic-treatment-arc-stroke: var(--teal-50);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-50);
  --ic-treatment-dose-stroke: var(--teal-50);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--onyx-20);
  --ic-treatment-ring-fill: var(--clear);
  --ic-treatment-ring-stroke: var(--onyx-20);
  --icon-fill: var(--onyx-60);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-60);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-20);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-70);
  --item-fill-a1: var(--teal-5);
  --item-fill-a2: var(--transparencies-onyx_alpha-10);
  --item-fill-h: var(--transparencies-onyx_alpha-5);
  --item-stroke-a: var(--onyx-30);
  --menu-divider: var(--onyx-20);
  --nav-accordion-icon: var(--onyx-40);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-60);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --progress-bar: var(--teal-50);
  --progress-bar-init: var(--teal-30);
  --progress-bar-thin: var(--teal-50);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--onyx-10);
  --progress-groove-stroke: var(--onyx-20);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-50);
  --progress-loader-nested: var(--teal-50);
  --progress-slider-fill: var(--teal-50);
  --progress-slider-fill-a: var(--teal-70);
  --progress-slider-fill-h: var(--teal-60);
  --progress-slider-stroke: var(--onyx-5);
  --progress-value-bar: var(--teal-5);
  --progress-value-groove: var(--teal-50);
  --progress-value-radial: var(--text-primary);
  --scroll-handle-fill: var(--onyx-20);
  --scroll-touch-groove-fill: var(--onyx-5);
  --scroll-touch-handle-fill: var(--onyx-20);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --selection-color: var(
    --teal-50
  );
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--onyx-5);
  --set-point-stroke: var(--onyx-20);
  --set-point-text-actual: var(--onyx-80);
  --set-point-text-set: var(--onyx-70);
  --set-point-unit-actual: var(--onyx-70);
  --set-point-unit-set: var(--onyx-70);
  --table-group-fill: var(--onyx-5);
  --table-group-icon: var(--onyx-50);
  --table-group-stroke: var(--onyx-20);
  --table-group-text: var(--onyx-80);
  --tabs-1-fill: var(--onyx-5);
  --tabs-1-blocker: var(--white);
  --tabs-1-fill-a: var(--white);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--onyx-20);
  --tabs-2-groove: var(--onyx-10);
  --tabs-2-underline: var(--teal-60);
  --text-active: var(--teal-80);
  --text-green: var(--green-80);
  --text-header: var(--onyx-90);
  --text-highlight: var(--teal-70);
  --text-icon-green: var(--green-80);
  --text-icon-magenta: var(--magenta-70);
  --text-icon-red: var(--red-70);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-70);
  --text-icon-yellow: var(--yellow-70);
  --text-inverse: var(--white);
  --text-link: var(--teal-70);
  --text-link-d-000: var(--transparencies-teal-70_alpha-50);
  --text-link-h: var(--teal-90);
  --text-link-v: var(--purple-80);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-90);
  --text-primary-h: var(--onyx-90);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-70);
  --text-secondary-h: var(--onyx-70);
  --text-subheader: var(--onyx-60);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
}

.ecl_v1 .light-theme .attn {
  --container-name: attn;
  --avatar-fill: var(--white);
  --avatar-fill-d: var(--teal-10);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--teal-10);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--teal-50);
  --avatar-stroke: var(--teal-30);
  --avatar-stroke-a: var(--teal-70);
  --avatar-stroke-d: var(--teal-20);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-90);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-80);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-stroke-a: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--teal-5);
  --button-2-fill-a: var(--teal-20);
  --button-2-fill-h: var(--teal-10);
  --button-2-icon: var(--onyx-60);
  --button-2-icon-a: var(--onyx-60);
  --button-2-icon-h: var(--onyx-60);
  --button-2-stroke: var(--teal-30);
  --button-2-stroke-a: var(--teal-30);
  --button-2-stroke-h: var(--teal-30);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --card-divider: var(--teal-20);
  --card-fill: var(--teal-5);
  --card-inline-stroke: var(--teal-20);
  --card-stroke: var(--teal-20);
  --chip-divider: var(--white);
  --chip-fill: var(--teal-10);
  --chip-fill-h: var(--teal-15);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--teal-15);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--teal-50);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-40);
  --divider-stroke-h: var(--teal-20);
  --divider-stroke-v: var(--teal-20);
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--teal-40);
  --form-gen-add-on-a: var(--teal-50);
  --form-gen-content: var(--onyx-80);
  --form-gen-divider: var(--teal-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-70);
  --form-gen-read-only-fill: var(--transparencies-teal-60_alpha-10);
  --form-gen-stroke: var(--teal-20);
  --form-gen-switch: var(--onyx-30);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-70);
  --form-gen-unit: var(--onyx-70);
  --graph-axis: var(--teal-40);
  --graph-baseline: var(--teal-20);
  --graph-subdivider: var(--teal-20);
  --ic-arc-map-arrow: var(--onyx-80);
  --ic-arc-map-icon: var(--onyx-80);
  --ic-arc-map-ring: var(--teal-30);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-70);
  --ic-couch-diagram-fill-table: var(--teal-20);
  --ic-patient-couch-gantry-fill: var(--teal-20);
  --ic-patient-couch-orientation-fill: var(--teal-20);
  --ic-patient-couch-orientation-stroke: var(--teal-30);
  --ic-patient-couch-patient-fill: var(--teal-30);
  --ic-patient-couch-pointer-fill: var(--onyx-60);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--teal-20);
  --ic-position-fill: var(--white);
  --ic-position-icon: var(--onyx-80);
  --ic-position-modifier: var(--teal-60);
  --ic-position-stroke: var(--teal-20);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--teal-50);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--teal-10);
  --ic-treatment-arc-stroke: var(--teal-60);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-60);
  --ic-treatment-dose-stroke: var(--teal-60);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--teal-50);
  --ic-treatment-ring-fill: var(--clear);
  --ic-treatment-ring-stroke: var(--teal-40);
  --icon-fill: var(--onyx-70);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-70);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-20);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-70);
  --item-fill-a1: var(--transparencies-teal-60_alpha-20);
  --item-fill-a2: var(--transparencies-teal-60_alpha-20);
  --item-fill-h: var(--transparencies-teal-60_alpha-10);
  --item-stroke-a: var(--teal-30);
  --nav-accordion-icon: var(--teal-50);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-95);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --progress-bar: var(--teal-50);
  --progress-bar-init: var(--teal-30);
  --progress-bar-thin: var(--teal-50);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--teal-20);
  --progress-groove-stroke: var(--teal-20);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-50);
  --progress-loader-nested: var(--teal-50);
  --progress-slider-fill: var(--teal-50);
  --progress-slider-fill-a: var(--teal-70);
  --progress-slider-fill-h: var(--teal-60);
  --progress-slider-stroke: var(--teal-5);
  --progress-value-bar: var(--white);
  --progress-value-groove: var(--teal-50);
  --progress-value-radial: var(--text-primary);
  --scroll-handle-fill: var(--teal-20);
  --scroll-touch-groove-fill: var(--teal-20);
  --scroll-touch-handle-fill: var(--teal-30);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--teal-20);
  --set-point-stroke: var(--teal-30);
  --set-point-stroke-outer: var(--white);
  --set-point-text-actual: var(--onyx-90);
  --set-point-text-set: var(--onyx-80);
  --set-point-unit-actual: var(--onyx-90);
  --set-point-unit-set: var(--onyx-80);
  --selection-color: var(
    --teal-40
  );
  --table-td-anch-color: var(--onyx-90);
  --table-td-fill: var(--teal-5);
  --table-td-sel-background: var(--teal-10);
  --table-td-stroke: var(--teal-30);
  --table-td-text: var(--onyx-90);
  --table-th-fill: var(--teal-10);
  --table-th-sorter-icon: var(--teal-60);
  --table-th-sorter-stroke: var(--teal-30);
  --table-th-text: var(--teal-80);
  --table-group-fill: var(--teal-10);
  --table-group-icon: var(--onyx-70);
  --table-group-stroke: var(--teal-30);
  --table-group-text: var(--onyx-80);
  --tabs-1-background: var(--s-card-fill);
  --tabs-1-blocker: var(--teal-5);
  --tabs-1-fill: var(--teal-10);
  --tabs-1-fill-a: var(--teal-5);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--teal-20);
  --tabs-2-groove: var(--teal-10);
  --tabs-2-underline: var(--teal-60);
  --text-active: var(--teal-85);
  --text-green: var(--green-80);
  --text-header: var(--onyx-90);
  --text-highlight: var(--teal-70);
  --text-icon-green: var(--green-80);
  --text-icon-magenta: var(--magenta-70);
  --text-icon-red: var(--red-70);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-70);
  --text-icon-yellow: var(--yellow-70);
  --text-inverse: var(--white);
  --text-link: var(--teal-70);
  --text-link-d-000: var(--transparencies-teal-70_alpha-50);
  --text-link-h: var(--teal-95);
  --text-link-v: var(--purple-80);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-90);
  --text-primary-h: var(--onyx-90);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-70);
  --text-secondary-h: var(--onyx-90);
  --text-subheader: var(--onyx-70);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
}

.ecl_v1 .light-theme .attn .overlay {
  --section-name: overlay;
  --avatar-fill: var(--teal-5);
  --avatar-fill-d: var(--teal-10);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--teal-20);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--teal-60);
  --avatar-stroke: var(--teal-40);
  --avatar-stroke-a: var(--teal-70);
  --avatar-stroke-d: var(--teal-20);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-95);
  --box-shadow: var(--teal-30);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-85);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-85);
  --button-1-stroke-a: var(--teal-85);
  --button-1-stroke-h: var(--teal-85);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--teal-20);
  --button-2-fill-a: var(--teal-30);
  --button-2-fill-h: var(--teal-25);
  --button-2-icon: var(--onyx-70);
  --button-2-icon-a: var(--onyx-70);
  --button-2-icon-h: var(--onyx-70);
  --button-2-stroke: var(--teal-40);
  --button-2-stroke-a: var(--teal-40);
  --button-2-stroke-h: var(--teal-40);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --card-divider: var(--teal-20);
  --card-fill: var(--teal-15);
  --card-inline-stroke: var(--teal-20);
  --card-overlay-drop-shadow: var(--teal-30);
  --card-stroke: var(--teal-25);
  --colors-focus-stroke: var(
    --teal-40
  );
  --divider-stroke-h: var(--teal-25);
  --divider-stroke-v: var(--teal-25);
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--teal-50);
  --form-gen-add-on-a: var(--teal-60);
  --form-gen-content: var(--onyx-80);
  --form-gen-divider: var(--teal-20);
  --form-gen-fill: var(--teal-5);
  --form-gen-placeholder: var(--onyx-70);
  --form-gen-read-only-fill: var(--transparencies-teal-60_alpha-10);
  --form-gen-stroke: var(--teal-30);
  --form-gen-switch: var(--onyx-40);
  --form-gen-switch-a: var(--teal-60);
  --form-gen-switch-ro: var(--onyx-80);
  --form-gen-unit: var(--onyx-70);
  --graph-axis: var(--teal-40);
  --graph-baseline: var(--teal-20);
  --graph-subdivider: var(--teal-20);
  --ic-arc-map-arrow: var(--onyx-80);
  --ic-arc-map-icon: var(--onyx-80);
  --ic-arc-map-ring: var(--teal-30);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-70);
  --ic-couch-diagram-fill-table: var(--teal-20);
  --ic-patient-couch-gantry-fill: var(--teal-20);
  --ic-patient-couch-orientation-fill: var(--teal-20);
  --ic-patient-couch-orientation-stroke: var(--teal-30);
  --ic-patient-couch-patient-fill: var(--teal-30);
  --ic-patient-couch-pointer-fill: var(--onyx-60);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--teal-20);
  --ic-position-fill: var(--white);
  --ic-position-icon: var(--onyx-80);
  --ic-position-modifier: var(--teal-60);
  --ic-position-stroke: var(--teal-20);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--teal-50);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--teal-10);
  --ic-treatment-arc-stroke: var(--teal-60);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-60);
  --ic-treatment-dose-stroke: var(--teal-60);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--teal-50);
  --ic-treatment-ring-fill: var(--clear);
  --ic-treatment-ring-stroke: var(--teal-40);
  --icon-fill: var(--onyx-80);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-80);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-20);
  --icon-stroke-h: var(--clear);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-95);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --scroll-handle-fill: var(--teal-20);
  --scroll-touch-groove-fill: var(--teal-20);
  --scroll-touch-handle-fill: var(--teal-30);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --selection-color: var(
    --teal-40
  );
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--teal-20);
  --set-point-stroke: var(--teal-30);
  --set-point-stroke-outer: var(--white);
  --set-point-text-actual: var(--onyx-90);
  --set-point-text-set: var(--onyx-80);
  --set-point-unit-actual: var(--onyx-90);
  --set-point-unit-set: var(--onyx-80);
  --table-group-fill: var(--teal-10);
  --table-group-icon: var(--onyx-70);
  --table-group-stroke: var(--teal-30);
  --table-group-text: var(--onyx-80);
  --tabs-1-blocker: var(--teal-5);
  --tabs-1-fill: var(--teal-10);
  --tabs-1-fill-a: var(--teal-5);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--teal-20);
  --tabs-2-groove: var(--teal-20);
  --tabs-2-underline: var(--teal-70);
  --text-active: var(--teal-90);
  --text-green: var(--green-80);
  --text-header: var(--onyx-90);
  --text-highlight: var(--teal-70);
  --text-icon-green: var(--green-80);
  --text-icon-magenta: var(--magenta-70);
  --text-icon-red: var(--red-80);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-80);
  --text-icon-yellow: var(--yellow-80);
  --text-inverse: var(--white);
  --text-link: var(--teal-80);
  --text-link-d-000: var(--transparencies-teal-80_alpha-50);
  --text-link-h: var(--teal-100);
  --text-link-v: var(--purple-80);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-90);
  --text-primary-h: var(--onyx-90);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-75);
  --text-secondary-h: var(--onyx-90);
  --text-subheader: var(--onyx-70);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
}

.ecl_v1 .light-theme .attn .accent {
  --section-name: accent;
  --avatar-fill: var(--teal-10);
  --avatar-fill-d: var(--teal-10);
  --avatar-fill-fade: var(--clear);
  --avatar-fill-initials: var(--teal-10);
  --avatar-fill-modifier: var(--clear);
  --avatar-icon: var(--teal-50);
  --avatar-stroke: var(--teal-40);
  --avatar-stroke-a: var(--teal-70);
  --avatar-stroke-d: var(--teal-30);
  --avatar-stroke-inset: var(--white);
  --avatar-text-initials: var(--onyx-90);
  --button-1-fill: var(--teal-70);
  --button-1-fill-a: var(--teal-80);
  --button-1-fill-h: var(--teal-80);
  --button-1-icon: var(--white);
  --button-1-icon-a: var(--white);
  --button-1-icon-h: var(--white);
  --button-1-stroke: var(--teal-70);
  --button-1-stroke-a: var(--teal-80);
  --button-1-stroke-h: var(--teal-80);
  --button-1-text: var(--white);
  --button-1-text-a: var(--white);
  --button-1-text-h: var(--white);
  --button-2-fill: var(--teal-5);
  --button-2-fill-a: var(--teal-30);
  --button-2-fill-h: var(--teal-20);
  --button-2-icon: var(--onyx-70);
  --button-2-icon-a: var(--onyx-70);
  --button-2-icon-h: var(--onyx-70);
  --button-2-stroke: var(--teal-40);
  --button-2-stroke-a: var(--teal-40);
  --button-2-stroke-h: var(--teal-40);
  --button-2-text: var(--onyx-70);
  --button-2-text-a: var(--onyx-70);
  --button-2-text-h: var(--onyx-70);
  --card-divider: var(--teal-10);
  --card-fill: var(--teal-10);
  --card-inline-stroke: var(--teal-20);
  --card-stroke: var(--teal-20);
  --chip-divider: var(--white);
  --chip-fill: var(--teal-10);
  --chip-fill-h: var(--teal-15);
  --chip-fill-s: var(--brand-ocean);
  --chip-icon-s: var(--onyx-100);
  --chip-readonly-fill: var(--teal-20);
  --chip-stroke: var(--clear);
  --chip-tool-btn: var(--teal-50);
  --chip-tool-btn-s: var(--onyx-100);
  --colors-focus-stroke: var(--teal-40);
  --divider-stroke-h: var(--teal-20);
  --divider-stroke-v: var(--teal-20);
  --elekta-one-application: var(--onyx-80);
  --elekta-one-application-inverse: var(--white);
  --elekta-one-divider: var(--onyx-20);
  --elekta-one-divider-inverse: var(--white);
  --elekta-one-logo: var(--onyx-80);
  --elekta-one-logo-inverse: var(--onyx-5);
  --elekta-one-splash-1: var(--teal-60);
  --elekta-one-splash-2: var(--teal-50);
  --form-gen-add-on: var(--teal-40);
  --form-gen-add-on-a: var(--teal-50);
  --form-gen-content: var(--onyx-80);
  --form-gen-divider: var(--teal-20);
  --form-gen-fill: var(--white);
  --form-gen-placeholder: var(--onyx-70);
  --form-gen-read-only-fill: var(--transparencies-teal-60_alpha-10);
  --form-gen-stroke: var(--teal-20);
  --form-gen-switch: var(--onyx-30);
  --form-gen-switch-a: var(--teal-50);
  --form-gen-switch-ro: var(--onyx-70);
  --form-gen-unit: var(--onyx-70);
  --graph-axis: var(--teal-40);
  --graph-baseline: var(--teal-20);
  --graph-subdivider: var(--teal-20);
  --ic-arc-map-arrow: var(--onyx-80);
  --ic-arc-map-icon: var(--onyx-80);
  --ic-arc-map-ring: var(--teal-30);
  --ic-beam-label: var(--text-primary);
  --ic-beam-stroke: var(--clear);
  --ic-beam-text: var(--text-primary);
  --ic-couch-diagram-fill-pointer: var(--onyx-70);
  --ic-couch-diagram-fill-table: var(--teal-20);
  --ic-patient-couch-gantry-fill: var(--teal-20);
  --ic-patient-couch-orientation-fill: var(--teal-20);
  --ic-patient-couch-orientation-stroke: var(--teal-30);
  --ic-patient-couch-patient-fill: var(--teal-30);
  --ic-patient-couch-pointer-fill: var(--onyx-60);
  --ic-patient-couch-pointer-stroke: var(--white);
  --ic-patient-couch-table-fill: var(--teal-20);
  --ic-position-fill: var(--white);
  --ic-position-icon: var(--onyx-80);
  --ic-position-modifier: var(--teal-60);
  --ic-position-stroke: var(--teal-20);
  --ic-position-warning: var(--yellow-30);
  --ic-position-warning-inset: var(--onyx-90);
  --ic-segment-placeholder: var(--teal-50);
  --ic-treatment-arc-error-stroke: var(--yellow-30);
  --ic-treatment-arc-fill: var(--teal-10);
  --ic-treatment-arc-stroke: var(--teal-60);
  --ic-treatment-beam: var(--yellow-30);
  --ic-treatment-dose-error-fill: var(--yellow-30);
  --ic-treatment-dose-error-stroke: var(--yellow-30);
  --ic-treatment-dose-fill: var(--teal-60);
  --ic-treatment-dose-stroke: var(--teal-60);
  --ic-treatment-icon-fill: var(--white);
  --ic-treatment-icon-stroke: var(--teal-50);
  --ic-treatment-ring-fill: var(--clear);
  --ic-treatment-ring-stroke: var(--teal-40);
  --icon-fill: var(--onyx-70);
  --icon-fill-a: var(--teal-70);
  --icon-fill-h: var(--onyx-70);
  --icon-stroke: var(--clear);
  --icon-stroke-a: var(--onyx-30);
  --icon-stroke-h: var(--clear);
  --item-fill-a-strong: var(--teal-70);
  --item-fill-a1: var(--teal-70);
  --item-fill-a2: var(--transparencies-teal-60_alpha-20);
  --item-fill-h: var(--transparencies-teal-60_alpha-10);
  --item-stroke-a: var(--teal-30);
  --nav-accordion-icon: var(--onyx-40);
  --process-map-connector: var(--teal-60);
  --process-map-connector-fade: var(--transparencies-teal-60_alpha-5);
  --process-map-disabled: var(--onyx-100);
  --process-map-disabled-fade: var(--transparencies-onyx_alpha-5);
  --process-map-icon: var(--teal-60);
  --process-map-icon-a: var(--teal-20);
  --process-map-progress: var(--teal-10);
  --process-map-selected: var(--teal-50);
  --process-map-text-site: var(--teal-70);
  --progress-bar: var(--teal-50);
  --progress-bar-init: var(--teal-30);
  --progress-bar-thin: var(--teal-50);
  --progress-bar-transparent: var(--transparencies-teal-60_alpha-0);
  --progress-groove-fill: var(--teal-20);
  --progress-groove-stroke: var(--teal-20);
  --progress-legend-left: var(--text-primary);
  --progress-legend-right: var(--text-primary);
  --progress-loader: var(--teal-50);
  --progress-loader-nested: var(--teal-50);
  --progress-slider-fill: var(--teal-50);
  --progress-slider-fill-a: var(--teal-70);
  --progress-slider-fill-h: var(--teal-60);
  --progress-slider-stroke: var(--teal-10);
  --progress-value-bar: var(--white);
  --progress-value-groove: var(--teal-50);
  --progress-value-radial: var(--text-primary);
  --scroll-handle-fill: var(--teal-20);
  --scroll-touch-groove-fill: var(--teal-20);
  --scroll-touch-handle-fill: var(--teal-30);
  --scroll-touch-handle-fill-f: var(--teal-50);
  --set-point-fill-actual: var(--clear);
  --set-point-fill-set: var(--teal-20);
  --set-point-stroke: var(--teal-30);
  --set-point-stroke-outer: var(--white);
  --set-point-text-actual: var(--onyx-90);
  --set-point-text-set: var(--onyx-80);
  --set-point-unit-actual: var(--onyx-90);
  --set-point-unit-set: var(--onyx-80);
  --selection-color: var(
    --teal-40
  );
  --table-group-fill: var(--teal-10);
  --table-group-icon: var(--onyx-70);
  --table-group-stroke: var(--teal-30);
  --table-group-text: var(--onyx-80);
  --tabs-1-blocker: var(--teal-5);
  --tabs-1-fill: var(--teal-10);
  --tabs-1-fill-a: var(--teal-5);
  --tabs-1-icon: var(--onyx-50);
  --tabs-1-icon-a: var(--teal-70);
  --tabs-1-stroke: var(--teal-20);
  --tabs-2-groove: var(--teal-15);
  --tabs-2-underline: var(--teal-70);
  --text-active: var(--teal-85);
  --text-green: var(--green-80);
  --text-header: var(--onyx-90);
  --text-highlight: var(--teal-80);
  --text-icon-green: var(--green-80);
  --text-icon-magenta: var(--magenta-70);
  --text-icon-red: var(--red-80);
  --text-icon-sub-icon: var(--white);
  --text-icon-teal: var(--teal-75);
  --text-icon-yellow: var(--yellow-70);
  --text-inverse: var(--white);
  --text-link: var(--teal-80);
  --text-link-d-000: var(--transparencies-teal-80_alpha-50);
  --text-link-h: var(--teal-100);
  --text-link-v: var(--purple-80);
  --text-magenta: var(--magenta-80);
  --text-primary: var(--onyx-90);
  --text-primary-h: var(--onyx-90);
  --text-primary-s: var(--onyx-100);
  --text-red: var(--red-80);
  --text-secondary: var(--onyx-70);
  --text-secondary-h: var(--onyx-90);
  --text-subheader: var(--onyx-70);
  --text-yellow: var(--yellow-70);
  --tooltip-fill: var(--onyx-80);
  --tooltip-icon: var(--onyx-10);
  --tooltip-text: var(--onyx-10);
}

.ecl_v1 {
  --black: #000000;
  --clear: #ffffff00;
  --white: #ffffff;
  --brand-charcoal: #373a36;
  --brand-ocean: #2dccd3;
  --brand-onyx: #1d252d;
  --brand-pearl: #f2f5f5;
  --brand-pebble: #b1b3b3;
  --brand-sapphire: #00a4b3;
  --brand-slate: #727679;
  --brand-teal: #00677f;
  --green-10: #cff4bc;
  --green-100: #182e09;
  --green-20: #b2f092;
  --green-30: #8cde62;
  --green-40: #65cc31;
  --green-5: #ecf8e6;
  --green-50: #57b527;
  --green-60: #499e1c;
  --green-70: #3b8712;
  --green-80: #2f690f;
  --green-90: #244c0c;
  --green-95: #1e3d0b;
  --magenta-10: #ffdbfe;
  --magenta-100: #3d103b;
  --magenta-20: #ffb3fc;
  --magenta-30: #ff8afa;
  --magenta-40: #e86ae3;
  --magenta-5: #ffeefe;
  --magenta-50: #d149cc;
  --magenta-60: #b53eb1;
  --magenta-70: #993395;
  --magenta-80: #7d287a;
  --magenta-90: #611d5e;
  --magenta-95: #4f174d;
  --onyx-10: #e9e9ea;
  --onyx-100: #1d252d;
  --onyx-105: #12181e;
  --onyx-15: #dddfe0;
  --onyx-20: #d2d4d5;
  --onyx-25: #c7c9cb;
  --onyx-30: #b8bbbd;
  --onyx-40: #9a9ea2;
  --onyx-5: #f4f4f5;
  --onyx-50: #7c8287;
  --onyx-60: #6d7378;
  --onyx-70: #5e6469;
  --onyx-75: #565c62;
  --onyx-80: #4b5157;
  --onyx-85: #3f464d;
  --onyx-90: #343b42;
  --onyx-95: #283038;
  --purple-10: #ede9f3;
  --purple-100: #4c238a;
  --purple-2: #fbfbfd;
  --purple-20: #dbd3e8;
  --purple-30: #c9bddc;
  --purple-40: #b7a7d0;
  --purple-50: #a591c5;
  --purple-60: #947bb9;
  --purple-70: #8265ad;
  --purple-80: #704fa1;
  --purple-90: #5e3996;
  --red-10: #ffdede;
  --red-100: #3d1515;
  --red-20: #ffc2c2;
  --red-30: #ff9999;
  --red-40: #f27878;
  --red-5: #ffeeee;
  --red-50: #e65757;
  --red-60: #e54040;
  --red-70: #c63636;
  --red-80: #a62b2b;
  --red-90: #722020;
  --red-95: #581b1b;
  --teal-10: #deebee;
  --teal-100: #00303b;
  --teal-15: #cde1e6;
  --teal-20: #bcd7de;
  --teal-25: #abced6;
  --teal-30: #9ac4ce;
  --teal-40: #79b0bd;
  --teal-5: #eef5f7;
  --teal-50: #5a9dad;
  --teal-60: #3c8b9e;
  --teal-70: #1e798f;
  --teal-75: #0f7087;
  --teal-80: #00677f;
  --teal-85: #00596e;
  --teal-90: #004c5d;
  --teal-95: #003e4c;
  --transparencies-onyx_alpha-10: #1d252d1a;
  --transparencies-onyx_alpha-15: #1d252d26;
  --transparencies-onyx_alpha-20: #1d252d33;
  --transparencies-onyx_alpha-25: #1d252d40;
  --transparencies-onyx_alpha-5: #1d252d0d;
  --transparencies-teal-10_alpha-65: #deebeea6;
  --transparencies-teal-15_alpha-50: #cde1e680;
  --transparencies-teal-25_alpha-50: #abced680;
  --transparencies-teal-30_alpha-50: #9ac4ce80;
  --transparencies-teal-40_alpha-50: #79b0bd80;
  --transparencies-teal-60_alpha-0: #3c8b9e00;
  --transparencies-teal-60_alpha-10: #3c8b9e1a;
  --transparencies-teal-60_alpha-100: #3c8b9e;
  --transparencies-teal-60_alpha-15: #3c8b9e26;
  --transparencies-teal-60_alpha-20: #3c8b9e33;
  --transparencies-teal-60_alpha-25: #3c8b9e40;
  --transparencies-teal-60_alpha-30: #3c8b9e4d;
  --transparencies-teal-60_alpha-40: #3c8b9e66;
  --transparencies-teal-60_alpha-5: #3c8b9e0d;
  --transparencies-teal-60_alpha-50: #3c8b9e80;
  --transparencies-teal-60_alpha-60: #3c8b9e99;
  --transparencies-teal-60_alpha-70: #3c8b9eb2;
  --transparencies-teal-60_alpha-75: #3c8b9ebf;
  --transparencies-teal-60_alpha-80: #3c8b9ecc;
  --transparencies-teal-60_alpha-85: #3c8b9ed9;
  --transparencies-teal-60_alpha-90: #3c8b9ee5;
  --transparencies-teal-60_alpha-95: #3c8b9ef2;
  --transparencies-teal-70_alpha-50: #1e798f80;
  --transparencies-teal-75_alpha-50: #0f708780;
  --transparencies-teal-80_alpha-50: #00677f80;
  --transparencies-white_alpha-10: #ffffff1a;
  --transparencies-white_alpha-15: #ffffff26;
  --transparencies-white_alpha-20: #ffffff33;
  --transparencies-white_alpha-25: #ffffff40;
  --transparencies-white_alpha-5: #ffffff0d;
  --yellow-10: #ffe0a3;
  --yellow-100: #302000;
  --yellow-20: #ffcd69;
  --yellow-30: #ffaa00;
  --yellow-40: #e19600;
  --yellow-5: #ffeecc;
  --yellow-50: #c48300;
  --yellow-60: #a66f00;
  --yellow-70: #895b00;
  --yellow-80: #6b4700;
  --yellow-90: #4e3400;
  --yellow-95: #3f2a00;
}

/* Add application styles & imports to this file! */
.ecl_v1 {
  /* Global Palette */
  --success: var(--green-70);
  --warning: var(--yellow-30);
  --danger: var(--red-70);
  --info: var(--teal-70);
  --scrim-fill: rgba(52, 59, 66, 0.4);
}

/* General theme base css. */
.ecl_v1 body {
  font-size: 0.875rem;
}
.ecl_v1 .canvas,
.ecl_v1 .base,
.ecl_v1 .accent,
.ecl_v1 .attn,
.ecl_v1 .overlay {
  background: var(--card-fill);
}
.ecl_v1 .dark-theme {
  --theme-name: "dark-theme";
  --priority-1-onyx-fill: var(--onyx-60);
  --priority-1-onyx-text: var(--white);
  --priority-1-onyx-icon: var(--white);
  --priority-1-onyx-btn-1-fill-h: var(--onyx-5);
  --priority-1-onyx-btn-1-text-h: var(--onyx-60);
  --priority-1-onyx-btn-1-fill-a: var(--onyx-10);
  --priority-1-onyx-btn2-stroke: var(--white);
  --priority-1-onyx-btn1-fill: var(--white);
  --priority-1-onyx-btn-2-stroke-h: var(--onyx-5);
  --priority-1-onyx-btn-2-fill-h: var(--onyx-70);
  --priority-1-onyx-btn-2-text-h: var(--onyx-5);
  --priority-1-onyx-btn-2-stroke-a: var(--onyx-10);
  --priority-1-onyx-btn-2-fill-a: var(--onyx-80);
  --priority-1-onyx-btn-2-text-a: var(--onyx-10);
  --priority-1-onyx-btn-1-stroke: var(--white);
  --priority-2-onyx-fill: var(--onyx-90);
  --priority-2-onyx-stroke: var(--onyx-50);
  --priority-2-onyx-text: var(--white);
  --priority-1-onyx-btn2-text: var(--white);
  --priority-2-onyx-btn2-stroke: var(--white);
  --priority-2-onyx-btn2-text: : var(--white);
  --priority-2-onyx-btn-2-stroke-h: var(--onyx-5);
  --priority-2-onyx-btn-2-fill-h: var(--onyx-70);
  --priority-2-onyx-btn-2-stroke-a: var(--onyx-10);
  --priority-2-onyx-btn-2-fill-a: var(--onyx-80);
  --priority-2-onyx-btn2-fill: var(--white);
  --priority-1-onyx-btn-1-text-a: var(--onyx-60);
  --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-green-btn1-fill: var(--white);
  --priority-1-green-btn1-text: var(--green-70);
  --priority-1-green-btn-1-fill-h: var(--green-5);
  --priority-1-green-btn-1-text-h: var(--green-70);
  --priority-1-green-btn-1-fill-a: var(--green-10);
  --priority-1-green-btn-1-text-a: var(--green-70);
  --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-1-green-btn2-stroke: var(--white);
  --priority-1-green-btn-2-stroke-h: var(--green-5);
  --priority-1-green-btn-2-fill-h: var(--green-80);
  --priority-1-green-btn-2-text-h: var(--green-5);
  --priority-1-green-btn-2-stroke-a: var(--green-10);
  --priority-1-green-btn-2-fill-a: var(--green-90);
  --priority-1-green-btn-2-text-a: var(--green-10);
  --priority-1-green-btn2-text: var(--white);
  --priority-1-green-icon-fill-h: var(--green-60);
  --priority-1-green-icon-fill-a: var(--green-50);
  --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-red-btn1-text: var(--white);
  --priority-1-red-btn1-fill: var(--white);
  --priority-1-red-btn1-text: var(--red-70);
  --priority-1-red-btn-1-fill-h: var(--red-5);
  --priority-1-red-btn-1-text-h: var(--red-70);
  --priority-1-red-btn-1-fill-a: var(--red-10);
  --priority-1-red-btn-1-text-a: var(--red-70);
  --priority-1-red-btn1-fill: var(--white);
  --priority-1-red-btn2-text: var(--white);
  --priority-1-red-btn2-stroke: var(--white);
  --priority-1-red-btn-2-stroke-h: var(--red-5);
  --priority-1-red-btn-2-fill-h: var(--red-80);
  --priority-1-red-btn-2-text-h: var(--red-5);
  --priority-1-red-btn-2-stroke-a: var(--red-10);
  --priority-1-red-btn-2-fill-a: var(--red-90);
  --priority-1-red-btn-2-text-a: var(--red-10);
  --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-1-red-icon-fill-h: var(--red-60);
  --priority-1-red-icon-fill-a: var(--red-50);
  --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-yellow-btn1-fill: var(--yellow-90);
  --priority-1-yellow-btn1-text: var(--yellow-30);
  --priority-1-yellow-btn1-text: var(--yellow-30);
  --priority-1-yellow-btn-1-fill-h: var(--yellow-95);
  --priority-1-yellow-btn-1-text-h: var(--yellow-30);
  --priority-1-yellow-btn-1-fill-a: var(--yellow-100);
  --priority-1-yellow-btn-1-text-a: var(--yellow-30);
  --priority-1-yellow-btn-1-stroke: var(--black);
  --priority-1-yellow-btn2-text: var(--yellow-90);
  --priority-1-yellow-btn2-stroke: var(--yellow-90);
  --priority-1-yellow-btn-2-fill-h: var(--yellow-40);
  --priority-1-yellow-btn-2-text-h: var(--yellow-95);
  --priority-1-yellow-btn-2-fill-a: var(--yellow-50);
  --priority-1-yellow-btn-2-text-a: var(--yellow-100);
  --priority-1-yellow-btn-2-stroke-a: var(--yellow-100);
  --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-1-yellow-icon-fill-h: var(--yellow-40);
  --priority-1-yellow-icon-fill-a: var(--yellow-50);
  --priority-1-yellow-icon-stroke: var(--onyx-95);
  --priority-1-teal-fill: var(--teal-70);
  --priority-1-teal-text: var(--white);
  --priority-1-teal-icon: var(--white);
  --priority-1-teal-btn2-stroke: var(--white);
  --priority-1-teal-btn2-text: var(--white);
  --priority-1-teal-btn-2-stroke-h: var(--teal-5);
  --priority-1-teal-btn-2-fill-h: var(--teal-75);
  --priority-1-teal-btn-2-text-h: var(--teal-5);
  --priority-1-teal-btn-2-stroke-a: var(--teal-10);
  --priority-1-teal-btn-2-fill-a: var(--teal-80);
  --priority-1-teal-btn-2-text-a: var(--teal-10);
  --priority-1-teal-btn2-fill: var(--teal-70);
  --priority-1-teal-btn1-fill: var(--white);
  --priority-1-teal-btn1-text: var(--teal-70);
  --priority-1-teal-btn-1-fill-h: var(--teal-5);
  --priority-1-teal-btn-1-text-h: var(--teal-70);
  --priority-1-teal-btn-1-fill-a: var(--teal-10);
  --priority-1-teal-btn-1-text-a: var(--teal-70);
  --priority-1-teal-icon-fill-h: var(--teal-60);
  --priority-1-teal-icon-fill-a: var(--teal-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);
  --scrim-fill: rgba(29, 37, 45, 0.7);
}
.ecl_v1 .light-theme {
  --theme-name: "light-theme";
  --priority-1-onyx-fill: var(--onyx-60);
  --priority-1-onyx-text: var(--white);
  --priority-1-onyx-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-1-onyx-btn-1-fill-h: var(--onyx-5);
  --priority-1-onyx-btn-1-text-h: var(--onyx-60);
  --priority-1-onyx-btn-1-fill-a: var(--onyx-10);
  --priority-1-onyx-btn1-fill: var(--white);
  --priority-1-onyx-btn2-text: var(--white);
  --priority-1-onyx-btn-2-stroke-h: var(--onyx-5);
  --priority-1-onyx-btn-2-fill-h: var(--onyx-70);
  --priority-1-onyx-btn-2-text-h: var(--onyx-5);
  --priority-1-onyx-btn-2-stroke-a: var(--onyx-10);
  --priority-1-onyx-btn-2-fill-a: var(--onyx-80);
  --priority-1-onyx-btn-2-text-a: var(--onyx-10);
  --priority-1-onyx-btn2-stroke: var(--white);
  --priority-2-onyx-btn2-stroke: var(--onyx-90);
  --priority-2-onyx-btn2-text: : var(--onyx-90);
  --priority-2-onyx-btn-2-stroke-h: var(--onyx-95);
  --priority-2-onyx-btn-2-fill-h: var(--onyx-15);
  --priority-2-onyx-btn-2-stroke-a: var(--onyx-100);
  --priority-2-onyx-btn-2-fill-a: var(--onyx-20);
  --priority-2-onyx-btn2-fill: var(--white);
  --priority-1-onyx-btn-1-text-a: var(--onyx-60);
  --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-green-btn1-fill: var(--white);
  --priority-1-green-btn1-text: var(--green-70);
  --priority-1-green-btn-1-fill-h: var(--green-5);
  --priority-1-green-btn-1-text-h: var(--green-70);
  --priority-1-green-btn-1-fill-a: var(--green-10);
  --priority-1-green-btn-1-text-a: var(--green-70);
  --priority-1-onyx-btn-1-stroke: var(--white);
  --priority-1-green-btn2-stroke: var(--white);
  --priority-1-green-btn-2-stroke-h: var(--green-5);
  --priority-1-green-btn-2-fill-h: var(--green-80);
  --priority-1-green-btn-2-text-h: var(--green-5);
  --priority-1-green-btn-2-stroke-a: var(--green-10);
  --priority-1-green-btn-2-fill-a: var(--green-80);
  --priority-1-green-btn-2-text-a: var(--green-10);
  --priority-1-green-btn2-text: var(--white);
  --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-1-green-icon-fill-h: var(--green-60);
  --priority-1-green-icon-fill-a: var(--green-50);
  --priority-1-red-fill: var(--red-70);
  --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-red-btn1-text: var(--white);
  --priority-1-red-btn1-fill: var(--white);
  --priority-1-red-btn1-text: var(--red-70);
  --priority-1-red-btn-1-fill-h: var(--red-5);
  --priority-1-red-btn-1-text-h: var(--red-70);
  --priority-1-red-btn-1-fill-a: var(--red-10);
  --priority-1-red-btn-1-text-a: var(--red-70);
  --priority-1-red-btn1-fill: var(--white);
  --priority-1-red-btn2-text: var(--white);
  --priority-1-red-btn2-stroke: var(--white);
  --priority-1-red-btn-2-stroke-h: var(--red-5);
  --priority-1-red-btn-2-fill-h: var(--red-80);
  --priority-1-red-btn-2-text-h: var(--red-5);
  --priority-1-red-btn-2-stroke-a: var(--red-10);
  --priority-1-red-btn-2-fill-a: var(--red-90);
  --priority-1-red-btn-2-text-a: var(--red-10);
  --priority-1-red-btn2-stroke: var(--white);
  --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-1-red-icon-fill-h: var(--red-60);
  --priority-1-red-icon-fill-a: var(--red-50);
  --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-yellow-btn1-fill: var(--yellow-90);
  --priority-1-yellow-btn1-text: var(--yellow-20);
  --priority-1-yellow-btn1-text: var(--yellow-20);
  --priority-1-yellow-btn-1-fill-h: var(--yellow-95);
  --priority-1-yellow-btn-1-text-h: var(--yellow-20);
  --priority-1-yellow-btn-1-fill-a: var(--yellow-100);
  --priority-1-yellow-btn-1-text-a: var(--yellow-20);
  --priority-1-yellow-btn-1-stroke: var(--black);
  --priority-1-yellow-btn2-text: var(--yellow-90);
  --priority-1-yellow-btn2-stroke: var(--yellow-90);
  --priority-1-yellow-btn-2-fill-h: var(--yellow-40);
  --priority-1-yellow-btn-2-text-h: var(--yellow-95);
  --priority-1-yellow-btn-2-fill-a: var(--yellow-50);
  --priority-1-yellow-btn-2-text-a: var(--yellow-100);
  --priority-1-yellow-btn-2-stroke-a: var(--yellow-100);
  --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-1-yellow-icon-fill-h: var(--yellow-40);
  --priority-1-yellow-icon-fill-a: var(--yellow-50);
  --priority-1-yellow-icon-stroke: var(--onyx-95);
  --priority-1-teal-fill: var(--teal-70);
  --priority-1-teal-text: var(--white);
  --priority-1-teal-icon: var(--white);
  --priority-1-teal-btn2-stroke: var(--white);
  --priority-1-teal-btn2-text: var(--white);
  --priority-1-teal-btn-2-stroke-h: var(--teal-5);
  --priority-1-teal-btn-2-fill-h: var(--teal-75);
  --priority-1-teal-btn-2-text-h: var(--teal-5);
  --priority-1-teal-btn-2-stroke-a: var(--teal-10);
  --priority-1-teal-btn-2-fill-a: var(--teal-80);
  --priority-1-teal-btn-2-text-a: var(--teal-10);
  --priority-1-teal-btn2-fill: var(--teal-70);
  --priority-1-teal-btn1-fill: var(--white);
  --priority-1-teal-btn1-text: var(--teal-70);
  --priority-1-teal-btn-1-fill-h: var(--teal-5);
  --priority-1-teal-btn-1-text-h: var(--teal-70);
  --priority-1-teal-btn-1-fill-a: var(--teal-10);
  --priority-1-teal-btn-1-text-a: var(--teal-70);
  --priority-1-teal-icon-fill-h: var(--teal-60);
  --priority-1-teal-icon-fill-a: var(--teal-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 ecl-button.disabled {
  -webkit-user-select: none;
          user-select: none;
  opacity: inherit;
  cursor: not-allowed;
}

.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: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: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 {
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--colors-focus-stroke);
}
.ecl_v1 button.ecl-button.high-priority:active {
  border-radius: 1.25rem;
  background: var(--priority-1-red-fill-a);
  border-color: var(--priority-1-red-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);
}
.ecl_v1 .dark-theme button.ecl-button.primary:disabled,
.ecl_v1 .light-theme button.ecl-button.primary:disabled,
.ecl_v1 .dark-theme button.ecl-button.secondary:disabled,
.ecl_v1 .light-theme button.ecl-button.secondary:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border: none;
}

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 {
  display: block;
}
.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 .compact .core-table th,
.ecl_v1 .compact .core-table td {
  padding: 0.5rem;
  height: fit-content;
  font-size: 0.75rem;
}
.ecl_v1 .compact .core-table tr {
  height: 2.5rem;
}
.ecl_v1 .compact .core-table th ecl-table-sort-button {
  font-size: initial;
  width: 1em;
  height: 1em;
}
.ecl_v1 .compact .core-table th ecl-table-sort-button,
.ecl_v1 .compact .core-table th:not(.select-column) ecl-table-sort-button {
  font-size: initial;
  width: 1em;
  height: 1em;
}
.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 .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.safe {
  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.safe: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.safe: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.safe: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.safe: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.safe: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.safe: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.safe: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.safe:before {
  border-top-color: var(--priority-1-green-fill);
}

.ecl_v1 ecl-checkbox div.ecl-checkbox-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: max-content;
  gap: 0.75rem;
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container .ecl-checkbox-label {
  display: flex;
  align-items: center;
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  border-radius: 0.25rem;
  outline: 0.125rem solid var(--colors-focus-stroke);
  outline-offset: 0.25rem;
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container input.ecl-checkbox {
  appearance: none;
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container label.ecl-label {
  color: var(--text-primary);
}
.ecl_v1 ecl-checkbox 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 ecl-checkbox div.ecl-checkbox-container div.ecl-checkbox-display-container svg.intermediate {
  width: 0.875rem;
  height: 0.25rem;
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container div.ecl-checkbox-display-container svg.intermediate rect {
  fill: var(--form-gen-switch-a);
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container div.ecl-checkbox-display-container svg.checked {
  width: 1rem;
  height: 0.75rem;
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container div.ecl-checkbox-display-container svg.checked path {
  fill: var(--form-gen-switch-a);
}
.ecl_v1 ecl-checkbox div.ecl-checkbox-container .ecl-label {
  -webkit-user-select: none;
          user-select: none;
}
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly div.ecl-checkbox-display-container,
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-disabled=true] div.ecl-checkbox-display-container {
  border: none;
  background-color: var(--form-gen-read-only-fill);
}
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly div.ecl-checkbox-display-container svg.intermediate rect,
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-disabled=true] div.ecl-checkbox-display-container svg.intermediate rect {
  fill: var(--form-gen-switch-ro);
}
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly div.ecl-checkbox-display-container svg.checked path,
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-disabled=true] div.ecl-checkbox-display-container svg.checked path {
  fill: var(--form-gen-switch-ro);
}
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly,
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-readonly=true] {
  pointer-events: none;
}
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly label.ecl-label,
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly div.ecl-checkbox-display-container,
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-readonly=true] label.ecl-label,
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-readonly=true] div.ecl-checkbox-display-container {
  pointer-events: none;
}
.ecl_v1 ecl-checkbox .ecl-checkbox-container.readonly:focus-within:has(input:focus-visible),
.ecl_v1 ecl-checkbox .ecl-checkbox-container[aria-readonly=true]:focus-within:has(input:focus-visible) {
  outline: none;
  border-radius: 0;
  outline-offset: 0;
}
.ecl_v1 ecl-checkbox[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.ecl_v1 ecl-checkbox[disabled] div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  outline: none;
  border-radius: 0;
  outline-offset: 0;
}

.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.5rem;
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.vertical .divider {
  width: 100%;
  height: 0.063rem;
  margin: 0;
  background-color: var(--divider-stroke-h);
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.horizontal {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  height: 2.25rem;
}
.ecl_v1 ecl-checkbox-list .ecl-checkbox-group.horizontal ecl-divider {
  height: 100%;
}

.ecl_v1 div.ecl-radio-group {
  border-radius: 0.4375rem;
  background-color: transparent;
}
.ecl_v1 div.ecl-radio-group.vertical {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ecl_v1 div.ecl-radio-group.horizontal {
  display: inline-flex;
  height: 2.25rem;
  align-items: center;
  gap: 1rem;
}
.ecl_v1 div.ecl-radio-group div.ecl-radio-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: max-content;
  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 div.ecl-radio-group .ecl-radio-container.readonly {
  pointer-events: none;
}
.ecl_v1 div.ecl-radio-group .ecl-radio-container.readonly div.ecl-radio-display-container {
  background-color: var(--form-gen-read-only-fill);
  border: none;
}
.ecl_v1 div.ecl-radio-group .ecl-radio-container.readonly div.ecl-radio-display-container div.ecl-radio-display.selected {
  background: var(--form-gen-switch-ro);
}
.ecl_v1 div.ecl-radio-group .ecl-radio-container.readonly label.ecl-label,
.ecl_v1 div.ecl-radio-group .ecl-radio-container.readonly div.ecl-radio-display-container {
  pointer-events: none;
}
.ecl_v1 div.ecl-radio-group .ecl-radio-container[aria-disabled=true]:not(.readonly) {
  opacity: 0.4;
  pointer-events: none;
}

.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-divider);
  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-tool-btn);
}

.core-chip-group {
  display: flex;
  padding: 0.5rem 0.5rem 0 0;
  align-items: flex-start;
  gap: 0.25rem;
}

.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-field-content:has(.suffix.rightAlign) > * input {
  text-align: right;
}
.ecl_v1 ecl-input-field div.ecl-field-content:has(.suffix.rightAlign) .filler {
  width: 0;
}
.ecl_v1 ecl-input-field 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 ecl-input-field 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 ecl-input-field div.ecl-input-field-container:focus-within {
  box-shadow: 0 0 0 1px var(--form-gen-stroke) inset;
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container .ecl-input {
  background: transparent;
  color: var(--form-gen-content);
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container .ecl-input input[type=number]::-webkit-outer-spin-button, .ecl_v1 ecl-input-field div.ecl-input-field-container .ecl-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ecl_v1 ecl-input-field div.ecl-input-field-container .ecl-input ::placeholder {
  color: var(--form-gen-placeholder);
}
.ecl_v1 ecl-input-field div.ecl-input-field-container .ecl-field-addon-icon {
  background: var(--transparent);
}
.ecl_v1 ecl-input-field div.ecl-input-field-container .ecl-field-addon-icon .ecl-icon {
  color: var(--form-gen-add-on);
}
.ecl_v1 ecl-input-field div.ecl-input-field-container .ecl-field-addon-divider {
  background: var(--form-gen-divider);
}
.one-digit-input .ecl_v1 ecl-input-field div.ecl-input-field-container {
  padding: 0;
  border-radius: 0.375rem;
}
.one-digit-input.warning-digit .ecl_v1 ecl-input-field div.ecl-input-field-container {
  border-color: var(--warning);
  border-width: 0.14rem;
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-input {
  display: block;
  grid-area: input;
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-input > input::selection {
  background: var(--selection-color);
}
.ecl_v1 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-input > input::-moz-selection {
  background: var(--selection-color);
}
.one-digit-input .ecl_v1 ecl-input-field 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 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-input ~ .suffix.rightAlign {
  left: auto;
  right: 0;
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .suffix .filler {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-suffix {
  color: var(--form-gen-unit);
  padding-right: 0.125rem;
}
.ecl_v1 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.before-addon {
  grid-area: before-addon;
}
.ecl_v1 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.after-addon {
  grid-area: after-addon;
}
.ecl_v1 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-addon.rightAlign {
  grid-template-columns: max-content max-content max-content;
}
.ecl_v1 ecl-input-field 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 ecl-input-field 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 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon ecl-icon-button {
  height: 100%;
  width: 100%;
}
.ecl_v1 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon button {
  height: 100%;
  width: 100%;
}
.ecl_v1 ecl-input-field div.ecl-input-field-container div.ecl-input-field .ecl-field-addon-icon ecl-icon {
  height: 1rem;
  width: 1rem;
  color: var(--form-gen-add-on);
}
.ecl_v1 ecl-input-field 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 ecl-input-field[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 ecl-input-field[disabled] div.ecl-input-field-container {
  opacity: 1;
}
.ecl_v1 ecl-input-field[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 ecl-input-field[disabled] div.ecl-input-field-container .ecl-input {
  background: transparent;
}
.ecl_v1 ecl-input-field[readonly] div.ecl-input-field-container {
  background: var(--form-gen-read-only-fill);
  box-shadow: none;
}
.ecl_v1 ecl-input-field[readonly] div.ecl-input-field-container:focus-within:has(input:focus-visible) {
  box-shadow: none;
}
.ecl_v1 ecl-input-field[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.375rem;
  background-color: transparent;
}
.ecl_v1 ecl-icon-button.active button {
  background: var(--item-fill-a2);
  color: var(--icon-fill-a);
}
.ecl_v1 ecl-icon-button:active:not(.neutral).slash-icon div svg {
  --icon-fill: var(--icon-fill-a);
}
.ecl_v1 ecl-icon-button:active:not(.neutral) ecl-icon {
  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.notify {
  position: relative;
}
.ecl_v1 ecl-icon-button.notify::after {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 1.6875rem;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--text-icon-red);
  border-radius: 0.5rem;
  border: none;
}
.ecl_v1 ecl-icon-button button {
  display: grid;
  place-items: center;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: none;
  width: 2.25rem;
  height: 2.25rem;
  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: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-a2);
  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.notify {
  position: relative;
}
.ecl_v1 ecl-icon-select.notify::after {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 1.6875rem;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--text-icon-red);
  border-radius: 0.5rem;
  border: none;
}
.ecl_v1 ecl-icon-select button {
  display: flex;
  place-items: center;
  border: none;
  margin: 0;
  padding: 0.5625rem 0.5rem;
  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.cdk-keyboard-focused {
  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-a2);
  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:focus-visible {
  outline: none;
}
.ecl_v1 .overlayOptionContainer .overlay-option.cdk-keyboard-focused {
  outline: 0.125rem solid var(--colors-focus-stroke);
  background: var(--item-fill-h);
}
.ecl_v1 .overlayOptionContainer .overlay-option:focus {
  background: var(--item-fill-h);
}
.ecl_v1 .overlayOptionContainer .overlay-option:hover {
  background: var(--item-fill-h);
}
.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%;
  margin-bottom: 0.5rem;
}
.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.safe {
  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.safe {
  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.safe 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(--form-gen-stroke);
}
.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;
  background-color: transparent;
  border-radius: 0.5rem;
  gap: 0.75rem;
}
.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;
}
.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 {
  -webkit-user-select: none;
          user-select: none;
}
.ecl_v1 div.ecl-toggle-container.readonly, .ecl_v1 div.ecl-toggle-container[aria-disabled=true] {
  pointer-events: none;
}
.ecl_v1 div.ecl-toggle-container.readonly div.ecl-toggle-display-container, .ecl_v1 div.ecl-toggle-container[aria-disabled=true] div.ecl-toggle-display-container {
  border: none;
  background-color: var(--form-gen-read-only-fill);
  cursor: default;
}
.ecl_v1 div.ecl-toggle-container.readonly div.ecl-toggle-display-container div.ecl-toggle-display.toggled-off, .ecl_v1 div.ecl-toggle-container[aria-disabled=true] div.ecl-toggle-display-container div.ecl-toggle-display.toggled-off {
  background: var(--form-gen-switch);
}
.ecl_v1 div.ecl-toggle-container.readonly div.ecl-toggle-display-container div.ecl-toggle-display.toggled-on, .ecl_v1 div.ecl-toggle-container[aria-disabled=true] div.ecl-toggle-display-container div.ecl-toggle-display.toggled-on {
  background: var(--form-gen-switch-ro);
}
.ecl_v1 ecl-toggle[disabled] > div.ecl-toggle-container,
.ecl_v1 ecl-toggle[aria-disabled=true] > div.ecl-toggle-container {
  opacity: 0.4;
  pointer-events: none;
}
.ecl_v1 ecl-toggle[disabled] > div.ecl-toggle-container:focus-within:has(input:focus-visible),
.ecl_v1 ecl-toggle[aria-disabled=true] > div.ecl-toggle-container:focus-within:has(input:focus-visible) {
  outline: none;
  border-radius: 0;
  outline-offset: 0;
}

.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;
}

.ecl_v1 ecl-file-input 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;
}
.ecl_v1 ecl-file-input div.ecl-file-input-container input[type=file] {
  display: none;
}
.ecl_v1 ecl-file-input div.ecl-file-input-container:focus-visible {
  box-shadow: 0 0 0 0.125rem var(--colors-focus-stroke) inset;
}
.ecl_v1 ecl-file-input div.ecl-file-input-container div.ecl-file-input-field {
  display: flex;
  flex: 1;
  padding: 0 1.5rem 0 0;
}
.ecl_v1 ecl-file-input 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 ecl-file-input 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 ecl-file-input 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 ecl-file-input div.ecl-file-input-container .ecl-field-addon-icon ecl-icon-button {
  height: 100%;
  width: 100%;
}
.ecl_v1 ecl-file-input div.ecl-file-input-container .ecl-field-addon-icon ecl-icon-button button {
  color: var(--form-gen-add-on);
}
.ecl_v1 ecl-file-input div.ecl-file-input-container .ecl-field-addon-icon button {
  height: 100%;
  width: 100%;
}
.ecl_v1 ecl-file-input div.ecl-file-input-container .ecl-field-addon-icon ecl-icon {
  height: 1rem;
  width: 1rem;
}
.ecl_v1 ecl-file-input div.ecl-file-input-container .ecl-file-input-button-container {
  display: none;
}
.ecl_v1 ecl-file-input[readonly] div.ecl-file-input-container {
  box-shadow: none;
  background: var(--form-gen-read-only-fill);
}
.ecl_v1 ecl-file-input[readonly] div.ecl-file-input-container:focus-visible {
  box-shadow: none;
}
.ecl_v1 ecl-file-input[readonly] div.ecl-file-input-container .ecl-field-addon-icon {
  display: none;
}
.ecl_v1 ecl-file-input[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecl_v1 ecl-file-input[disabled] div.ecl-file-input-container {
  opacity: 1;
  background: transparent;
}
.ecl_v1 ecl-file-input[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 .pin-icon {
  color: inherit;
}

.ecl_v1 {
  --s-chip-fill-s: var(--brand-ocean);
  --s-text-primary-s: var(--onyx-100);
}
.ecl_v1 ecl-tags-input 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 ecl-tags-input 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 ecl-tags-input div.ecl-tags-input-container ecl-chip {
  margin: 0rem;
}
.ecl_v1 ecl-tags-input 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 ecl-tags-input div.ecl-tags-input-container input.ecl-tags-input::placeholder {
  color: var(--form-gen-placeholder);
}
.ecl_v1 ecl-tags-input div.ecl-tags-input-container .deleteHighlight .ecl-chip {
  background: var(--s-chip-fill-s);
}
.ecl_v1 ecl-tags-input div.ecl-tags-input-container .deleteHighlight .ecl-chip .ecl-chip-text {
  color: var(--s-text-primary-s);
}
.ecl_v1 ecl-tags-input div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button {
  background: var(--s-chip-fill-s);
}
.ecl_v1 ecl-tags-input div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button ecl-icon,
.ecl_v1 ecl-tags-input div.ecl-tags-input-container .deleteHighlight .ecl-chip button.ecl-chip-remove-button .ecl-icon {
  color: var(--s-text-primary-s);
}
.ecl_v1 ecl-tags-input.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.ecl_v1 ecl-tags-input.disabled div.ecl-tags-input-container {
  pointer-events: none;
}
.ecl_v1 ecl-tags-input.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 ecl-tags-input.disabled div.ecl-tags-input-container input.ecl-tags-input {
  caret-color: transparent;
  pointer-events: none;
}
.ecl_v1 ecl-tags-input.disabled div.ecl-tags-input-container ecl-chip {
  pointer-events: none;
}
.ecl_v1 ecl-tags-input[readonly] div.ecl-tags-input-container {
  background-color: var(--form-gen-read-only-fill);
  box-shadow: none;
  pointer-events: none;
}
.ecl_v1 ecl-tags-input[readonly] div.ecl-tags-input-container:focus-within:has(input:focus-visible) {
  outline: none;
  box-shadow: none;
}
.ecl_v1 ecl-tags-input[readonly] div.ecl-tags-input-container input.ecl-tags-input {
  caret-color: transparent;
  pointer-events: none;
}
.ecl_v1 ecl-tags-input[readonly] div.ecl-tags-input-container div.ecl-chip {
  pointer-events: none;
  background: var(--chip-readonly-fill);
  border: 1px solid var(--card-fill);
}

.ecl_v1 div.ecl-form-field-container,
.ecl_v1 div.ecl-form-field {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
  border-radius: 0.5rem;
  flex: 1 1 auto;
}
.notes .ecl_v1 div.ecl-form-field-container,
.notes .ecl_v1 div.ecl-form-field {
  padding-left: 0;
}
.ecl_v1 .inline div.ecl-form-field-container,
.ecl_v1 div.ecl-form-field-container.inline,
.ecl_v1 div.ecl-form-field.inline {
  display: flex;
  flex-direction: row;
  align-items: center;
  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;
  width: 100%;
}
.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.select-input,
.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.select-input,
.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.select-input {
  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: flex;
  justify-content: start;
  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: 0.063rem solid var(--progress-slider-stroke);
  margin: 0; /* Adjusting thumb position */
  box-shadow: none;
}
.ecl_v1 div.ecl-range-container .ecl-range-tooltip {
  position: absolute;
  top: -2.5rem;
  transform: translateX(-31%);
  background-color: var(--tooltip-fill);
  color: var(--tooltip-text);
  display: none;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  align-items: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
}
.ecl_v1 div.ecl-range-container .ecl-range-tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  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% - 0.063rem);
}
.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);
  margin-top: 0.25rem;
}

.ecl_v1 ecl-select.disabled {
  opacity: 0.4;
  -webkit-user-select: none;
          user-select: none;
  cursor: not-allowed;
}
.ecl_v1 input.select-input {
  font-size: 0.875rem;
  padding: 0 1.875rem 0 0.75rem;
  width: 100%;
  background: var(--form-gen-fill);
  color: var(--text-primary);
  height: 2.125rem;
  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;
  border: 0.0625rem solid var(--form-gen-stroke);
}
.ecl_v1 input.select-input::placeholder {
  color: var(--text-primary);
  font-weight: 500;
}
.ecl_v1 input.select-input:focus-visible {
  outline: none;
}
.ecl_v1 input.select-input.cdk-keyboard-focused {
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 input.select-input:hover {
  background-color: var(--item-fill-h);
}
.ecl_v1 .select-dropdown-container {
  height: 100%;
  width: 100%;
  background: transparent;
  /* Border style when isOpen is true */
  /* Border style when isOpen is false */
}
.ecl_v1 .select-dropdown-container .overlay {
  border-radius: 0.375rem;
}
.ecl_v1 .select-dropdown-container .input-close-border {
  border: 0.0625rem solid var(--form-gen-stroke);
}
.ecl_v1 .select-dropdown-container .input-open-border {
  border: 0.0625rem solid var(--form-gen-stroke);
}
.ecl_v1 .select-dropdown-container .select-search-wrapper:not(:empty) {
  padding: 0.75rem;
  border-bottom: 0.0625rem solid var(--form-gen-stroke);
}
.ecl_v1 .select-dropdown-container .ecl-select-icon {
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  color: var(--form-gen-add-on);
  cursor: pointer;
}
.disabled .ecl_v1 .select-dropdown-container .ecl-select-icon {
  opacity: 0.4;
  pointer-events: none;
}
.ecl_v1 .select-dropdown-container div.ecl-checkbox-container {
  pointer-events: none;
}
.ecl_v1 .select-dropdown-container div.ecl-checkbox-container:focus-within:has(input:focus-visible) {
  outline: none;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 0;
  color: var(--text-primary);
  background-color: var(--form-gen-fill);
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--form-gen-stroke);
  box-shadow: 0 0 0.75rem 0 var(--box-shadow);
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container [search] {
  display: block;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container .options-container {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container .options-container ecl-checkbox.multi-select {
  pointer-events: none;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container div.ecl-divider {
  background-color: var(--form-gen-stroke);
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container .all-option {
  border-block-end: none;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container .all-option:focus-within {
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container ecl-select-option.cdk-option-active:focus-visible div.ecl-select-option {
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container div.ecl-select-option {
  width: auto;
  font-size: 0.875rem;
  padding: 0.5625rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  gap: 0.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  align-items: center;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container div.ecl-select-option.multi-select {
  display: flex;
  gap: 0;
}
.ecl_v1 .select-dropdown-container div.ecl-select-options-container div.ecl-select-option.multi-select ecl-checkbox .ecl-checkbox-container {
  padding: 0;
}
.ecl_v1 .select-dropdown-container 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 .select-dropdown-container .set-empty-box {
  width: 0.75rem;
  pointer-events: none;
}
.ecl_v1 .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-fill);
  height: 100%;
  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: 125%;
  align-items: center;
  grid-template-columns: 1fr auto auto auto;
}
.ecl_v1 ecl-card > ecl-card-footer span {
  overflow: hidden;
}
.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: 125%;
}
.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.card-secondary {
  gap: 1rem;
  padding: 0 1.5rem;
}
.ecl_v1 ecl-card.card-secondary > ecl-card-header {
  background: transparent;
  border-bottom: 1px solid var(--card-divider);
  display: flex;
  height: 4rem;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
  margin: unset;
  padding: 0;
}
.ecl_v1 ecl-card.card-secondary > ecl-card-header .heading {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  padding: unset;
  gap: 0.5rem;
}
.ecl_v1 ecl-card.card-secondary > ecl-card-header .heading ecl-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.ecl_v1 ecl-card.card-secondary > ecl-card-footer {
  background: transparent;
  padding: 1.5rem 0;
  display: flex;
  min-height: 3rem;
  align-items: center;
  align-self: stretch;
  margin: unset;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.ecl_v1 ecl-card.card-secondary > ecl-card-body {
  background: var(--card-fill);
  padding: unset;
  margin: unset;
}
.ecl_v1 ecl-card[no-border=true] {
  border: none;
  border-radius: 0;
}
.ecl_v1 ecl-card[no-padding=true] {
  padding: unset;
  gap: unset;
}
.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-fill);
  overflow: hidden;
  grid-area: body;
  padding: 1.5rem;
}
.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 ecl-tabs .card-tab .ecl-tab-content {
  padding: 1.5rem;
}
.ecl_v1 ecl-card ecl-tabs .card-tab .ecl-tab-content:has(ecl-card.card-secondary[no-border=true]) {
  padding: 0;
}
.ecl_v1 ecl-card ecl-tabs .sub-tab .ecl-tab-content {
  width: 100%;
  padding: 0;
}
.ecl_v1 ecl-card .heading {
  overflow: hidden;
}

.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 .card-tab > .ecl-tabs .ecl-tabs-container {
  background: var(--tabs-1-fill);
  border: 0.063rem solid var(--tabs-1-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-1-stroke);
  background: var(--tabs-1-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;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-tab-heading ecl-icon {
  color: var(--tabs-1-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-1-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;
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab ecl-icon {
  color: var(--tabs-1-icon-a);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .ecl-active-tab:hover {
  background: var(--tabs-1-fill-a);
}
.ecl_v1 ecl-tabs .card-tab > .ecl-tabs .tabs-groove {
  position: relative;
  display: block;
  height: 0.063rem;
  background: var(--tabs-1-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 {
  gap: 1rem;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs {
  width: fit-content;
}
.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;
}
.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(--item-fill-h);
  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-2-underline);
  z-index: 2;
}
.ecl_v1 ecl-tabs .sub-tab > .ecl-tabs .tabs-groove {
  height: 0.375rem;
  position: relative;
  background: var(--tabs-2-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-1-stroke);
  background: var(--tabs-1-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-1-stroke);
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-tab-heading ecl-icon {
  color: var(--tabs-1-icon);
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-active-tab {
  background: var(--tabs-1-fill-a);
  border-right: none;
}
.ecl_v1 ecl-tabs .icon-tab > .ecl-tabs .ecl-tabs-container .ecl-active-tab ecl-icon {
  color: var(--tabs-1-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-1-fill-a);
  border-right: 1px solid var(--tabs-1-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-1-background);
}
.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: flex-start;
  padding: 0.75rem 0.75rem 0.65rem 0.75rem;
  border-radius: 0.4375rem;
  width: 100%;
  background-color: var(--priority-1-onyx-fill);
  color: var(--priority-1-onyx-text);
  box-shadow: 0.125rem 0.125rem 0.875rem 0 rgba(0, 0, 0, 0.16);
}
.ecl_v1 .ecl-message .ecl-message-icon-container {
  padding: 0.3rem 0;
}
.ecl_v1 .ecl-message .ecl-message-icon-container ecl-icon {
  height: 0.875rem;
  width: 0.875rem;
}
.ecl_v1 .ecl-message.default .primary {
  background: var(--white);
  color: var(--priority-1-onyx-fill);
  border: 1px solid var(--priority-1-onyx-btn-1-fill-a);
}
.ecl_v1 .ecl-message.default .primary:hover {
  background: var(--priority-1-onyx-btn-1-fill-h);
  color: var(--priority-1-onyx-btn-1-text-h);
  border: 1px solid var(--priority-1-onyx-btn-1-fill-a);
}
.ecl_v1 .ecl-message.default .primary:active {
  background: var(--priority-1-onyx-btn-1-fill-a);
  color: var(--priority-1-onyx-btn-1-text-a);
  border: 1px solid var(--priority-1-onyx-btn-1-fill-a);
}
.ecl_v1 .ecl-message.default .primary:focus-visible {
  border: 1px solid var(--priority-1-onyx-btn2-stroke);
  background: var(--priority-1-onyx-btn1-fill);
  color: var(--priority-1-onyx-btn-1-text-h);
  outline: 0.188rem solid var(--priority-1-onyx-btn1-fill);
  box-shadow: none;
}
.ecl_v1 .ecl-message.default .secondary {
  background: none;
  border-color: var(--white);
  color: var(--priority-2-onyx-btn2-text);
  border: 1px solid var(--priority-1-onyx-btn2-stroke);
}
.ecl_v1 .ecl-message.default .secondary:hover {
  border: 1px solid var(--priority-1-onyx-btn-2-stroke-h);
  background: var(--priority-1-onyx-btn-2-fill-h);
  color: var(--priority-1-onyx-btn-2-text-h);
}
.ecl_v1 .ecl-message.default .secondary:active {
  border: 1px solid var(--priority-1-onyx-btn-2-stroke-a);
  background: var(--priority-1-onyx-btn-2-fill-a);
  color: var(--priority-1-onyx-btn-2-text-a);
}
.ecl_v1 .ecl-message.default .secondary:focus-visible {
  border: 1px solid var(--priority-1-onyx-btn2-stroke);
  color: #e9e9ea;
  outline: 0.188rem solid var(--priority-1-onyx-btn2-stroke);
  box-shadow: none;
}
.ecl_v1 .ecl-message.default .secondary:focus {
  border-color: var(--priority-1-onyx-btn-1-fill-a) !important;
}
.ecl_v1 .ecl-message.safe {
  background-color: var(--priority-1-green-fill);
  border: 1px solid var(--priority-1-green-fill);
}
.ecl_v1 .ecl-message.safe .secondary {
  background-color: var(--priority-1-green-fill);
  color: var(--priority-1-green-text);
  border: 1px solid var(--priority-1-green-btn2-stroke);
}
.ecl_v1 .ecl-message.safe .secondary:hover {
  border: 1px solid var(--priority-1-green-btn-2-stroke-h);
  background: var(--priority-1-green-btn-2-fill-h);
  color: var(--priority-1-green-btn-2-text-h);
}
.ecl_v1 .ecl-message.safe .secondary:active {
  color: var(--priority-1-green-btn-2-text-a);
  border: 1px solid var(--priority-1-green-btn-2-stroke-a);
  background: var(--priority-1-green-btn-2-fill-a);
}
.ecl_v1 .ecl-message.safe .secondary:focus-visible {
  border: 1px solid var(--priority-1-green-btn2-stroke);
  background: var(--Priority-1-Green-btn2-fill, rgba(255, 255, 255, 0));
  color: var(--priority-1-green-btn2-text);
  outline: 0.188rem solid var(--priority-1-green-btn2-stroke);
  box-shadow: none;
}
.ecl_v1 .ecl-message.safe .secondary:focus {
  border-color: var(--priority-1-green-btn-2-stroke-a) !important;
}
.ecl_v1 .ecl-message.safe .primary {
  background: var(--priority-1-green-btn1-fill);
  color: var(--priority-1-green-btn1-text);
  border-color: var(--priority-1-green-btn1-fill);
}
.ecl_v1 .ecl-message.safe .primary:hover {
  background: var(--priority-1-green-btn-1-fill-h);
  color: var(--priority-1-green-btn-1-text-h);
  border-color: var(--priority-1-green-btn-1-fill-h);
}
.ecl_v1 .ecl-message.safe .primary:active {
  background: var(--priority-1-green-btn-1-fill-a);
  color: var(--priority-1-green-btn-1-text-a);
  border: 1px solid var(--priority-1-green-btn-1-fill-a);
}
.ecl_v1 .ecl-message.safe .primary:focus-visible {
  border: 1px solid var(--priority-1-green-btn-1-stroke);
  background: var(--priority-1-green-btn1-fill);
  color: var(--priority-1-green-btn1-text);
  outline: 0.188rem solid var(--priority-1-onyx-btn1-fill);
  box-shadow: none;
}
.ecl_v1 .ecl-message.warning {
  background-color: var(--priority-1-yellow-fill);
  color: var(--priority-1-yellow-text);
}
.ecl_v1 .ecl-message.warning .secondary {
  background: none;
  color: var(--priority-1-yellow-btn2-text);
  border: 1px solid var(--priority-1-yellow-btn2-stroke);
}
.ecl_v1 .ecl-message.warning .secondary:hover {
  background: var(--priority-1-yellow-btn-2-fill-h);
  color: var(--priority-1-yellow-btn-2-text-h);
  border-color: var(--priority-1-yellow-btn-2-stroke-a);
}
.ecl_v1 .ecl-message.warning .secondary:active {
  background: var(--priority-1-yellow-btn-2-fill-a);
  color: var(--priority-1-yellow-btn-2-text-a);
  border: 1px solid var(--priority-1-yellow-btn-2-stroke-a);
}
.ecl_v1 .ecl-message.warning .secondary:focus-visible {
  background: var(--priority-1-yellow-btn1-fill);
  color: var(--priority-1-yellow-btn1-text);
  border: 1px solid var(--priority-1-yellow-btn1-fill);
  outline: 0.188rem solid var(--priority-1-yellow-btn-1-stroke);
  box-shadow: none;
}
.ecl_v1 .ecl-message.warning .secondary:focus {
  border-color: var(--priority-1-yellow-btn-2-stroke-a) !important;
}
.ecl_v1 .ecl-message.warning .primary {
  background-color: var(--priority-1-yellow-btn1-fill);
  color: var(--priority-1-yellow-btn1-text);
  border-color: var(--priority-1-yellow-btn1-fill);
}
.ecl_v1 .ecl-message.warning .primary:hover {
  background: var(--priority-1-yellow-btn-1-fill-h);
  color: var(--priority-1-yellow-btn-1-text-h);
}
.ecl_v1 .ecl-message.warning .primary:active {
  background: var(--priority-1-yellow-btn-1-fill-a);
  color: var(--priority-1-yellow-btn-1-text-a);
  border-color: var(--priority-1-yellow-btn-1-fill-a);
  border: 1px solid var(--priority-1-yellow-btn-2-stroke-a);
}
.ecl_v1 .ecl-message.warning .primary:focus-visible {
  background: var(--priority-1-yellow-btn1-fill);
  color: var(--priority-1-yellow-btn1-text);
  border: 1px solid var(--priority-1-yellow-btn1-fill);
  outline: 0.188rem solid var(--priority-1-yellow-btn-1-stroke);
  box-shadow: none;
}
.ecl_v1 .ecl-message.danger, .ecl_v1 .ecl-message.error {
  background-color: var(--priority-1-red-fill);
}
.ecl_v1 .ecl-message.danger .secondary, .ecl_v1 .ecl-message.error .secondary {
  border: 1px solid var(--priority-1-red-btn2-stroke);
  background-color: var(--priority-1-red-fill);
  color: var(--priority-1-red-btn2-text);
}
.ecl_v1 .ecl-message.danger .secondary:hover, .ecl_v1 .ecl-message.error .secondary:hover {
  border: 1px solid var(--priority-1-red-btn-2-stroke-h);
  background: var(--priority-1-red-btn-2-fill-h);
  color: var(--priority-1-red-btn-2-text-h);
}
.ecl_v1 .ecl-message.danger .secondary:active, .ecl_v1 .ecl-message.error .secondary:active {
  color: var(--priority-1-red-btn-2-text-a);
  border: 1px solid var(--priority-1-red-btn-2-stroke-a);
  background: var(--priority-1-red-btn-2-fill-a);
}
.ecl_v1 .ecl-message.danger .secondary:focus-visible, .ecl_v1 .ecl-message.error .secondary:focus-visible {
  color: var(--priority-1-red-btn2-text);
  border: 1px solid var(--priority-1-red-btn2-stroke);
  background: var(--priority-1-red-fill);
  outline: 0.188rem solid var(--priority-1-red-btn2-stroke);
  box-shadow: none;
}
.ecl_v1 .ecl-message.danger .secondary:focus, .ecl_v1 .ecl-message.error .secondary:focus {
  border-color: var(--priority-1-red-btn-2-stroke-a) !important;
}
.ecl_v1 .ecl-message.danger .primary, .ecl_v1 .ecl-message.error .primary {
  background: var(--priority-1-red-btn1-fill);
  color: var(--priority-1-red-btn1-text);
  border-color: var(--priority-1-red-btn1-fill);
}
.ecl_v1 .ecl-message.danger .primary:hover, .ecl_v1 .ecl-message.error .primary:hover {
  background: var(--priority-1-red-btn-1-fill-h);
  color: var(--priority-1-red-btn-1-text-h);
}
.ecl_v1 .ecl-message.danger .primary:active, .ecl_v1 .ecl-message.error .primary:active {
  color: var(--priority-1-red-btn-1-text-a);
  background: var(--priority-1-red-btn-1-fill-a);
  border-color: var(--priority-1-red-btn-1-fill-a);
}
.ecl_v1 .ecl-message.danger .primary:focus-visible, .ecl_v1 .ecl-message.error .primary:focus-visible {
  color: var(--priority-1-red-btn1-text);
  background: var(--priority-1-red-btn1-fill);
  border-color: var(--priority-1-red-btn1-fill);
  outline: 0.188rem solid var(--priority-1-red-btn2-stroke);
  box-shadow: none;
}
.ecl_v1 .ecl-message.info {
  background-color: var(--priority-1-teal-fill);
}
.ecl_v1 .ecl-message.info .secondary {
  background-color: var(--priority-1-teal-fill);
  color: var(--priority-1-teal-btn2-text);
  border: 1px solid var(--priority-1-teal-btn2-stroke);
}
.ecl_v1 .ecl-message.info .secondary:hover {
  border: 1px solid var(--priority-1-teal-btn-2-stroke-h);
  background: var(--priority-1-teal-btn-2-fill-h);
  color: var(--priority-1-teal-btn-2-text-h);
}
.ecl_v1 .ecl-message.info .secondary:active {
  border: 1px solid var(--priority-1-teal-btn-2-stroke-a);
  background: var(--priority-1-teal-btn-2-fill-a);
  color: var(--priority-1-teal-btn-2-text-a);
}
.ecl_v1 .ecl-message.info .secondary:focus-visible {
  border: 1px solid var(--priority-1-teal-btn2-stroke);
  background: var(--priority-1-teal-fill, rgba(255, 255, 255, 0));
  color: var(--priority-1-red-btn2-text);
  outline: 0.188rem solid var(--priority-1-teal-btn1-fill);
  box-shadow: none;
}
.ecl_v1 .ecl-message.info .secondary:focus {
  border-color: var(--priority-1-teal-btn-2-stroke-a) !important;
}
.ecl_v1 .ecl-message.info .primary {
  background-color: var(--priority-1-teal-btn1-fill);
  border-color: var(--priority-1-teal-btn1-fill);
  color: var(--priority-1-teal-btn1-text);
}
.ecl_v1 .ecl-message.info .primary:hover {
  background: var(--priority-1-teal-btn-1-fill-h);
  color: var(--priority-1-teal-btn-1-text-h);
  border: 1px solid var(--priority-1-teal-btn-2-stroke-h);
}
.ecl_v1 .ecl-message.info .primary:active {
  background: var(--priority-1-teal-btn-1-fill-a);
  border: 1px solid var(--priority-1-teal-btn-1-fill-a);
  color: var(--priority-1-teal-btn-1-text-a);
}
.ecl_v1 .ecl-message.info .primary:focus-visible {
  border: 1px solid var(--priority-1-teal-btn2-stroke);
  background: var(--priority-1-teal-btn1-fill);
  color: var(--priority-1-teal-btn1-text);
  outline: 0.188rem solid var(--priority-1-teal-btn1-fill);
  box-shadow: none;
}
.ecl_v1 .ecl-message .ecl-message-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
.ecl_v1 .ecl-message .ecl-message-text {
  font-weight: 500;
  padding-top: 0.188rem;
}
.ecl_v1 .ecl-message .ecl-message-actions {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}
.ecl_v1 .ecl-message .ecl-message-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.406rem 0.406rem 0.388rem;
  line-height: 1;
}
.ecl_v1 .ecl-message .ecl-message-close ecl-icon {
  width: 0.813rem;
  height: 0.813rem;
}
.ecl_v1 .ecl-message.info .ecl-message-close, .ecl_v1 .ecl-message.safe .ecl-message-close, .ecl_v1 .ecl-message.danger .ecl-message-close, .ecl_v1 .ecl-message.error .ecl-message-close {
  color: white;
}
.ecl_v1 .ecl-message.warning .ecl-message-close {
  color: var(--priority-1-yellow-text);
}
.ecl_v1 .ecl-message.warning .ecl-message-close:hover {
  background: var(--priority-1-yellow-icon-fill-h);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.warning .ecl-message-close:active {
  background: var(--priority-1-yellow-icon-fill-a);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.warning .ecl-message-close:focus-visible {
  border-radius: 0.25rem;
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--priority-1-yellow-icon-stroke);
}
.ecl_v1 .ecl-message.info .ecl-message-close:hover {
  background: var(--priority-1-teal-icon-fill-h);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.info .ecl-message-close:active {
  background: var(--priority-1-teal-icon-fill-a);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.info .ecl-message-close:focus-visible {
  border-radius: 0.25rem;
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--priority-1-teal-btn2-stroke);
}
.ecl_v1 .ecl-message.safe .ecl-message-close:hover {
  background: var(--priority-1-green-icon-fill-h);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.safe .ecl-message-close:active {
  background: var(--priority-1-green-icon-fill-a);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.safe .ecl-message-close:focus-visible {
  border-radius: 0.25rem;
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--priority-1-teal-btn2-stroke);
}
.ecl_v1 .ecl-message.danger .ecl-message-close:hover, .ecl_v1 .ecl-message.error .ecl-message-close:hover {
  background: var(--priority-1-red-icon-fill-h);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.danger .ecl-message-close:active, .ecl_v1 .ecl-message.error .ecl-message-close:active {
  background: var(--priority-1-red-icon-fill-a);
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-message.danger .ecl-message-close:focus-visible, .ecl_v1 .ecl-message.error .ecl-message-close:focus-visible {
  border-radius: 0.25rem;
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--priority-1-teal-btn2-stroke);
}
.ecl_v1 .ecl-toast-message {
  margin-bottom: 1rem;
}
.ecl_v1 .ecl-toast-message .ecl-message {
  align-items: flex-start;
}
.ecl_v1 .ecl-toast-message .error-code-container {
  display: grid;
  padding-top: 0.5rem;
  grid-gap: 0.5rem;
  grid-template-columns: max-content 1rem;
}
.ecl_v1 .ecl-toast-message .error-code-container span {
  padding-top: 0.4rem;
}
.ecl_v1 .ecl-toast-message .error-code-container ecl-icon-button {
  background: none;
}
.ecl_v1 .ecl-toast-message .error-code-container ecl-icon-button ecl-icon {
  color: var(--color-white);
}
.ecl_v1 .ecl-toast-message .error-code-container ecl-icon-button .icon-container {
  border-radius: 0.25rem;
}
.ecl_v1 .ecl-toast-message .error-code-container ecl-icon-button .icon-container:hover {
  background: var(--priority-1-red-icon-fill-h);
}
.ecl_v1 .ecl-toast-message .error-code-container ecl-icon-button .icon-container:active {
  background: var(--priority-1-red-icon-fill-a);
}
.ecl_v1 .ecl-toast-message .error-code-container ecl-icon-button .icon-container:focus-visible {
  outline-offset: 0.188rem;
  outline: 0.188rem solid var(--priority-1-teal-btn2-stroke);
}

.ecl_v1 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container {
  background: var(--background);
  border: var(--form-gen-stroke);
}
.ecl_v1 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container a {
  text-decoration: unset;
}
.ecl_v1 .date-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 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > *:hover:not(.active) {
  background: var(--item-fill-h);
  font-weight: 400;
}
.ecl_v1 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > *:active {
  background: var(--item-fill-a2);
}
.ecl_v1 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > *:focus-visible {
  outline: 0.125rem solid var(--colors-focus-stroke);
}
.ecl_v1 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container__body > .active {
  background: var(--item-fill-a2);
}
.ecl_v1 .date-overlay ecl-datepicker .ecl-calendar-input-container .calendar-container .calendar-month-picker {
  background: var(--form-gen-fill);
  border: 1px solid var(--form-gen-stroke);
}
.ecl_v1 .date-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;
  text-decoration: none;
}
.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 */
  text-decoration: none;
}
.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 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-a2);
  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(--text-secondary);
}
.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(--text-secondary);
}
.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-a2);
}
.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-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(--progress-bar-init) 0deg, var(--progress-bar-thin) 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-a2);
}
.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;
}

.ecl_v1 ecl-priority-modal .modal-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.5rem;
  border-radius: var(--8, 8px);
  border: 1px solid var(--card-stroke);
  box-shadow: 0.125rem 0.125rem 0.875rem 0 rgba(0, 0, 0, 0.16);
  background-color: var(--priority-modal-background);
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.5rem 1rem 0rem;
  text-align: center;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-icon {
  margin: 0 auto;
  height: 4.5rem;
  width: 4.5rem;
  padding-bottom: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-icon svg {
  height: 4.5rem;
  width: 4.5rem;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-icon .priority-alert-dialog {
  fill: var(--priority-alert-fill);
  stroke: var(--priority-alert-stroke);
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-icon .priority-warning-dialog {
  fill: var(--priority-warning-fill);
  stroke: var(--priority-warning-stroke);
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-icon .priority-safe-dialog {
  fill: var(--priority-safe-fill);
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-icon .priority-forbidden-dialog {
  fill: var(--priority-forbidden-fill);
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content .modal-header {
  display: flex;
  flex-direction: column;
  gap: 0.19rem;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content .modal-header h2 {
  color: var(--text-primary);
  margin: 0;
  font-size: 1.25rem;
  line-height: 125%;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content .modal-header .modal-subheading ecl-label {
  color: var(--text-secondary);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-content ecl-priority-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.625rem;
  color: --text-primary;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-footer .action-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-footer .action-buttons .left-actions {
  display: flex;
  align-items: center;
}
.ecl_v1 ecl-priority-modal .modal-container .modal-footer .action-buttons .right-actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
}

/* stylelint-disable */
ecl-navbar {
  white-space: nowrap;
}
ecl-navbar ecl-navbar-item {
  padding-right: 1.5rem;
}
ecl-navbar ecl-navbar-item:last-child {
  padding-right: 0;
}
ecl-navbar ul {
  list-style-type: none;
  display: inline-block;
  padding: 0;
}

.ecl_v1 ecl-navbar {
  all: unset;
}
.ecl_v1 ecl-navbar ecl-navbar-item {
  all: unset;
}
.ecl_v1 ecl-navbar ecl-navbar-item.active {
  all: unset;
}
.ecl_v1 ecl-navbar ecl-navbar-item.active a {
  all: unset;
}
.ecl_v1 ecl-navbar ul {
  all: unset;
}
.ecl_v1 ecl-navbar ul li {
  all: unset;
}
.ecl_v1 ecl-navbar ul a {
  all: unset;
}
.ecl_v1 ecl-navbar ul a:before {
  all: unset;
}
.ecl_v1 ecl-navbar ul a:hover {
  all: unset;
}
.ecl_v1 ecl-navbar ul a:active {
  all: unset;
}
.ecl_v1 ecl-navbar ul a:focus {
  all: unset;
}
.ecl_v1 ecl-navbar ul {
  list-style-type: none;
  display: inline-flex;
}
.ecl_v1 ecl-navbar nav.workspace ul {
  align-items: center;
  gap: 0.75rem;
}
.ecl_v1 ecl-navbar nav.workspace ul ecl-navbar-item li {
  display: flex;
  height: var(--26, 1.625rem);
  padding: 0rem var(--10, 0.625rem);
  justify-content: center;
  align-items: center;
  gap: var(--10, 0.625rem);
}
.ecl_v1 ecl-navbar nav.workspace ul ecl-navbar-item li a {
  cursor: pointer;
  color: var(--text-secondary);
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.07rem;
  text-transform: uppercase;
}
.ecl_v1 ecl-navbar nav.workspace ul ecl-navbar-item li:hover {
  border-radius: 0.3125rem;
  background: var(--item-fill-h);
}
.ecl_v1 ecl-navbar nav.workspace ul ecl-navbar-item .border-bottom {
  display: flex;
  height: 0.1875rem;
}
.ecl_v1 ecl-navbar nav.workspace ul ecl-navbar-item.active .border-bottom {
  display: flex;
  margin: 0rem 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background: var(--workspace-underline);
}
.ecl_v1 ecl-navbar nav.workspace ul ecl-navbar-item.active a {
  color: var(--text-primary);
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.25rem;
  gap: 0.25rem;
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item li {
  display: flex;
  height: 1.625rem;
  padding: 0rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item li a {
  cursor: pointer;
  color: var(--text-secondary);
  text-align: center;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item li:hover {
  border-radius: 0.3125rem;
  background: var(--item-fill-h);
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item .border-bottom {
  display: block;
  width: 0.0625rem;
  height: 0.875rem;
  border-radius: 0.1875rem;
  background: var(--workspace-divider);
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item:last-child .border-bottom {
  display: none;
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item.active a {
  color: var(--text-active);
  -webkit-text-stroke: 0.2px;
}
.ecl_v1 ecl-navbar nav.sub-workspace ul ecl-navbar-item.active:hover li {
  background: transparent;
}
.ecl_v1 ecl-navbar .disabled a {
  cursor: not-allowed;
  pointer-events: none;
}

.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 h1 {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ecl_v1 h2 {
  color: var(--text-primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ecl_v1 h3 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ecl_v1 h4 {
  color: var(--text-primary);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ecl_v1 a {
  color: var(--text-link);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 1.09375rem */
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.ecl_v1 a:hover {
  color: var(--text-link-h);
  font-weight: 400;
}
.ecl_v1 a[disabled], .ecl_v1 a[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.5;
}
.ecl_v1 a[disabled]:hover, .ecl_v1 a[aria-disabled=true]:hover {
  color: var(--text-link);
}
.ecl_v1 a:visited {
  color: var(--text-link-v);
}
.ecl_v1 body,
.ecl_v1 p,
.ecl_v1 .body-light {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ecl_v1 .body-light {
  font-weight: 300;
}
.ecl_v1 strong {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ecl_v1 em {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_@rspack+core@1.2.8_@swc+helpers@0.5.15__webpack@5.97.1_@swc+core@1.5.2_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_@rspack+core@1.2.8_@swc+helpers@0.5.15__postcss@8.4.49_typescript@_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+core@1.2.8_@swc+helpers@0.5.15__sass@1.83.1_webpack@5.97.1_@_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 .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-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body .main-form-center .form .label {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/*# sourceMappingURL=styles.421f5c43f2a17742.css.map*/