@charset "UTF-8";
@layer controls {
  .eas-nav-item {
    max-width: 100%;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    --clickable-outline-width: .25rem;
    --clickable-outline-offset: -.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: var(--clickable-area-direction, row);
    position: var(--clickable-area-position, relative);
    min-height: var(--clickable-area-min-height);
    padding-inline: var(--clickable-area-spacing-inline);
    padding-block: var(--clickable-area-spacing-block);
    text-decoration: none;
    border: var(--clickable-area-border-color) solid var(--clickable-area-border-width);
    color: var(--clickable-area-text-color, inherit);
    background-color: hsl(from var(--clickable-area-background-color) h s l/var(--clickable-area-background-opacity));
  }
  .eas-nav-item::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    inset-block-start: auto;
    min-width: var(--clickable-area-marker-size, 0.125rem);
    min-height: var(--clickable-area-marker-size, 0.125rem);
    opacity: var(--clickable-area-marker-opacity, 0);
    background-color: var(--clickable-area-marker-color, var(--clickable-area-text-color, transparent));
  }
  .eas-nav-item:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-nav-item[disabled], .eas-nav-item--disabled, .eas-nav-item:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .eas-nav-item {
      --clickable-area-border-color: transparent;
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0;
      --clickable-area-spacing-inline: 0;
      --clickable-area-spacing-block: 0;
    }
  }
  @layer theme {
    .eas-nav-item:where(:hover) {
      --clickable-area-text-color: white;
      --clickable-area-background-opacity: 1;
    }
  }
  @layer theme {
    .eas-nav-item:active, .eas-nav-item.active, .eas-nav-item--active {
      --clickable-area-text-color: hsl(from var(--clr-primary-500, #2b73aa) h s l/0.8);
      --clickable-area-background-opacity: 0.1;
    }
  }
  @layer theme {
    .eas-nav-item[disabled], .eas-nav-item--disabled, .eas-nav-item:where([aria-disabled=true]) {
      --clickable-area-text-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-area-background-color: transparent;
      --clickable-area-background-opacity: 0;
    }
  }
  @layer theme {
    .eas-nav-item--selected, .eas-nav-item:where([aria-selected=true]), .eas-nav-item:where([aria-checked]) {
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0.2;
    }
  }
  .eas-nav-item[disabled], .eas-nav-item--disabled, .eas-nav-item:where([aria-disabled=true]) {
    pointer-events: none;
  }
  .eas-nav-item__button {
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: inherit;
    border: none;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
  }
  .eas-nav-item__button:focus-visible {
    outline: var(--clickable-outline-color, var(--clr-primary-500, #2b73aa)) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset);
  }
  .eas-nav-item input[type=checkbox] {
    display: none;
  }
  .eas-nav-item__dropdown-icon {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
    margin-inline: 0.5em;
  }
  .eas-nav-item__dropdown-icon:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-nav-item__dropdown-icon[disabled], .eas-nav-item__dropdown-icon--disabled, .eas-nav-item__dropdown-icon:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-nav-item__dropdown-icon:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-nav-item__dropdown-icon {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .eas-nav-item__dropdown-icon:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  input[type=checkbox]:checked + .eas-nav-item__dropdown-icon {
    transform: rotate(180deg);
  }
  .eas-nav-item:where(:hover) .eas-nav-item__dropdown-icon:not(:hover) {
    color: var(--clickable-area-text-color);
  }
  .eas-nav-item__caption {
    text-align: start;
    flex: 1;
    padding-inline: 0.5em;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .eas-nav-item__children {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-inline-start: 3rem;
    display: none;
  }
  .eas-nav-item__children img {
    display: none;
  }
  *:has(input[type=checkbox]:checked) + .eas-nav-item__children {
    display: block;
  }
}
@font-face {
  font-family: "Lb Web Icons";
  src: url(/_content/EAS.LeegooBuilder.Web.Frontend.Main/fonts/lb-web-icons.ttf);
  font-weight: normal;
  font-style: normal;
}
@layer util {
  .lb-icon {
    font-family: "Lb Web Icons";
    font-weight: normal;
    font-style: normal;
    position: relative;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .lb-icon.lb-icon--arrow-right::before {
    content: "\E000";
  }
  .lb-icon.lb-icon--buildings-person::before {
    content: "\E001";
  }
  .lb-icon.lb-icon--buildings::before {
    content: "\E002";
  }
  .lb-icon.lb-icon--calculator-gear::before {
    content: "\E003";
  }
  .lb-icon.lb-icon--check::before {
    content: "\E004";
  }
  .lb-icon.lb-icon--configurator-gear::before {
    content: "\E005";
  }
  .lb-icon.lb-icon--configurator-pencil::before {
    content: "\E006";
  }
  .lb-icon.lb-icon--construction-kit-filter::before {
    content: "\E007";
  }
  .lb-icon.lb-icon--cube-3d::before {
    content: "\E008";
  }
  .lb-icon.lb-icon--cursor-click::before {
    content: "\E009";
  }
  .lb-icon.lb-icon--document-export::before {
    content: "\E00A";
  }
  .lb-icon.lb-icon--document-gear::before {
    content: "\E00B";
  }
  .lb-icon.lb-icon--document-pdf::before {
    content: "\E00C";
  }
  .lb-icon.lb-icon--document-pencil::before {
    content: "\E00D";
  }
  .lb-icon.lb-icon--document-word::before {
    content: "\E00E";
  }
  .lb-icon.lb-icon--document::before {
    content: "\E00F";
  }
  .lb-icon.lb-icon--documents::before {
    content: "\E010";
  }
  .lb-icon.lb-icon--elements-filter::before {
    content: "\E011";
  }
  .lb-icon.lb-icon--envelope-arrow::before {
    content: "\E012";
  }
  .lb-icon.lb-icon--envelope::before {
    content: "\E013";
  }
  .lb-icon.lb-icon--exclamation-diamond::before {
    content: "\E014";
  }
  .lb-icon.lb-icon--filter::before {
    content: "\E015";
  }
  .lb-icon.lb-icon--folder::before {
    content: "\E016";
  }
  .lb-icon.lb-icon--folders::before {
    content: "\E017";
  }
  .lb-icon.lb-icon--gear-back-arrow::before {
    content: "\E018";
  }
  .lb-icon.lb-icon--grid::before {
    content: "\E019";
  }
  .lb-icon.lb-icon--hand::before {
    content: "\E01A";
  }
  .lb-icon.lb-icon--history::before {
    content: "\E01B";
  }
  .lb-icon.lb-icon--home::before {
    content: "\E01C";
  }
  .lb-icon.lb-icon--info-circle::before {
    content: "\E01D";
  }
  .lb-icon.lb-icon--list-star::before {
    content: "\E01E";
  }
  .lb-icon.lb-icon--menu-bars::before {
    content: "\E01F";
  }
  .lb-icon.lb-icon--options::before {
    content: "\E020";
  }
  .lb-icon.lb-icon--products-cart::before {
    content: "\E021";
  }
  .lb-icon.lb-icon--products::before {
    content: "\E022";
  }
  .lb-icon.lb-icon--project-history::before {
    content: "\E023";
  }
  .lb-icon.lb-icon--project-proposal::before {
    content: "\E024";
  }
  .lb-icon.lb-icon--project::before {
    content: "\E025";
  }
  .lb-icon.lb-icon--proposal-history::before {
    content: "\E026";
  }
  .lb-icon.lb-icon--proposal::before {
    content: "\E027";
  }
  .lb-icon.lb-icon--quick-quote::before {
    content: "\E028";
  }
  .lb-icon.lb-icon--screen-cube::before {
    content: "\E029";
  }
  .lb-icon.lb-icon--star-empty::before {
    content: "\E02A";
  }
  .lb-icon.lb-icon--star::before {
    content: "\E02B";
  }
  .lb-icon.lb-icon--time::before {
    content: "\E02C";
  }
  .lb-icon.lb-icon--truck::before {
    content: "\E02D";
  }
  .lb-icon.lb-icon--x::before {
    content: "\E02E";
  }
  .lb-icon::before {
    font-size: 145%;
  }
}
.c-loading-container .e-spinner-pane.e-spin-show {
  display: none;
}
.c-loading-container .overlay .center > .alert {
  padding: 5px;
  margin: 5px 0 0;
}

@layer controls {
  .eas-loading {
    position: relative;
  }
  .eas-loading__overlay {
    position: absolute;
    inset: 0;
    transition: opacity var(--transition-slow, 0.6s), visibility 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: var(--spacing-3, 1rem);
    padding: var(--spacing-3, 1rem);
    background-color: hsla(0, 0%, 80%, 0.3);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .eas-loading__overlay {
        background-color: white;
      }
    }
  }
  .eas-loading__overlay {
    visibility: visible;
    z-index: 2;
  }
  .eas-loading--hidden .eas-loading__overlay {
    opacity: 0;
    visibility: hidden;
  }
  .eas-loading--invisible .eas-loading__overlay {
    opacity: 0;
  }
  .eas-loading--opaque .eas-loading__overlay {
    opacity: 1;
    background: white;
    backdrop-filter: none;
  }
  .eas-loading--page .eas-loading__overlay {
    position: fixed;
    inset: 0;
    z-index: 1002;
  }
  .eas-loading--delay-extra-short .eas-loading__overlay {
    transition-delay: 100ms, 0s;
  }
  .eas-loading--delay-short .eas-loading__overlay {
    transition-delay: 250ms, 0s;
  }
  .eas-loading--delay-medium .eas-loading__overlay {
    transition-delay: 500ms, 0s;
  }
  .eas-loading--delay-long .eas-loading__overlay {
    transition-delay: 1000ms, 0s;
  }
  .eas-loading--delay-extra-long .eas-loading__overlay {
    transition-delay: 2000ms, 0s;
  }
  .eas-loading__spinner {
    --size: 2.5rem;
    display: flex;
    gap: 0.6rem;
  }
  .eas-loading__spinner-box {
    width: var(--size);
    height: var(--size);
    background: var(--clr-primary-500, #2b73aa);
    animation-name: spin;
    animation-duration: var(--animation-decoration, 1.5s);
    animation-iteration-count: infinite;
    animation-delay: 0s;
  }
  @keyframes spin {
    to {
      transform: rotate(180deg);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .eas-loading__spinner-box {
      animation-iteration-count: 1;
    }
  }
  .eas-loading__spinner-box:nth-child(2) {
    width: var(--size);
    height: var(--size);
    background: var(--clr-primary-500, #2b73aa);
    animation-name: spin;
    animation-duration: var(--animation-decoration, 1.5s);
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
  }
  @keyframes spin {
    to {
      transform: rotate(180deg);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .eas-loading__spinner-box:nth-child(2) {
      animation-iteration-count: 1;
    }
  }
  .eas-loading__spinner-box:nth-child(3) {
    width: var(--size);
    height: var(--size);
    background: var(--clr-primary-500, #2b73aa);
    animation-name: spin;
    animation-duration: var(--animation-decoration, 1.5s);
    animation-iteration-count: infinite;
    animation-delay: 1s;
  }
  @keyframes spin {
    to {
      transform: rotate(180deg);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .eas-loading__spinner-box:nth-child(3) {
      animation-iteration-count: 1;
    }
  }
  .eas-loading--invisible .eas-loading__spinner {
    display: none;
  }
  .eas-loading__message {
    color: var(--clr-primary-500, #2b73aa);
    text-align: center;
  }
}
.action-bar {
  display: flex;
  position: relative;
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
  border-width: 0;
  border-top-width: var(--border-width, thin);
  border-bottom-width: var(--border-width, thin);
}
.action-bar {
  height: var(--height);
}
.action-bar {
  --height: 2em;
}
@media (min-height: 384px) {
  .action-bar {
    --height: 3.75em;
  }
}
.action-bar__bar-left, .action-bar__bar-center, .action-bar__bar-right {
  display: flex;
  height: 100%;
}
.action-bar__bar-left {
  position: absolute;
  top: 0;
  left: 0;
}
.action-bar__bar-center {
  margin-left: auto;
  margin-right: auto;
}
.action-bar__bar-right {
  position: absolute;
  top: 0;
  right: 0;
}
.action-bar__item {
  position: relative;
}

.action-bar-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--clr-primary-500, #2b73aa);
  background-color: white;
}
.action-bar-button:hover {
  color: var(--clr-primary-500, #2b73aa);
  background-color: var(--clr-neutral-100, #f0f0f0);
  text-decoration: none;
  cursor: pointer;
}
.action-bar-button:focus, .action-bar-button.focused, .action-bar-button--focused {
  color: var(--clr-primary-500, #2b73aa);
  background-color: var(--clr-neutral-100, #f0f0f0);
}
.action-bar-button:active, .action-bar-button.active, .action-bar-button--active {
  color: var(--clr-primary-500, #2b73aa);
  background-color: var(--clr-neutral-100, #f0f0f0);
}
.action-bar-button[disabled], .action-bar-button.disabled, .action-bar-button--disabled {
  color: var(--clr-neutral-100, #f0f0f0);
  background-color: white;
  cursor: default;
  pointer-events: none;
}
.action-bar-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
}
.action-bar-button__icon {
  font-size: var(--sz-icon-400, 1.3rem);
}
.action-bar-button__caption {
  font-size: var(--fs-300, 14px);
}
.action-bar-button__caption {
  display: var(--display);
}
.action-bar-button__caption {
  --display: none;
}
@media (min-width: 992px) {
  .action-bar-button__caption {
    --display: block;
  }
}
.action-bar-button {
  position: relative;
}
.action-bar-button__tooltip {
  padding: var(--tooltip-padding, var(--spacing-3, 1rem));
  overflow: auto;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-style: var(--border-style, solid);
  border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
  border-width: 0;
  border-width: var(--border-width, thin);
  background: white;
  width: max-content;
  max-width: 30vw;
  max-height: 30vh;
}
.action-bar-button__tooltip, .action-bar-button__tooltip-wrapper {
  transition: opacity var(--transition-fast, 0.3s);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(var(--off-x, -50%), var(--off-y, -50%));
}
.action-bar-button--tooltip-top-left .action-bar-button__tooltip, .action-bar-button--tooltip-top-left .action-bar-button__tooltip-wrapper {
  top: revert;
  bottom: calc(100% - 2px);
  --off-y: 0;
  left: revert;
  right: 0;
  --off-x: 0;
}

.action-bar-button--tooltip-top .action-bar-button__tooltip, .action-bar-button--tooltip-top .action-bar-button__tooltip-wrapper {
  top: revert;
  bottom: calc(100% - 2px);
  --off-y: 0;
}

.action-bar-button--tooltip-top-right .action-bar-button__tooltip, .action-bar-button--tooltip-top-right .action-bar-button__tooltip-wrapper {
  top: revert;
  bottom: calc(100% - 2px);
  --off-y: 0;
  left: 0;
  --off-x: 0;
}

.action-bar-button--tooltip-right-top .action-bar-button__tooltip, .action-bar-button--tooltip-right-top .action-bar-button__tooltip-wrapper {
  top: revert;
  bottom: 0;
  --off-y: 0;
  left: calc(100% - 2px);
  --off-x: 0;
}

.action-bar-button--tooltip-right .action-bar-button__tooltip, .action-bar-button--tooltip-right .action-bar-button__tooltip-wrapper {
  left: calc(100% - 2px);
  --off-x: 0;
}

.action-bar-button--tooltip-right-bottom .action-bar-button__tooltip, .action-bar-button--tooltip-right-bottom .action-bar-button__tooltip-wrapper {
  top: 0;
  --off-y: 0;
  left: calc(100% - 2px);
  --off-x: 0;
}

.action-bar-button--tooltip-bottom-left .action-bar-button__tooltip, .action-bar-button--tooltip-bottom-left .action-bar-button__tooltip-wrapper {
  top: calc(100% - 2px);
  --off-y: 0;
  left: revert;
  right: 0;
  --off-x: 0;
}

.action-bar-button--tooltip-bottom .action-bar-button__tooltip, .action-bar-button--tooltip-bottom .action-bar-button__tooltip-wrapper {
  top: calc(100% - 2px);
  --off-y: 0;
}

.action-bar-button--tooltip-bottom-right .action-bar-button__tooltip, .action-bar-button--tooltip-bottom-right .action-bar-button__tooltip-wrapper {
  top: calc(100% - 2px);
  --off-y: 0;
  left: 0;
  --off-x: 0;
}

.action-bar-button--tooltip-left-top .action-bar-button__tooltip, .action-bar-button--tooltip-left-top .action-bar-button__tooltip-wrapper {
  top: revert;
  bottom: 0;
  --off-y: 0;
  left: revert;
  right: calc(100% - 2px);
  --off-x: 0;
}

.action-bar-button--tooltip-left .action-bar-button__tooltip, .action-bar-button--tooltip-left .action-bar-button__tooltip-wrapper {
  left: revert;
  right: calc(100% - 2px);
  --off-x: 0;
}

.action-bar-button--tooltip-left-bottom .action-bar-button__tooltip, .action-bar-button--tooltip-left-bottom .action-bar-button__tooltip-wrapper {
  top: 0;
  --off-y: 0;
  left: revert;
  right: calc(100% - 2px);
  --off-x: 0;
}

.action-bar-button__tooltip-wrapper > .action-bar-button__tooltip {
  transition: revert;
  opacity: revert;
  pointer-events: revert;
  position: revert;
  transform: revert;
}
.action-bar-button__tooltip-wrapper {
  padding: var(--spacing-3, 1rem);
}
.action-bar-button__tooltip:empty, .action-bar-button__tooltip-wrapper:empty {
  display: none;
}
.action-bar-button:hover .action-bar-button__tooltip, .action-bar-button:hover .action-bar-button__tooltip-wrapper {
  opacity: 1;
  pointer-events: all;
}

@layer controls {
  .c-actionpanel,
  .lb-panel {
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
  }
  .c-actionpanel__header,
  .lb-panel__header {
    min-height: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .c-actionpanel__header::after,
  .lb-panel__header::after {
    position: static;
    display: inline-block;
    margin: auto var(--separator-spacing, 0.75rem) 0 var(--separator-spacing, 0.75rem);
    content: "";
    background: var(--clr-primary-500, #2b73aa);
    width: calc(100% - 2 * var(--separator-spacing, 0.75rem));
    height: 1px;
    width: 100%;
  }
  .c-actionpanel__header .action-button,
  .lb-panel__header .action-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .c-actionpanel__header .action-button:where(:focus-visible), .lb-panel__header .action-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .c-actionpanel__header .action-button[disabled], .lb-panel__header .action-button[disabled], .c-actionpanel__header .action-button--disabled, .lb-panel__header .action-button--disabled, .c-actionpanel__header .action-button:where([aria-disabled=true]), .lb-panel__header .action-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .c-actionpanel__header .action-button:where(:hover), .lb-panel__header .action-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .c-actionpanel__header .action-button, .lb-panel__header .action-button {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .c-actionpanel__header .action-button:where(:hover), .lb-panel__header .action-button:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  .c-actionpanel__header-text,
  .lb-panel__header-text {
    flex: 1;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    padding-inline: var(--spacing-3, 1rem);
    font-weight: bold;
    color: var(--clr-neutral-800, #414141);
    text-align: start;
    background: transparent;
  }
  .c-actionpanel__body,
  .lb-panel__body {
    overflow: auto;
    padding: var(--spacing-3, 1rem);
  }
  .c-actionpanel--collapsed .c-actionpanel__header::after, .c-actionpanel--collapsed .c-actionpanel__body,
  .c-actionpanel--collapsed .lb-panel__header::after,
  .c-actionpanel--collapsed .lb-panel__body,
  .lb-panel--collapsed .c-actionpanel__header::after,
  .lb-panel--collapsed .c-actionpanel__body,
  .lb-panel--collapsed .lb-panel__header::after,
  .lb-panel--collapsed .lb-panel__body {
    display: none;
  }
  .c-actionpanel--fullscreen,
  .lb-panel--fullscreen {
    position: fixed;
    inset: 0;
    z-index: 999;
    padding: var(--spacing-3, 1rem);
    background: rgba(0, 0, 0, 0.4);
  }
  .c-actionpanel--fullscreen .c-actionpanel__header, .c-actionpanel--fullscreen .c-actionpanel__body,
  .c-actionpanel--fullscreen .lb-panel__header,
  .c-actionpanel--fullscreen .lb-panel__body,
  .lb-panel--fullscreen .c-actionpanel__header,
  .lb-panel--fullscreen .c-actionpanel__body,
  .lb-panel--fullscreen .lb-panel__header,
  .lb-panel--fullscreen .lb-panel__body {
    background: white;
  }
}
@layer controls {
  .basic-dialog {
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    border: none;
    border-radius: 2px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    width: min(var(--dialog-width, auto), 100vw);
    padding: 0;
  }
  .basic-dialog__footer {
    grid-area: footer;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .basic-dialog__footer .e-btn {
    margin: 0;
  }
  @layer defaults {
    .basic-dialog__footer button:not(.eas-modal__button),
    .basic-dialog__footer .e-btn:not(.eas-modal__button),
    .basic-dialog__footer .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .basic-dialog__footer button:not(.eas-modal__button):where(:focus-visible), .basic-dialog__footer .e-btn:not(.eas-modal__button):where(:focus-visible), .basic-dialog__footer .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .basic-dialog__footer button:not(.eas-modal__button)[disabled], .basic-dialog__footer .e-btn:not(.eas-modal__button)[disabled], .basic-dialog__footer .btn:not(.eas-modal__button)[disabled], .basic-dialog__footer button--disabled:not(.eas-modal__button), .basic-dialog__footer .e-btn--disabled:not(.eas-modal__button), .basic-dialog__footer .btn--disabled:not(.eas-modal__button), .basic-dialog__footer button:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog__footer .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog__footer .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .basic-dialog__footer button:not(.eas-modal__button):where(:hover), .basic-dialog__footer .e-btn:not(.eas-modal__button):where(:hover), .basic-dialog__footer .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .basic-dialog__footer button:not(.eas-modal__button), .basic-dialog__footer .e-btn:not(.eas-modal__button), .basic-dialog__footer .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .basic-dialog__footer button:not(.eas-modal__button):where(:hover), .basic-dialog__footer .e-btn:not(.eas-modal__button):where(:hover), .basic-dialog__footer .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .basic-dialog__footer button:not(.eas-modal__button):where(:focus-visible), .basic-dialog__footer .e-btn:not(.eas-modal__button):where(:focus-visible), .basic-dialog__footer .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .basic-dialog__footer button:not(.eas-modal__button):active, .basic-dialog__footer .e-btn:not(.eas-modal__button):active, .basic-dialog__footer .btn:not(.eas-modal__button):active, .basic-dialog__footer button:not(.eas-modal__button).active, .basic-dialog__footer .e-btn:not(.eas-modal__button).active, .basic-dialog__footer .btn:not(.eas-modal__button).active, .basic-dialog__footer button--active:not(.eas-modal__button), .basic-dialog__footer .e-btn--active:not(.eas-modal__button), .basic-dialog__footer .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .basic-dialog__footer button:not(.eas-modal__button)[disabled], .basic-dialog__footer .e-btn:not(.eas-modal__button)[disabled], .basic-dialog__footer .btn:not(.eas-modal__button)[disabled], .basic-dialog__footer button--disabled:not(.eas-modal__button), .basic-dialog__footer .e-btn--disabled:not(.eas-modal__button), .basic-dialog__footer .btn--disabled:not(.eas-modal__button), .basic-dialog__footer button:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog__footer .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog__footer .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .basic-dialog__footer button:not(.eas-modal__button).e-primary, .basic-dialog__footer button:not(.eas-modal__button).btn-primary, .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary, .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary, .basic-dialog__footer .btn:not(.eas-modal__button).e-primary, .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .basic-dialog__footer button:not(.eas-modal__button).e-primary:where(:hover), .basic-dialog__footer button:not(.eas-modal__button).btn-primary:where(:hover), .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary:where(:hover), .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .basic-dialog__footer .btn:not(.eas-modal__button).e-primary:where(:hover), .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .basic-dialog__footer button:not(.eas-modal__button).e-primary:where(:focus-visible), .basic-dialog__footer button:not(.eas-modal__button).btn-primary:where(:focus-visible), .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .basic-dialog__footer .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .basic-dialog__footer button:not(.eas-modal__button).e-primary:active, .basic-dialog__footer button:not(.eas-modal__button).btn-primary:active, .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary:active, .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary:active, .basic-dialog__footer .btn:not(.eas-modal__button).e-primary:active, .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary:active, .basic-dialog__footer button:not(.eas-modal__button).e-primary.active, .basic-dialog__footer button:not(.eas-modal__button).btn-primary.active, .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary.active, .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary.active, .basic-dialog__footer .btn:not(.eas-modal__button).e-primary.active, .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary.active, .basic-dialog__footer button--active:not(.eas-modal__button).e-primary, .basic-dialog__footer button--active:not(.eas-modal__button).btn-primary, .basic-dialog__footer .e-btn--active:not(.eas-modal__button).e-primary, .basic-dialog__footer .e-btn--active:not(.eas-modal__button).btn-primary, .basic-dialog__footer .btn--active:not(.eas-modal__button).e-primary, .basic-dialog__footer .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .basic-dialog__footer button:not(.eas-modal__button).e-primary[disabled], .basic-dialog__footer button:not(.eas-modal__button).btn-primary[disabled], .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary[disabled], .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary[disabled], .basic-dialog__footer .btn:not(.eas-modal__button).e-primary[disabled], .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary[disabled], .basic-dialog__footer button--disabled:not(.eas-modal__button).e-primary, .basic-dialog__footer button--disabled:not(.eas-modal__button).btn-primary, .basic-dialog__footer .e-btn--disabled:not(.eas-modal__button).e-primary, .basic-dialog__footer .e-btn--disabled:not(.eas-modal__button).btn-primary, .basic-dialog__footer .btn--disabled:not(.eas-modal__button).e-primary, .basic-dialog__footer .btn--disabled:not(.eas-modal__button).btn-primary, .basic-dialog__footer button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .basic-dialog__footer button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .basic-dialog__footer .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .basic-dialog__footer .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .basic-dialog__footer .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .basic-dialog__footer .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .basic-dialog__footer {
    position: sticky;
    bottom: 0;
  }
  .basic-dialog__header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .basic-dialog__header .e-dlg-closeicon-btn {
    position: static;
  }
  .basic-dialog__header .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .basic-dialog .e-dlg-content {
    display: block;
  }
  .basic-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: var(--spacing-1, 0.5rem);
  }
  .basic-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .basic-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .basic-dialog .e-footer-content button:not(.eas-modal__button),
    .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .basic-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .basic-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .basic-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .basic-dialog .e-footer-content button--disabled:not(.eas-modal__button), .basic-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .basic-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .basic-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .basic-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .basic-dialog .e-footer-content button:not(.eas-modal__button), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button), .basic-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .basic-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .basic-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .basic-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .basic-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .basic-dialog .e-footer-content button:not(.eas-modal__button):active, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .basic-dialog .e-footer-content .btn:not(.eas-modal__button):active, .basic-dialog .e-footer-content button:not(.eas-modal__button).active, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).active, .basic-dialog .e-footer-content button--active:not(.eas-modal__button), .basic-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .basic-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .basic-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .basic-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .basic-dialog .e-footer-content button--disabled:not(.eas-modal__button), .basic-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .basic-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .basic-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .basic-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .basic-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .basic-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .basic-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .basic-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .basic-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .basic-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .basic-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .basic-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .basic-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .basic-dialog .e-footer-content:empty {
    display: none;
  }
  .basic-dialog::backdrop {
    background-color: #383838;
    opacity: 0.5;
  }
  .basic-dialog__title {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-primary-500, #2b73aa);
    font-size: 1.25rem;
    font-weight: bold;
  }
  .basic-dialog__title:last-child {
    margin-block-end: 0;
  }
  .basic-dialog__header-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .basic-dialog__header-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .basic-dialog__header-button[disabled], .basic-dialog__header-button--disabled, .basic-dialog__header-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .basic-dialog__header-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .basic-dialog__header-button {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .basic-dialog__header-button:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  .basic-dialog__body {
    display: flex;
    gap: var(--spacing-3, 1rem);
    padding: var(--spacing-3, 1rem);
  }
  .basic-dialog__icon {
    display: none;
    align-self: start;
    font-size: 300%;
  }
  .basic-dialog__footer {
    margin-block-start: 0;
    padding: var(--spacing-3, 1rem);
  }
  .basic-dialog__dialog-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .basic-dialog__dialog-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .basic-dialog__dialog-button[disabled], .basic-dialog__dialog-button--disabled, .basic-dialog__dialog-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .basic-dialog__dialog-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .basic-dialog__dialog-button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .basic-dialog__dialog-button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .basic-dialog__dialog-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .basic-dialog__dialog-button:active, .basic-dialog__dialog-button.active, .basic-dialog__dialog-button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .basic-dialog__dialog-button[disabled], .basic-dialog__dialog-button--disabled, .basic-dialog__dialog-button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .basic-dialog__dialog-button--yes {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .basic-dialog__dialog-button--yes:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .basic-dialog__dialog-button--yes:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .basic-dialog__dialog-button--yes:active, .basic-dialog__dialog-button--yes.active, .basic-dialog__dialog-button--yes--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .basic-dialog__dialog-button--yes[disabled], .basic-dialog__dialog-button--yes--disabled, .basic-dialog__dialog-button--yes:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .basic-dialog--auto {
    --dialog-width: min(auto, 100vw);
  }
  .basic-dialog--small {
    --dialog-width: min(30rem, 100vw);
  }
  .basic-dialog--medium {
    --dialog-width: min(50rem, 100vw);
  }
  .basic-dialog--large {
    --dialog-width: min(75rem, 100vw);
  }
  .basic-dialog--extra-large {
    --dialog-width: min(90rem, 100vw);
  }
}
@layer controls {
  .lb-card {
    position: relative;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    padding: var(--clickable-tile-spacing, 0);
    border-radius: var(--clickable-tile-border-radius);
    overflow: var(--clickable-tile-overflow, hidden);
    background-color: var(--clickable-tile-background-color, white);
    border: var(--clickable-tile-border-color) solid var(--clickable-tile-border-width);
    transition-property: box-shadow, transform;
    transition-timing-function: linear;
    transition-duration: var(--clickable-tile-effect-duration);
    box-shadow: 0 0.125rem 0.5rem hsl(0, 0%, 0%, var(--clickable-tile-shadow-opacity));
    transform: translateY(var(--clickable-tile-effect-offset));
  }
  .lb-card:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .lb-card[disabled], .lb-card--disabled, .lb-card:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .lb-card {
      --clickable-tile-border-width: thin;
      --clickable-tile-border-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-tile-border-radius: 0.25rem;
      --clickable-tile-background-color: white;
      --clickable-tile-effect-duration: var(--transition-fast, 0.15s);
      --clickable-tile-effect-offset: 0;
      --clickable-tile-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .lb-card:where(:hover) {
      --clickable-tile-shadow-opacity: 0.4;
      --clickable-tile-effect-offset: -0.2rem;
    }
  }
  @layer theme {
    .lb-card[disabled], .lb-card--disabled, .lb-card:where([aria-disabled=true]) {
      --clickable-tile-effect-offset: 0;
      --clickable-tile-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .lb-card--selected, .lb-card:where([aria-selected=true]), .lb-card:where([aria-checked]) {
      --clickable-tile-border-width: 0.25em;
      --clickable-tile-border-color: var(--clr-primary-500, #2b73aa);
    }
  }
  .lb-card--selected, .lb-card:where([aria-selected=true]), .lb-card:where([aria-checked]) {
    --clickable-tile-border-width: thin;
    --clickable-tile-border-color: var(--clr-neutral-100, #f0f0f0);
    --clickable-outline-width: 0.25em;
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    --clickable-outline-offset: -0.25em;
  }
  .lb-card__wrapper-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
  }
  .lb-card__header {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-neutral-800, #414141);
    font-size: 1rem;
    text-decoration: underline;
  }
  .lb-card__header:last-child {
    margin-block-end: 0;
  }
  .lb-card__header {
    padding-inline: var(--spacing-3, 1rem);
    padding-block: 0.5em;
    text-align: center;
    margin-bottom: 0;
    color: #424242;
  }
  .lb-card__body {
    flex: 1;
    padding-inline: var(--spacing-3, 1rem);
    color: var(--clr-primary-500, #2b73aa);
    text-decoration: none;
  }
  .lb-card__image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
  .lb-card__image--background {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.075;
    pointer-events: none;
  }
  .lb-card__img {
    max-height: 70px;
  }
  .lb-card__icon {
    color: var(--clr-neutral-600, #707070);
    font-size: 4rem;
  }
}
@layer controls {
  .card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--spacing-1, 0.5rem);
  }
}
.sys-info-popover {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  z-index: 10;
}
.sys-info-popover .card-body {
  padding: 0;
}
.sys-info-popover .table {
  margin: 0;
}

@layer controls {
  .info-footer {
    margin-block-start: auto;
    display: flex;
    justify-content: space-between;
    font-size: var(--fs-200, 12px);
    padding: 2px 10px 5px 10px;
    border-top: 1px solid var(--clr-neutral-100, #f0f0f0);
    height: 2.17em;
  }
  .info-footer__info-label {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .info-footer__info-label::after {
    content: ": ";
  }
  @container viewport (width < 576px) {
    .info-footer__info-label {
      display: none;
    }
  }
  @container viewport (width < 376px) {
    .info-footer {
      display: none;
    }
  }
  .info-footer__link {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    transform: none;
    --clickable-button-height: 0;
    color: var(--clickable-link-text-color, inherit);
    background: transparent;
    text-decoration: var(--clickable-link-text-decoration, none);
  }
  .info-footer__link:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .info-footer__link[disabled], .info-footer__link--disabled, .info-footer__link:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .info-footer__link {
      --clickable-link-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .info-footer__link:where(:hover) {
      --clickable-link-text-decoration: underline;
    }
  }
  @layer theme {
    .info-footer__link[disabled], .info-footer__link--disabled, .info-footer__link:where([aria-disabled=true]) {
      --clickable-link-text-color: var(--clr-neutral-300, #b8b8b8);
      --clickable-link-text-decoration: none;
    }
  }
}
@layer controls {
  .column-template--edit {
    border: none;
  }
  .column-template--edit input {
    min-height: 0;
    text-indent: 0;
  }
  .column-template--edit.column-template--string::before, .column-template--edit.column-template--string::after, .column-template--edit.column-template--numeric::before, .column-template--edit.column-template--numeric::after {
    bottom: -4px;
  }
  .column-template--edit.column-template--string input, .column-template--edit.column-template--numeric input {
    height: 1em;
    padding: 0;
    font-size: 13px;
  }
  .column-template--edit.column-template--numeric input {
    text-align: right;
  }
}
@layer controls {
  .column-template--bool {
    text-align: center;
  }
  .column-template--bool .e-checkbox-wrapper {
    height: 1rem;
    line-height: 1rem;
  }
  .column-template--bool .e-checkbox-wrapper .e-frame {
    width: 1rem;
    height: 1rem;
    translate: 0 -1px;
  }
  .column-template--bool.column-template--editable .e-checkbox-wrapper .e-frame {
    color: var(--clr-primary-500, #2b73aa);
  }
  .column-template--int {
    text-align: right;
  }
  .column-template--numeric {
    text-align: right;
  }
  .column-template--string {
    text-align: start;
  }
  .column-template--view-only {
    background: rgba(0, 0, 0, 0.1);
  }
  .column-template--view {
    position: absolute;
    inset: 0;
  }
  .e-rowcell.e-templatecell:has(.column-template--view) {
    position: relative;
  }
}
@layer controls {
  .configurator-picturelistbox-control.configurator-item--edit-control.configurator-item--left-label {
    grid-template-columns: var(--label-width) minmax(0, 1fr) var(--icon-space, auto);
  }
  .configurator-picturelistbox-control__item-container {
    height: 100%;
    display: flex;
  }
  .configurator-picturelistbox-control__item {
    height: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding: 0.25rem;
    cursor: pointer;
  }
  .configurator-picturelistbox-control__item--selected {
    background-color: var(--clr-neutral-100, #f0f0f0);
  }
  .configurator-picturelistbox-control__picture-container {
    display: flex;
    min-height: 0;
    width: 100%;
    height: 100%;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
  }
  .configurator-picturelistbox-control__picture-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .configurator-picturelistbox-control__picture {
    max-height: 100%;
  }
  .configurator-picturelistbox-control__item-text {
    font-style: var(--font-style);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    text-align: center;
  }
}
@layer controls {
  .context-menu {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    isolation: isolate;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    box-shadow: 0 0.25rem 0.5rem hsla(0, 0%, 0%, 0.4);
    background-color: white;
  }
  .context-menu[data-show=true] {
    display: inline;
  }
  .context-menu__item {
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: 0.5rem;
    align-items: center;
    text-decoration: none;
  }
  .context-menu__item:not(:last-child) {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
  }
  .context-menu__item:hover {
    background-color: var(--clr-neutral-100, #f0f0f0);
  }
  .context-menu__item-text {
    color: var(--clr-neutral-900, #292929);
  }
  .context-menu::before {
    --border-color: lightgray;
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    pointer-events: none;
    background: white;
    transform: rotate(45deg);
    z-index: -1;
  }
  .context-menu--top::before {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    border-right-width: var(--border-width, thin);
    bottom: -0.42rem;
  }
  .context-menu--bottom::before {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-top-width: var(--border-width, thin);
    border-left-width: var(--border-width, thin);
    top: -0.42rem;
  }
  .context-menu--right::before {
    left: 0.15rem;
  }
  .context-menu--left::before {
    right: 0.15rem;
  }
}
.c-tinytreegrid.sf-treegrid {
  height: 100%;
}
.c-tinytreegrid.sf-treegrid .sf-grid {
  height: 100%;
}
.c-tinytreegrid.sf-treegrid .sf-grid .e-gridcontent {
  height: calc(100% - 41px);
}

@layer controls {
  .favorite-checkbox {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .favorite-checkbox:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .favorite-checkbox[disabled], .favorite-checkbox--disabled, .favorite-checkbox:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .favorite-checkbox:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .favorite-checkbox {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .favorite-checkbox:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .favorite-checkbox:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .favorite-checkbox:active, .favorite-checkbox.active, .favorite-checkbox--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .favorite-checkbox[disabled], .favorite-checkbox--disabled, .favorite-checkbox:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .favorite-checkbox {
    --clickable-button-background-color: transparent;
    --clickable-button-border-color: transparent;
    --clickable-button-spacing-inline: 0;
    display: inline-grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "center";
    align-items: center;
    box-shadow: none;
    filter: drop-shadow(0 0.125rem 0.5rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity)));
    transition-property: filter, transform;
  }
  .favorite-checkbox--selected, .favorite-checkbox:where([aria-selected=true]), .favorite-checkbox:where([aria-checked]) {
    --clickable-button-text-color: var(--clr-yellow-500, #f0ad4e);
  }
  .favorite-checkbox[disabled], .favorite-checkbox--disabled, .favorite-checkbox:where([aria-disabled=true]) {
    --clickable-button-text-color: var(--clr-neutral-400, #a0a0a0);
    filter: drop-shadow(0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity))), grayscale(100%);
  }
  .favorite-checkbox--large {
    --icon-size: 2em;
  }
  .favorite-checkbox__icon {
    grid-area: center;
    font-size: var(--icon-size, 1.3em);
    color: var(--clickable-button-text-color);
  }
  .favorite-checkbox__icon.favorite-checkbox__icon--background {
    --clickable-button-text-color: white;
  }
}
.c-quantityedit {
  display: flex;
  justify-content: flex-end;
  height: var(--height-item-counter, 2em);
}
.c-quantityedit__button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: thin solid var(--clr-neutral-100, #f0f0f0);
  background-color: var(--clr-neutral-100, #f0f0f0);
  color: var(--clr-primary-500, #2b73aa);
  padding: 0.25rem 0.5rem;
}
.c-quantityedit__button:hover {
  cursor: pointer;
  border-color: var(--clr-primary-500, #2b73aa);
  background-color: var(--clr-primary-500, #2b73aa);
  color: white;
}
.c-quantityedit__button--decrease {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.c-quantityedit__button--increase {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.c-quantityedit__button--disabled {
  pointer-events: none;
  color: var(--clr-neutral-400, #a0a0a0);
}
.c-quantityedit__quantity {
  display: flex;
  justify-content: center;
  align-items: center;
  border: thin solid var(--clr-neutral-100, #f0f0f0);
  padding: 0.25rem 0.5rem;
}

@layer controls {
  .calculation-input--loading {
    pointer-events: none;
  }
}
@layer controls {
  @property --break-1-before {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-1-after {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-2-before {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-2-after {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-3-before {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-3-after {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-4-before {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  @property --break-4-after {
    syntax: "<length-percentage>";
    inherits: true;
    initial-value: 0;
  }
  .loading-container {
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-areas: "loading-stack";
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
  .loading-container__content, .loading-container__overlay, .loading-container__no-data {
    grid-area: loading-stack;
    transition-delay: 0.5s;
  }
  .loading-container__content {
    z-index: 1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--visibility-transition-duration, 0.5s);
  }
  .loading-container__overlay, .loading-container__no-data {
    overflow: hidden;
    background: var(--background-color, white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
    user-select: none;
  }
  .loading-container__no-data {
    z-index: 2;
  }
  .loading-container__overlay {
    z-index: 3;
    opacity: 1;
    visibility: visible;
    flex-direction: column;
    gap: var(--overlay-spacing, 1rem);
    transition-property: opacity;
    transition-duration: var(--visibility-transition-duration, 0.5s);
  }
  .loading-container__overlay--transparent {
    --background-color: var(--overlay-glass-color, hsl(0deg 0% 80% / 30%));
    -webkit-backdrop-filter: blur(var(--overlay-glass-blur, 0.5rem));
    backdrop-filter: blur(var(--overlay-glass-blur, 0.5rem));
  }
  .loading-container__overlay > * {
    opacity: 0;
    animation: fade-in 0.5s 1s forwards;
  }
  @keyframes fade-in {
    to {
      opacity: 1;
    }
  }
  .loading-container__custom-content {
    flex: 1;
    align-self: stretch;
    height: 100%;
  }
  .loading-container__custom-content--loading * {
    overflow: hidden;
  }
  .loading-container__progress {
    width: 7rem;
    height: 7rem;
    --break-1-before: 0%;
    --break-1-after: calc(var(--break-1-before) + .001%);
    --break-2-before: calc(var(--break-1-after) + .001%);
    --break-2-after: calc(var(--break-2-before) + .001%);
    --break-3-before: calc(var(--break-2-after) + .001%);
    --break-3-after: calc(var(--break-3-before) + .001%);
    --break-4-before: calc(var(--progress) * 1%);
    --break-4-after: calc(var(--break-4-before) + .001%);
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    outline: 0.5rem solid white;
    outline-offset: -1px;
  }
  .loading-container__progress::before, .loading-container__progress::after {
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 50%;
  }
  .loading-container__progress::before {
    content: "";
    transition-property: --break-1-before, --break-1-after, --break-2-before, --break-2-after, --break-3-before, --break-3-after, --break-4-before, --break-4-after;
    transition-duration: 0.5s;
    background: conic-gradient(from 180deg, #2b73aa var(--break-2-before), white var(--break-2-after), white var(--break-3-before), #2b73aa var(--break-3-after), #2b73aa var(--break-4-before), white var(--break-4-after));
  }
  .loading-container__progress::after {
    content: attr(aria-valuenow);
    content: "";
    width: calc(100% - 1rem);
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    background: white;
    font-family: sans-serif;
    font-size: 250%;
    font-weight: bold;
    color: #939393;
  }
  .loading-container__progress:not([aria-valuenow]) {
    --break-2-before: 25%;
    --break-3-before: 50%;
    --break-4-before: 75%;
  }
  .loading-container__progress:not([aria-valuenow])::before {
    animation: rotation linear 0.5s infinite;
  }
  @keyframes rotation {
    to {
      rotate: 180deg;
    }
  }
  .loading-container__message--no-data {
    text-align: center;
    color: var(--color-text-no-data, #939393);
    font-size: 300%;
  }
  .loading-container__message--loading {
    text-align: center;
    color: var(--color-text-loading, inherit);
  }
  .loading-container:where(:not(.loading-container--visible):not(.loading-container--no-data)) > .loading-container__content {
    opacity: 1;
    overflow: hidden auto;
  }
  .loading-container:where(:not(.loading-container--visible)) > .loading-container__overlay {
    opacity: 0;
    visibility: hidden;
  }
  .loading-container:where(:not(.loading-container--no-data)) > .loading-container__no-data {
    visibility: hidden;
  }
}
@layer controls {
  .pricing-editor .e-headercelldiv {
    height: auto;
    margin: 0;
    padding-inline: 0;
    padding-block: 7px;
  }
  .pricing-editor__grid-header-cell {
    display: flex;
    flex-direction: column;
    line-height: 1em;
    gap: 0.25em;
    align-items: center;
  }
  .pricing-editor__alert .alert {
    margin-bottom: 0;
  }
  .pricing-editor .e-icons.e-none.e-treecell-icon {
    display: inline-block;
    width: 4px;
  }
  .pricing-editor .e-icons.e-none.e-treecell-child {
    display: inline-block;
    width: 10px;
  }
}
@layer controls {
  .cart-item {
    container: cart-item/inline-size;
    padding: 1em;
    background-color: white;
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
  }
  .cart-item__grid {
    display: var(--grid-display, grid);
    grid-template-columns: 1fr;
    grid-template-areas: "title" "image" "desc" "buttons" "actions" "prices" "toolbar";
    gap: var(--spacing-1, 0.5rem);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 26rem) {
        .cart-item__grid {
          grid-template-areas: "title title" "image image" "desc desc" "buttons buttons" "actions prices" "toolbar toolbar";
        }
      }
    }
  }
  @container (width > 26rem) {
    .cart-item__grid {
      grid-template-areas: "title title" "image image" "desc desc" "buttons buttons" "actions prices" "toolbar toolbar";
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 33rem) {
        .cart-item__grid {
          grid-template-columns: minmax(15rem, 1fr) 1fr auto;
          grid-template-areas: "title title title" "image image prices" "desc desc prices" "buttons buttons prices" "actions toolbar toolbar";
        }
      }
    }
  }
  @container (width > 33rem) {
    .cart-item__grid {
      grid-template-columns: minmax(15rem, 1fr) 1fr auto;
      grid-template-areas: "title title title" "image image prices" "desc desc prices" "buttons buttons prices" "actions toolbar toolbar";
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 45rem) {
        .cart-item__grid {
          grid-template-columns: minmax(15rem, 1fr) 2fr auto;
          grid-template-areas: "title title title" "image desc prices" "image buttons prices" "actions toolbar toolbar";
        }
      }
    }
  }
  @container (width > 45rem) {
    .cart-item__grid {
      grid-template-columns: minmax(15rem, 1fr) 2fr auto;
      grid-template-areas: "title title title" "image desc prices" "image buttons prices" "actions toolbar toolbar";
    }
  }
  .cart-item__title {
    grid-area: title;
    text-align: left;
    font-size: 1.5rem;
  }
  @container cart-item (width > 26rem) {
    .cart-item__title {
      padding-inline-start: 1rem;
    }
  }
  .cart-item__image {
    grid-area: image;
    padding-block: 1em;
    overflow: hidden;
  }
  .cart-item__image img {
    border-radius: calc(var(--spacing-3, 1rem) / 2);
    max-width: 100%;
    max-height: 100%;
  }
  .cart-item__desc {
    grid-area: desc;
    text-align: left;
    max-height: 25em;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(180deg, black 30%, transparent);
    mask-image: linear-gradient(180deg, black 30%, transparent);
    mask-image: linear-gradient(180deg, black 30%, transparent);
  }
  .cart-item__desc--full {
    max-height: unset;
    -webkit-mask-image: none;
    mask-image: none;
    mask-image: none;
  }
  .cart-item__desc {
    /* markdown */
  }
  .cart-item__desc {
    font-size: 1rem;
    line-height: 1.5;
  }
  .cart-item__desc [class^=md-] h1 {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-primary-500, #2b73aa);
    font-size: 1.5rem;
    font-weight: bold;
  }
  .cart-item__desc [class^=md-] h1:last-child {
    margin-block-end: 0;
  }
  .cart-item__desc [class^=md-] h2 {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-primary-500, #2b73aa);
    font-size: 1.25rem;
    font-weight: bold;
  }
  .cart-item__desc [class^=md-] h2:last-child {
    margin-block-end: 0;
  }
  .cart-item__desc [class^=md-] h3 {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-primary-500, #2b73aa);
    font-size: 1.15rem;
    font-weight: bold;
  }
  .cart-item__desc [class^=md-] h3:last-child {
    margin-block-end: 0;
  }
  .cart-item__desc [class^=md-] h4 {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-neutral-800, #414141);
    font-size: 1.15rem;
    text-decoration: underline;
  }
  .cart-item__desc [class^=md-] h4:last-child {
    margin-block-end: 0;
  }
  .cart-item__desc [class^=md-] h5 {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-neutral-800, #414141);
    font-size: 1rem;
    text-decoration: underline;
  }
  .cart-item__desc [class^=md-] h5:last-child {
    margin-block-end: 0;
  }
  .cart-item__desc [class^=md-] h6 {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-neutral-800, #414141);
    font-size: 1rem;
    font-style: italic;
  }
  .cart-item__desc [class^=md-] h6:last-child {
    margin-block-end: 0;
  }
  .cart-item__desc [class^=md-] table {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    color: #666;
  }
  .cart-item__desc [class^=md-] table td, .cart-item__desc [class^=md-] table th {
    height: auto;
    padding: var(--spacing-1, 0.5rem);
  }
  .cart-item__desc [class^=md-] table thead tr {
    background-color: #e1e1e1;
  }
  .cart-item__desc [class^=md-] table tbody tr {
    background-color: #ececec;
  }
  .cart-item__desc [class^=md-] table tbody tr:nth-child(even) {
    background-color: #f6f6f6;
  }
  .cart-item__desc [class^=md-] table tbody tr:not(:first-child) td {
    border-top-width: 0;
  }
  .cart-item__buttons {
    grid-area: buttons;
    z-index: 1;
    align-self: end;
    container: cart-item-buttons/inline-size;
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    gap: var(--spacing-2, 0.75rem);
  }
  .cart-item__prices {
    grid-area: prices;
    font-size: 1.5rem;
    text-align: right;
  }
  .cart-item__actions {
    grid-area: actions;
    align-self: start;
    display: flex;
    gap: 0.5rem;
  }
  .cart-item__toolbar {
    grid-area: toolbar;
    --height-item-counter: 2em;
  }
  .cart-item__toolbar .c-quantityedit__remove-label {
    display: none;
  }
  @container cart-item (width > 33rem) {
    .cart-item__toolbar .c-quantityedit__remove-label {
      display: inline;
    }
  }
  .cart-item__main-buttons {
    display: flex;
    gap: var(--spacing-2, 0.75rem);
    margin-inline-start: var(--spacing-1, 0.5rem);
  }
  .cart-item__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .cart-item__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .cart-item__button[disabled], .cart-item__button--disabled, .cart-item__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .cart-item__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .cart-item__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .cart-item__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .cart-item__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .cart-item__button:active, .cart-item__button.active, .cart-item__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .cart-item__button[disabled], .cart-item__button--disabled, .cart-item__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .cart-item__button {
    max-width: 100%;
    gap: 0.5em;
  }
  .cart-item__button-text {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 38ch) {
        .cart-item__button--file-link .cart-item__button-text, .cart-item__button--info .cart-item__button-text {
          display: none;
        }
      }
    }
  }
  @container (width < 38ch) {
    .cart-item__button--file-link .cart-item__button-text, .cart-item__button--info .cart-item__button-text {
      display: none;
    }
  }
  .cart-item__action-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .cart-item__action-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .cart-item__action-button[disabled], .cart-item__action-button--disabled, .cart-item__action-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .cart-item__action-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .cart-item__action-button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .cart-item__action-button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .cart-item__action-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .cart-item__action-button:active, .cart-item__action-button.active, .cart-item__action-button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .cart-item__action-button[disabled], .cart-item__action-button--disabled, .cart-item__action-button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .cart-item__config {
    text-align: left;
    font-size: 1rem;
    padding-block: var(--spacing-3, 1rem);
  }
  @container cart-item (width > 26rem) {
    .cart-item__config {
      padding-inline: var(--spacing-3, 1rem);
    }
  }
  @container cart-item (width > 45rem) {
    .cart-item__config {
      padding-inline: 3rem;
    }
  }
  .cart-item__config-list {
    list-style: none;
    padding: 0;
    column-gap: 3rem;
  }
  .cart-item__config-item {
    padding: 0.3em;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-left-width: var(--border-width, thin);
    border-right-width: var(--border-width, thin);
    display: flex;
    flex-wrap: wrap;
    font-size: 85%;
    color: #666;
  }
  .cart-item__config-item:first-child {
    border-top-width: thin;
  }
  .cart-item__config-item:last-child {
    border-bottom-width: thin;
  }
  .cart-item__config-item:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .cart-item__config-item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.025);
  }
  .cart-item__config-attr::after {
    content: ":";
    margin-inline-end: 0.25em;
  }
  .cart-item__config-value {
    flex-grow: 1;
    text-align: right;
  }
  .cart-item__price-list {
    list-style: none;
    padding: 0;
  }
  .cart-item__price {
    font-weight: 600;
  }
  .cart-item__price:not(:last-child) {
    margin-bottom: var(--spacing-3, 1rem);
  }
  .cart-item__price--primary, .cart-item__price:only-child {
    font-size: 1.2em;
  }
  .cart-item__price-type {
    opacity: 0.8;
    display: block;
    font-weight: 400;
    font-size: 0.6em;
  }
  .cart-item__discounts-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .cart-item__discount {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5em;
    flex-wrap: wrap;
  }
  .cart-item__discount label {
    opacity: 0.8;
    margin-bottom: 0;
    white-space: nowrap;
  }
  .cart-item__discount input {
    display: inline-block;
    width: 15ch;
    height: 2.25em;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
  }
  .cart-item:hover {
    background-color: rgb(var(--clr-neutral-100, #f0f0f0)/0.5);
  }
  .toolbar {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "left" "center" "right";
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 33rem) {
        .toolbar {
          grid-template-columns: 1fr auto 1fr;
          grid-template-areas: "left center right";
        }
        .toolbar__left:only-child, .toolbar__center:only-child, .toolbar__right:only-child {
          grid-column: span 3;
        }
      }
    }
  }
  @container (width > 33rem) {
    .toolbar {
      grid-template-columns: 1fr auto 1fr;
      grid-template-areas: "left center right";
    }
    .toolbar__left:only-child, .toolbar__center:only-child, .toolbar__right:only-child {
      grid-column: span 3;
    }
  }
  .toolbar__left {
    grid-area: left;
  }
  .toolbar__center {
    grid-area: center;
  }
  .toolbar__right {
    grid-area: right;
  }
  .toolbar__left, .toolbar__center, .toolbar__right {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
  }
  .toolbar__left {
    justify-content: start;
  }
  .toolbar__center {
    justify-content: center;
  }
  .toolbar__right {
    justify-content: end;
  }
  .toolbar .c-quantityedit {
    align-self: end;
  }
}
.c-dummycartitem .bg-disabled {
  background-color: var(--clr-muted-500, #878f97);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05));
  background-position-x: 0%;
  animation: bg-opacity 1.5s infinite alternate;
  animation-duration: 1.5s !important;
  animation-iteration-count: infinite;
}
.c-dummycartitem .desc {
  width: 50%;
}
.c-dummycartitem .desc .dummy-image {
  width: 150px;
  height: 125px;
}
.c-dummycartitem .desc .dummy-title {
  width: 70%;
  height: 1.25rem;
}
.c-dummycartitem .desc .dummy-description-1 {
  width: 90%;
  height: 1rem;
}
.c-dummycartitem .desc .dummy-description-2 {
  width: 60%;
  height: 1rem;
}
.c-dummycartitem .desc .dummy-table {
  height: 0.9rem;
}
.c-dummycartitem .desc .dummy-buttons {
  height: 2.5rem;
}
.c-dummycartitem .dummy-price {
  height: 2rem;
  width: 150px;
}

@keyframes bg-shift {
  0% {
    background-size: 200%;
    background-position-x: 0;
  }
  100% {
    background-size: 200%;
    background-position-x: 100%;
  }
}
@keyframes bg-opacity {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 30%;
  }
}
@layer controls {
  .eas-product-cart {
    min-height: 100%;
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding-block: 2em;
    padding-inline: min(3em, 4.5vw);
    padding-inline: min(3em, 4.5cqi);
    display: flex;
    gap: var(--spacing-1, 0.5rem);
    flex-wrap: wrap;
  }
  .eas-product-cart > * {
    flex: 1 1 70%;
  }
  .eas-product-cart > aside {
    flex: 1 1 25%;
  }
  .eas-product-cart__items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.5rem);
  }
  .eas-product-cart__item {
    display: flex;
    flex-direction: column;
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
  }
  .eas-product-cart__item--warning {
    background: var(--clr-yellow-200, #f9deb8);
    color: var(--clr-yellow-700, #bb7410);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    --border-color: var(--clr-yellow-500, #f0ad4e);
  }
  .eas-product-cart__item-header {
    padding: var(--spacing-3, 1rem);
  }
  .eas-product-cart__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .eas-product-cart__list-item {
    display: flex;
    gap: 0.5rem;
    padding: var(--spacing-3, 1rem);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-top-width: var(--border-width, thin);
  }
  .eas-product-cart__list-item-name {
    align-self: center;
    flex: 1;
  }
  .eas-product-cart__list-item-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-product-cart__list-item-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-product-cart__list-item-button[disabled], .eas-product-cart__list-item-button--disabled, .eas-product-cart__list-item-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-product-cart__list-item-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-product-cart__list-item-button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .eas-product-cart__list-item-button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .eas-product-cart__list-item-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .eas-product-cart__list-item-button:active, .eas-product-cart__list-item-button.active, .eas-product-cart__list-item-button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .eas-product-cart__list-item-button[disabled], .eas-product-cart__list-item-button--disabled, .eas-product-cart__list-item-button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .eas-product-cart__list-item-button--configure {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .eas-product-cart__list-item-button--configure:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .eas-product-cart__list-item-button--configure:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-product-cart__list-item-button--configure:active, .eas-product-cart__list-item-button--configure.active, .eas-product-cart__list-item-button--configure--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-product-cart__list-item-button--configure[disabled], .eas-product-cart__list-item-button--configure--disabled, .eas-product-cart__list-item-button--configure:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .eas-product-cart__footer {
    position: sticky;
    z-index: 1;
    background-color: white;
    font-size: 150%;
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    bottom: 0;
  }
  .eas-product-cart__footer .toolbar__right {
    text-align: right;
    padding-right: 0.6em;
  }
  .eas-product-cart__post-items-notice {
    flex: 1;
    align-content: center;
    text-align: center;
    color: var(--color-text-no-data, #939393);
    font-size: 300%;
  }
  .eas-product-cart__sidebar {
    position: sticky;
    top: 2em;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    padding: 1em;
  }
  .eas-product-cart__price {
    font-size: 1.8rem;
    font-weight: 600;
  }
  .eas-product-cart__price-type {
    opacity: 0.8;
    display: block;
    font-weight: 400;
    font-size: 0.6em;
  }
  .eas-product-cart__no-data {
    width: min(30rem, 100%);
    height: 100%;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
  .loading-container__overlay .eas-product-cart {
    --border-color: transparent;
  }
  .loading-container__overlay .eas-product-cart .cart-item__image,
  .loading-container__overlay .eas-product-cart .cart-item__title,
  .loading-container__overlay .eas-product-cart .cart-item__desc-row,
  .loading-container__overlay .eas-product-cart .cart-item__price,
  .loading-container__overlay .eas-product-cart .cart-item__toolbar {
    min-height: 1.5em;
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    background-color: rgba(0, 0, 0, 0.04);
  }
  @media (prefers-reduced-motion: no-preference) {
    .loading-container__overlay .eas-product-cart .cart-item__image,
    .loading-container__overlay .eas-product-cart .cart-item__title,
    .loading-container__overlay .eas-product-cart .cart-item__desc-row,
    .loading-container__overlay .eas-product-cart .cart-item__price,
    .loading-container__overlay .eas-product-cart .cart-item__toolbar {
      animation: skeleton 4s infinite;
    }
  }
  @keyframes skeleton {
    10%, 54% {
      background-color: rgba(0, 0, 0, 0.08);
    }
    44%, 100% {
      background-color: rgba(0, 0, 0, 0.04);
    }
  }
  .loading-container__overlay .eas-product-cart .cart-item__desc {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .loading-container__overlay .eas-product-cart .cart-item__price {
    min-width: 9rem;
  }
}
@layer page {
  .customer-products-card-grid {
    display: flex;
    gap: var(--spacing-1, 0.5rem);
    flex-direction: column;
    height: 100%;
    overflow: auto;
  }
  .customer-products-card-grid__search {
    display: contents;
  }
  .customer-products-card-grid__header {
    min-height: 4em;
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    margin-block: 2em;
    padding-inline: min(3em, 4.5vw);
    padding-inline: min(3em, 4.5cqi);
    display: var(--grid-display, grid);
    grid-template-columns: 1fr auto;
    grid-template-rows: 1.5em 2.5em;
    grid-template-areas: "breadcrumbs" "title";
    gap: 0;
  }
  .customer-products-card-grid__breadcrumbs {
    grid-area: breadcrumbs;
  }
  .customer-products-card-grid__title {
    grid-area: title;
  }
  .customer-products-card-grid__main {
    flex-grow: 1;
    padding-inline: min(3em, 4.5cqi);
    padding-block-end: var(--spacing-3, 1rem);
  }
  .customer-products-card-grid__title {
    display: block;
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-primary-500, #2b73aa);
    font-size: 1.5rem;
    font-weight: bold;
  }
  .customer-products-card-grid__title:last-child {
    margin-block-end: 0;
  }
  .customer-products-card-grid__title {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    margin: 0;
  }
  .customer-products-card-grid__title--skeleton {
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    background-color: rgba(0, 0, 0, 0.04);
  }
  @media (prefers-reduced-motion: no-preference) {
    .customer-products-card-grid__title--skeleton {
      animation: skeleton 4s infinite;
    }
  }
  @keyframes skeleton {
    10%, 54% {
      background-color: rgba(0, 0, 0, 0.08);
    }
    44%, 100% {
      background-color: rgba(0, 0, 0, 0.04);
    }
  }
  .customer-products-card-grid__card-grid {
    --col-width: 24rem;
  }
  .sidebar__content .customer-products-card-grid__card-grid {
    padding: var(--spacing-3, 1rem);
  }
  .customer-products-card-grid__card-grid {
    display: var(--grid-display, grid);
    grid-template-columns: repeat(auto-fill, var(--col-width));
    gap: var(--spacing-1, 0.5rem);
    justify-items: center;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 30rem) {
        .customer-products-card-grid__card-grid {
          --col-width: min(1fr, 24rem);
        }
      }
    }
  }
  @container (width < 30rem) {
    .customer-products-card-grid__card-grid {
      --col-width: min(1fr, 24rem);
    }
  }
  .customer-products-card-grid__card {
    display: flex;
    width: 100%;
    aspect-ratio: 4/3;
  }
  .customer-products-card-grid__card--skeleton {
    padding: var(--spacing-3, 1rem);
  }
  .customer-products-card-grid__card-image {
    flex: 1;
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    background-color: rgba(0, 0, 0, 0.04);
  }
  @media (prefers-reduced-motion: no-preference) {
    .customer-products-card-grid__card-image {
      animation: skeleton 4s infinite;
    }
  }
  @keyframes skeleton {
    10%, 54% {
      background-color: rgba(0, 0, 0, 0.08);
    }
    44%, 100% {
      background-color: rgba(0, 0, 0, 0.04);
    }
  }
}
@layer controls {
  .customer-product-card {
    --transition-duration: .3s;
    --card-text-background: #2b73aae6;
    --image-space: 1rem;
    --image-space-hover: .4rem;
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "center";
    aspect-ratio: 4/3;
    width: 100%;
    padding: var(--spacing-3, 1rem);
  }
  .customer-product-card__action-buttons {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    gap: 0.25em;
  }
  .customer-product-card__action-button--add.customer-product-card__action-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .customer-product-card__action-button--add.customer-product-card__action-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .customer-product-card__action-button--add.customer-product-card__action-button[disabled], .customer-product-card__action-button--add.customer-product-card__action-button--disabled, .customer-product-card__action-button--add.customer-product-card__action-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .customer-product-card__action-button--add.customer-product-card__action-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .customer-product-card__action-button--add.customer-product-card__action-button {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .customer-product-card__action-button--add.customer-product-card__action-button:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .customer-product-card__action-button--add.customer-product-card__action-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .customer-product-card__action-button--add.customer-product-card__action-button:active, .customer-product-card__action-button--add.customer-product-card__action-button.active, .customer-product-card__action-button--add.customer-product-card__action-button--active {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .customer-product-card__action-button--add.customer-product-card__action-button[disabled], .customer-product-card__action-button--add.customer-product-card__action-button--disabled, .customer-product-card__action-button--add.customer-product-card__action-button:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .customer-product-card__action-button--add.customer-product-card__action-button {
    --clickable-button-roundness: 50%;
  }
  .customer-product-card__main-container {
    grid-area: center;
    background: transparent;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    padding: var(--clickable-tile-spacing, 0);
    border-radius: var(--clickable-tile-border-radius);
    overflow: var(--clickable-tile-overflow, hidden);
    background-color: var(--clickable-tile-background-color, white);
    border: var(--clickable-tile-border-color) solid var(--clickable-tile-border-width);
    transition-property: box-shadow, transform;
    transition-timing-function: linear;
    transition-duration: var(--clickable-tile-effect-duration);
    box-shadow: 0 0.125rem 0.5rem hsl(0, 0%, 0%, var(--clickable-tile-shadow-opacity));
    transform: translateY(var(--clickable-tile-effect-offset));
  }
  .customer-product-card__main-container:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .customer-product-card__main-container[disabled], .customer-product-card__main-container--disabled, .customer-product-card__main-container:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .customer-product-card__main-container {
      --clickable-tile-border-width: thin;
      --clickable-tile-border-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-tile-border-radius: 0.25rem;
      --clickable-tile-background-color: white;
      --clickable-tile-effect-duration: var(--transition-fast, 0.15s);
      --clickable-tile-effect-offset: 0;
      --clickable-tile-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .customer-product-card__main-container:where(:hover) {
      --clickable-tile-shadow-opacity: 0.4;
      --clickable-tile-effect-offset: -0.2rem;
    }
  }
  @layer theme {
    .customer-product-card__main-container[disabled], .customer-product-card__main-container--disabled, .customer-product-card__main-container:where([aria-disabled=true]) {
      --clickable-tile-effect-offset: 0;
      --clickable-tile-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .customer-product-card__main-container--selected, .customer-product-card__main-container:where([aria-selected=true]), .customer-product-card__main-container:where([aria-checked]) {
      --clickable-tile-border-width: 0.25em;
      --clickable-tile-border-color: var(--clr-primary-500, #2b73aa);
    }
  }
  .customer-product-card__picture {
    overflow: hidden;
    width: calc(100% - 2 * var(--margin));
    height: calc(100% - 2 * var(--margin));
  }
  .customer-product-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .customer-product-card__label {
    position: absolute;
    inset: auto 0 0;
    padding: var(--spacing-1, 0.5rem);
    overflow: hidden;
    background-image: linear-gradient(to right, transparent 0%, var(--card-text-background) 50%, var(--card-text-background) 100%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position-x: 0;
    transition: background-position var(--transition-fast, 0.3s);
    text-shadow: 0 0 4px var(--clr-primary-500, #2b73aa);
    color: white;
    text-align: right;
    font-size: 125%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 0.5rem;
    pointer-events: none;
  }
  .customer-product-card__label span {
    text-wrap: balance;
  }
  :hover > .customer-product-card__label {
    background-position-x: 100%;
  }
  .customer-product-card__description {
    grid-area: center;
    padding: var(--spacing-3, 1rem);
    opacity: 0;
    transition-property: opacity, margin;
    transition-duration: var(--transition-fast, 0.3s);
    -webkit-backdrop-filter: brightness(50%);
    backdrop-filter: brightness(50%);
    color: white;
    text-align: start;
  }
  button:hover .customer-product-card__description {
    opacity: 1;
  }
  .customer-product-card__description:empty {
    display: none;
  }
}
.c-product-splitter {
  flex: 1 1 auto;
}
.c-product-splitter .e-split-bar.e-split-bar-horizontal {
  background-color: white;
}

@layer page {
  .product-details {
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding-block: 2em;
    padding-inline: min(3em, 4.5vw);
    padding-inline: min(3em, 4.5cqi);
  }
  .product-details__header {
    text-align: center;
    color: var(--clr-primary-500, #2b73aa);
  }
  .product-details__grid {
    text-align: center;
    padding: var(--spacing-1, 0.5rem);
    display: grid;
    gap: var(--spacing-1, 0.5rem);
    grid-template-areas: "picture" "desc" "head" "right" "left" "footer";
  }
  @media (min-width: 768px) {
    .product-details__grid {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "picture desc" "picture desc" "head head" "right right" "left left" "footer footer";
    }
  }
  @media (min-width: 992px) {
    .product-details__grid {
      grid-template-columns: 1fr 2fr;
    }
  }
  .product-details__grid header {
    grid-area: head;
  }
  .product-details__grid strong {
    color: var(--clr-primary-500, #2b73aa);
    font-weight: 500;
    font-size: 120%;
  }
  .product-details__grid ul {
    padding-inline-start: 1em;
  }
  .product-details__grid li {
    padding-inline-start: 1em;
  }
  .product-details__grid li::marker {
    content: "—";
    color: var(--clr-primary-500, #2b73aa);
  }
  .product-details__grid table {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    color: #666;
  }
  .product-details__grid table td, .product-details__grid table th {
    height: auto;
    padding: var(--spacing-1, 0.5rem);
  }
  .product-details__grid table thead tr {
    background-color: #e1e1e1;
  }
  .product-details__grid table tbody tr {
    background-color: #ececec;
  }
  .product-details__grid table tbody tr:nth-child(even) {
    background-color: #f6f6f6;
  }
  .product-details__grid table tbody tr:not(:first-child) td {
    border-top-width: 0;
  }
  .product-details__grid .pdf-link {
    cursor: pointer;
    text-decoration: underline;
  }
  .product-details__picture {
    grid-area: picture;
    max-width: min(30rem, 100%);
    aspect-ratio: 4/3;
    align-self: center;
    border-radius: 0.5rem;
  }
  .product-details__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product-details__footer {
    grid-area: footer;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: sticky;
    bottom: var(--spacing-3, 1rem);
    gap: var(--spacing-3, 1rem);
  }
  .product-details .e-btn-group {
    box-shadow: none;
  }
  .product-details button.product-details__footer-button,
  .product-details a.product-details__footer-button {
    line-height: 1;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .product-details button.product-details__footer-button:where(:focus-visible), .product-details a.product-details__footer-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .product-details button.product-details__footer-button[disabled], .product-details a.product-details__footer-button[disabled], .product-details button.product-details__footer-button--disabled, .product-details a.product-details__footer-button--disabled, .product-details button.product-details__footer-button:where([aria-disabled=true]), .product-details a.product-details__footer-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .product-details button.product-details__footer-button:where(:hover), .product-details a.product-details__footer-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .product-details button.product-details__footer-button, .product-details a.product-details__footer-button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .product-details button.product-details__footer-button:where(:hover), .product-details a.product-details__footer-button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .product-details button.product-details__footer-button:where(:focus-visible), .product-details a.product-details__footer-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .product-details button.product-details__footer-button:active, .product-details a.product-details__footer-button:active, .product-details button.product-details__footer-button.active, .product-details a.product-details__footer-button.active, .product-details button.product-details__footer-button--active, .product-details a.product-details__footer-button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .product-details button.product-details__footer-button[disabled], .product-details a.product-details__footer-button[disabled], .product-details button.product-details__footer-button--disabled, .product-details a.product-details__footer-button--disabled, .product-details button.product-details__footer-button:where([aria-disabled=true]), .product-details a.product-details__footer-button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .product-details button.product-details__footer-button--3d:not(button),
  .product-details a.product-details__footer-button--3d:not(button) {
    border: none;
    padding: 0;
  }
  .product-details button.product-details__footer-button--info,
  .product-details a.product-details__footer-button--info {
    margin-left: 1rem;
  }
  .product-details button.product-details__footer-button--add, .product-details a.product-details__footer-button--add {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .product-details button.product-details__footer-button--add:where(:hover), .product-details a.product-details__footer-button--add:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .product-details button.product-details__footer-button--add:where(:focus-visible), .product-details a.product-details__footer-button--add:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .product-details button.product-details__footer-button--add:active, .product-details a.product-details__footer-button--add:active, .product-details button.product-details__footer-button--add.active, .product-details a.product-details__footer-button--add.active, .product-details button.product-details__footer-button--add--active, .product-details a.product-details__footer-button--add--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .product-details button.product-details__footer-button--add[disabled], .product-details a.product-details__footer-button--add[disabled], .product-details button.product-details__footer-button--add--disabled, .product-details a.product-details__footer-button--add--disabled, .product-details button.product-details__footer-button--add:where([aria-disabled=true]), .product-details a.product-details__footer-button--add:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .product-details__footer-button.e-dropdown-popup {
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }
  .product-details__footer-button.e-dropdown-popup .e-dropdown-menu {
    padding-block: 0;
  }
  .product-details__footer-button.e-dropdown-popup .e-menu-url {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    --clickable-outline-width: .25rem;
    --clickable-outline-offset: -.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: var(--clickable-area-direction, row);
    position: var(--clickable-area-position, relative);
    min-height: var(--clickable-area-min-height);
    padding-inline: var(--clickable-area-spacing-inline);
    padding-block: var(--clickable-area-spacing-block);
    text-decoration: none;
    border: var(--clickable-area-border-color) solid var(--clickable-area-border-width);
    color: var(--clickable-area-text-color, inherit);
    background-color: hsl(from var(--clickable-area-background-color) h s l/var(--clickable-area-background-opacity));
  }
  .product-details__footer-button.e-dropdown-popup .e-menu-url::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    inset-block-start: auto;
    min-width: var(--clickable-area-marker-size, 0.125rem);
    min-height: var(--clickable-area-marker-size, 0.125rem);
    opacity: var(--clickable-area-marker-opacity, 0);
    background-color: var(--clickable-area-marker-color, var(--clickable-area-text-color, transparent));
  }
  .product-details__footer-button.e-dropdown-popup .e-menu-url:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .product-details__footer-button.e-dropdown-popup .e-menu-url[disabled], .product-details__footer-button.e-dropdown-popup .e-menu-url--disabled, .product-details__footer-button.e-dropdown-popup .e-menu-url:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .product-details__footer-button.e-dropdown-popup .e-menu-url {
      --clickable-area-border-color: transparent;
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0;
      --clickable-area-spacing-inline: 0;
      --clickable-area-spacing-block: 0;
    }
  }
  @layer theme {
    .product-details__footer-button.e-dropdown-popup .e-menu-url:where(:hover) {
      --clickable-area-text-color: white;
      --clickable-area-background-opacity: 1;
    }
  }
  @layer theme {
    .product-details__footer-button.e-dropdown-popup .e-menu-url:active, .product-details__footer-button.e-dropdown-popup .e-menu-url.active, .product-details__footer-button.e-dropdown-popup .e-menu-url--active {
      --clickable-area-text-color: hsl(from var(--clr-primary-500, #2b73aa) h s l/0.8);
      --clickable-area-background-opacity: 0.1;
    }
  }
  @layer theme {
    .product-details__footer-button.e-dropdown-popup .e-menu-url[disabled], .product-details__footer-button.e-dropdown-popup .e-menu-url--disabled, .product-details__footer-button.e-dropdown-popup .e-menu-url:where([aria-disabled=true]) {
      --clickable-area-text-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-area-background-color: transparent;
      --clickable-area-background-opacity: 0;
    }
  }
  @layer theme {
    .product-details__footer-button.e-dropdown-popup .e-menu-url--selected, .product-details__footer-button.e-dropdown-popup .e-menu-url:where([aria-selected=true]), .product-details__footer-button.e-dropdown-popup .e-menu-url:where([aria-checked]) {
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0.2;
    }
  }
  .product-details__footer-button.e-dropdown-popup .e-menu-url {
    justify-content: start;
    gap: 0.5em;
    --clickable-area-spacing-inline: 0.5em;
  }
  .product-details__footer-button.e-dropdown-popup .e-menu-icon {
    color: inherit;
    margin: 0;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 568px) {
        .product-details__footer-button-text {
          display: none;
        }
      }
    }
  }
  @container (width < 568px) {
    .product-details__footer-button-text {
      display: none;
    }
  }
  .product-details__price {
    text-align: right;
    justify-self: flex-end;
    font-size: 40px;
  }
}
.md-description, .md-specs-left, .md-specs-right {
  text-align: left;
}
.md-description table, .md-specs-left table, .md-specs-right table {
  width: 100%;
}
.md-description {
  grid-area: desc;
}
.md-specs-left {
  grid-area: left;
}
.md-specs-right {
  grid-area: right;
}

.of-hidden {
  overflow: hidden;
}

.h-99 {
  height: 99%;
  margin-top: auto;
  margin-bottom: auto;
}

@layer controls {
  .product-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .product-breadcrumbs__crumb button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    transform: none;
    --clickable-button-height: 0;
    color: var(--clickable-link-text-color, inherit);
    background: transparent;
    text-decoration: var(--clickable-link-text-decoration, none);
  }
  .product-breadcrumbs__crumb button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .product-breadcrumbs__crumb button[disabled], .product-breadcrumbs__crumb button--disabled, .product-breadcrumbs__crumb button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .product-breadcrumbs__crumb button {
      --clickable-link-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .product-breadcrumbs__crumb button:where(:hover) {
      --clickable-link-text-decoration: underline;
    }
  }
  @layer theme {
    .product-breadcrumbs__crumb button[disabled], .product-breadcrumbs__crumb button--disabled, .product-breadcrumbs__crumb button:where([aria-disabled=true]) {
      --clickable-link-text-color: var(--clr-neutral-300, #b8b8b8);
      --clickable-link-text-decoration: none;
    }
  }
  .product-breadcrumbs__crumb + .product-breadcrumbs__crumb::before {
    content: var(--breadcrumb-separator, "/");
    margin-inline: 0.5em;
    color: var(--clr-primary-500, #2b73aa);
  }
}
@layer controls {
  .products-search__input {
    position: absolute;
    z-index: 10;
    top: 1.75rem;
    right: 1.75rem;
    max-width: 18rem;
    box-sizing: content-box;
  }
  .products-search__input input {
    padding: 0;
    line-height: 1;
  }
  .products-search__input:focus-within {
    background-color: var(--clr-neutral-100, #f0f0f0);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 60rem) {
        .products-search:focus-within .products-search__input {
          outline: var(--spacing-3, 1rem) solid white;
          box-shadow: 0 0.125rem 0.25rem var(--spacing-3, 1rem) hsla(0, 0%, 0%, 0.2);
        }
        .products-search:not(:focus-within) .products-search__input {
          width: 3rem;
          height: 3rem;
          --clickable-button-roundness: 50%;
          box-sizing: border-box;
          text-align: inherit;
          cursor: pointer;
          outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
          outline-offset: var(--clickable-outline-offset, 0);
          display: inline-flex;
          justify-content: center;
          align-items: center;
          gap: var(--clickable-button-gap-inside, 0.5em);
          text-align: var(--clickable-button-text-align, center);
          min-width: var(--clickable-button-width, 2em);
          min-height: var(--clickable-button-height, 2em);
          border-radius: var(--clickable-button-roundness, 0);
          padding-inline: var(--clickable-button-spacing-inline, 0.7em);
          padding-block: var(--clickable-button-spacing-block, 0.25em);
          border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
          color: var(--clickable-button-text-color);
          background-color: var(--clickable-button-background-color);
          transition-property: box-shadow, transform;
          transition-duration: var(--clickable-button-effect-duration);
          box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
          transform: translateY(var(--clickable-button-effect-offset));
        }
        .products-search:not(:focus-within) .products-search__input:where(:focus-visible) {
          --clickable-outline-color: var(--clr-primary-500, #2b73aa);
        }
        .products-search:not(:focus-within) .products-search__input[disabled], .products-search:not(:focus-within) .products-search__input--disabled, .products-search:not(:focus-within) .products-search__input:where([aria-disabled=true]) {
          filter: grayscale(100%);
          cursor: default;
        }
        .products-search:not(:focus-within) .products-search__input:where(:hover) {
          text-decoration: none;
        }
        @layer theme {
          .products-search:not(:focus-within) .products-search__input {
            --clickable-button-height: 2em;
            --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
            --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
            --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
            --clickable-button-effect-duration: var(--transition-fast, 0.15s);
            --clickable-button-effect-offset: 0;
            --clickable-button-shadow-opacity: 0.2;
          }
        }
        @layer theme {
          .products-search:not(:focus-within) .products-search__input:where(:hover) {
            --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
            --clickable-button-background-color: white;
            --clickable-button-effect-offset: -0.15rem;
            --clickable-button-shadow-opacity: 0.5;
          }
        }
        @layer theme {
          .products-search:not(:focus-within) .products-search__input:where(:focus-visible) {
            --clickable-button-border-color: transparent;
            --clickable-button-background-color: white;
          }
        }
        @layer theme {
          .products-search:not(:focus-within) .products-search__input:active, .products-search:not(:focus-within) .products-search__input.active, .products-search:not(:focus-within) .products-search__input--active {
            --clickable-button-effect-offset: 0;
          }
        }
        @layer theme {
          .products-search:not(:focus-within) .products-search__input[disabled], .products-search:not(:focus-within) .products-search__input--disabled, .products-search:not(:focus-within) .products-search__input:where([aria-disabled=true]) {
            --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
            --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
            --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
            --clickable-button-effect-duration: 0;
            --clickable-button-effect-offset: 0;
            --clickable-button-shadow-opacity: 0.2;
          }
        }
        .products-search:not(:focus-within) .products-search__input > * {
          opacity: 0;
        }
        .products-search:not(:focus-within) .products-search__input::before {
          background: transparent;
          content: "\f002";
          font-family: "Font Awesome 5 Pro";
          font-weight: bold;
          inset: 0;
          margin: auto;
          width: 1.5rem;
          height: 1.5rem;
          line-height: 1.5rem;
          font-size: 1.5rem;
          color: inherit;
        }
      }
    }
  }
  @container (width < 60rem) {
    .products-search:focus-within .products-search__input {
      outline: var(--spacing-3, 1rem) solid white;
      box-shadow: 0 0.125rem 0.25rem var(--spacing-3, 1rem) hsla(0, 0%, 0%, 0.2);
    }
    .products-search:not(:focus-within) .products-search__input {
      width: 3rem;
      height: 3rem;
      --clickable-button-roundness: 50%;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .products-search:not(:focus-within) .products-search__input:where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .products-search:not(:focus-within) .products-search__input[disabled], .products-search:not(:focus-within) .products-search__input--disabled, .products-search:not(:focus-within) .products-search__input:where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .products-search:not(:focus-within) .products-search__input:where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .products-search:not(:focus-within) .products-search__input {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .products-search:not(:focus-within) .products-search__input:where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .products-search:not(:focus-within) .products-search__input:where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .products-search:not(:focus-within) .products-search__input:active, .products-search:not(:focus-within) .products-search__input.active, .products-search:not(:focus-within) .products-search__input--active {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .products-search:not(:focus-within) .products-search__input[disabled], .products-search:not(:focus-within) .products-search__input--disabled, .products-search:not(:focus-within) .products-search__input:where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .products-search:not(:focus-within) .products-search__input > * {
      opacity: 0;
    }
    .products-search:not(:focus-within) .products-search__input::before {
      background: transparent;
      content: "\f002";
      font-family: "Font Awesome 5 Pro";
      font-weight: bold;
      inset: 0;
      margin: auto;
      width: 1.5rem;
      height: 1.5rem;
      line-height: 1.5rem;
      font-size: 1.5rem;
      color: inherit;
    }
  }
  .products-search__results {
    display: grid;
    gap: var(--spacing-3, 1rem);
    grid-template-rows: 1fr auto;
    overflow: auto;
    position: absolute;
    inset: 0;
    z-index: 50;
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    padding: var(--spacing-3, 1rem);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 680px) {
        .products-search__results {
          width: clamp(30em, 40%, 60em);
          max-height: calc(100% - 5.25rem);
          inset: auto;
          top: 3.5rem;
          right: 1.75rem;
        }
      }
    }
  }
  @container (width > 680px) {
    .products-search__results {
      width: clamp(30em, 40%, 60em);
      max-height: calc(100% - 5.25rem);
      inset: auto;
      top: 3.5rem;
      right: 1.75rem;
    }
  }
  .products-search__results > :first-child {
    overflow: auto;
  }
  .products-search__results hr:last-of-type {
    position: sticky;
    bottom: 0;
  }
  .products-search__result-item {
    cursor: pointer;
    overflow: hidden;
    padding: var(--spacing-1, 0.5rem);
  }
  .products-search__result-item h3 {
    font-size: 1.2rem;
  }
  .products-search__result-item .empty {
    width: 100%;
    height: 100%;
    color: var(--clr-neutral-100, #f0f0f0);
    text-align: center;
    vertical-align: middle;
  }
  .products-search__result-item:first-child {
    margin-block-start: 0;
  }
  .products-search__result-image {
    height: 100%;
    width: 7rem;
    float: left;
    vertical-align: middle;
    margin-right: 0.75rem;
  }
  .products-search__result-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .products-search__footer {
    display: flex;
    justify-content: end;
    gap: var(--spacing-1, 0.5rem);
  }
  .products-search__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .products-search__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .products-search__button[disabled], .products-search__button--disabled, .products-search__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .products-search__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .products-search__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .products-search__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .products-search__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .products-search__button:active, .products-search__button.active, .products-search__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .products-search__button[disabled], .products-search__button--disabled, .products-search__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
}
@layer page {
  .company-card {
    min-height: 13rem;
  }
  .company-card__add-icon-wrapper {
    height: 100%;
    margin-inline: auto;
    margin-block-end: var(--spacing-2, 0.75rem);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .company-card__add-icon {
    text-align: center;
    font-size: 3rem;
    width: 3rem;
    height: 3rem;
  }
  .company-card__content {
    color: var(--clr-neutral-800, #414141);
  }
  .company-card__sub-header {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-neutral-800, #414141);
    font-size: 1rem;
    font-style: italic;
  }
  .company-card__sub-header:last-child {
    margin-block-end: 0;
  }
  .company-card .c-card__header {
    text-decoration: none;
  }
}
@layer controls {
  .company-person-management {
    container: company-person-management/inline-size;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.5rem);
  }
  .company-person-management__current-company .lb-panel__body {
    display: grid;
    grid-gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
    grid-template-areas: "names" "location" "address" "shipping";
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 50rem) {
        .company-person-management__current-company .lb-panel__body {
          grid-template-columns: repeat(3, 1fr);
          grid-template-areas: "names names names" "location address shipping";
        }
      }
    }
  }
  @container (width > 50rem) {
    .company-person-management__current-company .lb-panel__body {
      grid-template-columns: repeat(3, 1fr);
      grid-template-areas: "names names names" "location address shipping";
    }
  }
  .company-person-management__no-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: 1/-1;
    grid-row: 1/-1;
    gap: var(--spacing-1, 0.5rem);
  }
  .company-person-management__no-data-text {
    flex-basis: 100%;
  }
  .company-person-management__names {
    grid-area: names;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
  }
  .company-person-management__names > * {
    flex-basis: 100%;
  }
  .company-person-management__names > :first-child {
    flex: 1 1 0%;
    min-width: 25ch;
  }
  .company-person-management__location {
    grid-area: location;
  }
  .company-person-management__address {
    grid-area: address;
  }
  .company-person-management__shipping {
    grid-area: shipping;
  }
  .company-person-management__location, .company-person-management__address, .company-person-management__shipping {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
  }
  .company-person-management__representative .lb-panel__body {
    display: grid;
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
    grid-template-areas: "rep-select" "rep-name" "rep-position" "rep-contact";
  }
  .company-person-management__rep-select {
    grid-area: rep-select;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
  }
  .company-person-management__rep-select > * {
    flex-basis: 100%;
  }
  .company-person-management__rep-select > :first-child {
    flex: 1 1 55%;
    min-width: 25ch;
  }
  .company-person-management__rep-name {
    grid-area: rep-name;
  }
  .company-person-management__rep-position {
    grid-area: rep-position;
  }
  .company-person-management__rep-contact {
    grid-area: rep-contact;
  }
  .company-person-management__rep-name, .company-person-management__rep-position, .company-person-management__rep-contact {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
  }
  .company-person-management__rep-name > *, .company-person-management__rep-position > *, .company-person-management__rep-contact > * {
    flex: var(--column-size, 20ch) 1 1;
  }
  .company-person-management__button-container {
    margin-left: auto;
    flex: 0 1 auto;
    display: flex;
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
    flex-wrap: wrap;
  }
  .company-person-management__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .company-person-management__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .company-person-management__button[disabled], .company-person-management__button--disabled, .company-person-management__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .company-person-management__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .company-person-management__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .company-person-management__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .company-person-management__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .company-person-management__button:active, .company-person-management__button.active, .company-person-management__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .company-person-management__button[disabled], .company-person-management__button--disabled, .company-person-management__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .company-person-management__button {
    --clickable-button-spacing-inline: 0;
    flex: 1;
  }
  .company-person-management__button--primary {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .company-person-management__button--primary:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .company-person-management__button--primary:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .company-person-management__button--primary:active, .company-person-management__button--primary.active, .company-person-management__button--primary--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .company-person-management__button--primary[disabled], .company-person-management__button--primary--disabled, .company-person-management__button--primary:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .company-person-management__button--remove {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-red-500, #d9534f);
  }
  .company-person-management__button--remove:where(:hover) {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
    --clickable-button-background-color: white;
  }
  .company-person-management__button--remove:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
  }
  .company-person-management__button--remove:active, .company-person-management__button--remove.active, .company-person-management__button--remove--active {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
  }
  .company-person-management__button--remove[disabled], .company-person-management__button--remove--disabled, .company-person-management__button--remove:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
  }
}
.project-editor-control__container {
  width: 100%;
  height: 100%;
}
.project-editor-control__info {
  margin-bottom: 1rem;
}

.proposal-editor-control__container {
  width: 100%;
  height: 100%;
}
.proposal-editor-control__info {
  margin-bottom: 1rem;
}

@layer controls {
  .configurator-tab {
    --tab-size: 25ch;
    flex: 1;
    height: 2rem;
    display: flex;
    min-width: var(--tab-size);
    max-width: var(--tab-size);
  }
  .configurator-tab--valid .lb-icon {
    color: var(--clr-green-700, #377f37);
  }
  .configurator-tab--invalid {
    position: sticky;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .configurator-tab--invalid .lb-icon {
    color: var(--clr-red-800, #8a211e);
  }
  .configurator-tab .configurator-item--font {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: 0;
  }
  .configurator-tab__button {
    flex: 1;
    max-width: 100%;
    gap: 0.5em;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    --clickable-outline-width: .25rem;
    --clickable-outline-offset: -.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: var(--clickable-area-direction, row);
    position: var(--clickable-area-position, relative);
    min-height: var(--clickable-area-min-height);
    padding-inline: var(--clickable-area-spacing-inline);
    padding-block: var(--clickable-area-spacing-block);
    text-decoration: none;
    border: var(--clickable-area-border-color) solid var(--clickable-area-border-width);
    color: var(--clickable-area-text-color, inherit);
    background-color: hsl(from var(--clickable-area-background-color) h s l/var(--clickable-area-background-opacity));
  }
  .configurator-tab__button::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    inset-block-start: auto;
    min-width: var(--clickable-area-marker-size, 0.125rem);
    min-height: var(--clickable-area-marker-size, 0.125rem);
    opacity: var(--clickable-area-marker-opacity, 0);
    background-color: var(--clickable-area-marker-color, var(--clickable-area-text-color, transparent));
  }
  .configurator-tab__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .configurator-tab__button[disabled], .configurator-tab__button--disabled, .configurator-tab__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .configurator-tab__button {
      --clickable-area-background-color: white;
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .configurator-tab__button:where(:hover) {
      --clickable-area-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0.2;
    }
  }
  @layer theme {
    .configurator-tab__button[disabled], .configurator-tab__button--disabled, .configurator-tab__button:where([aria-disabled=true]) {
      --clickable-area-text-color: var(--clr-neutral-300, #b8b8b8);
      --clickable-area-background-opacity: 0;
    }
  }
  @layer theme {
    .configurator-tab__button--selected, .configurator-tab__button:where([aria-selected=true]), .configurator-tab__button:where([aria-checked]) {
      --clickable-area-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-area-background-opacity: 1;
      --clickable-area-marker-opacity: 1;
    }
  }
  .configurator-tab__button > span {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .configurator-tab--invalid .configurator-tab__button {
    --clickable-area-text-color: var(--clr-red-800, #8a211e);
    --clickable-area-background-color: var(--clr-red-100, #f7dddc);
    --clickable-area-background-opacity: 1;
  }
}
@layer controls {
  .eas-gui-configurator {
    height: 100%;
    flex: 1;
  }
  .eas-gui-configurator__tab-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto hidden;
  }
  @supports (-moz-appearance: none) {
    .eas-gui-configurator__tab-list {
      padding-bottom: 8px;
    }
  }
  .eas-gui-configurator__context-menu-item--info {
    color: var(--clr-blue-700, #1f537b);
  }
  .eas-gui-configurator__context-menu-item--undo {
    color: var(--clr-neutral-600, #707070);
  }
  .cfg-editing-tooltip {
    display: none;
  }
  body.cfg-editing .cfg-editing-tooltip {
    display: block;
  }
  .cfg-error {
    font-size: 1rem;
  }
  .cfg-content {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-top-width: var(--border-width, thin);
    overflow-y: scroll;
    flex-grow: 1;
    position: relative;
  }
  .cfg-content .card {
    margin: 5px;
    box-shadow: none;
  }
  .cfg-content .center-v {
    position: relative;
  }
  .cfg-content .center-v > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .configurator-item {
    overflow: var(--overflow, hidden);
  }
  .configurator-item__label {
    flex-shrink: 0;
    margin: 0;
    width: var(--label-width);
    font-style: var(--font-style);
    overflow: hidden;
    white-space: pre;
  }
  .configurator-item--top-label .configurator-item__label {
    line-height: 1rem;
  }
  .configurator-item--no-label .configurator-item__label {
    display: none;
  }
  .configurator-item--top-label .configurator-item__element {
    width: 100%;
    height: calc(var(--height) - 1rem - var(--vertical-gap));
  }
  .configurator-item--no-label .configurator-item__element {
    width: 100%;
  }
  .configurator-item--left-label .configurator-item__element, .configurator-item--right-label .configurator-item__element {
    width: calc(var(--width) - var(--label-width) - var(--horizontal-gap));
    height: 100%;
  }
  .configurator-item__icon-container {
    cursor: pointer;
  }
  .configurator-item__menu {
    visibility: hidden;
  }
  .configurator-item:hover .configurator-item__menu {
    visibility: visible;
    cursor: pointer;
  }
  .configurator-static-group-box--card .configurator-item--edit-control, .configurator-static-group-box--card .configurator-item--display-control {
    translate: -4px -9px;
  }
  .configurator-static-group-box--card .configurator-item--display-control .configurator-item--edit-control {
    translate: none;
  }
  .configurator-item--edit-control {
    overflow: visible;
  }
  .configurator-item--edit-control .form-group, .configurator-item--edit-control .cfg-checkbox, .configurator-item--edit-control label {
    position: relative;
    margin-bottom: 0;
  }
  .configurator-item--edit-control.configurator-item--top-label, .configurator-item--edit-control.configurator-item--left-label, .configurator-item--edit-control.configurator-item--right-label, .configurator-item--edit-control.configurator-item--no-label {
    display: grid;
    gap: var(--horizontal-gap, 0) var(--vertical-gap, 0);
    padding-inline: var(--horizontal-gap, 0);
  }
  .configurator-item--edit-control.configurator-item--top-label {
    grid-template-columns: minmax(0, 1fr) var(--icon-space, auto);
    grid-template-rows: 1rem minmax(0, 1fr);
    grid-template-areas: "label label" "control icons";
  }
  .configurator-item--edit-control.configurator-item--top-label.configurator-item--no-icon-space.configurator-item--hide-icons {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "label" "control";
  }
  .configurator-item--edit-control.configurator-item--left-label {
    grid-template-columns: var(--label-width) minmax(min-content, 1fr) var(--icon-space, auto);
    grid-template-areas: "label control icons";
  }
  .configurator-item--edit-control.configurator-item--left-label.configurator-item--no-icon-space.configurator-item--hide-icons {
    grid-template-columns: var(--label-width) minmax(min-content, 1fr);
    grid-template-areas: "label control";
  }
  .configurator-item--edit-control.configurator-item--right-label {
    grid-template-columns: minmax(min-content, 1fr) var(--label-width) var(--icon-space, auto);
    grid-template-areas: "control label icons";
  }
  .configurator-item--edit-control.configurator-item--right-label.configurator-item--no-icon-space.configurator-item--hide-icons {
    grid-template-columns: minmax(min-content, 1fr) var(--label-width);
    grid-template-areas: "control label";
  }
  .configurator-item--edit-control.configurator-item--no-label {
    grid-template-columns: minmax(min-content, 1fr) var(--icon-space, auto);
    grid-template-areas: "control icons";
  }
  .configurator-item--edit-control.configurator-item--no-label.configurator-item--no-icon-space.configurator-item--hide-icons {
    grid-template-columns: minmax(min-content, 1fr);
    grid-template-areas: "control";
  }
  .configurator-item--edit-control.configurator-item--icon-space {
    --icon-space: 2rem;
  }
  .configurator-item__label {
    grid-area: label;
  }
  .configurator-item .edit-element-container__input-container {
    grid-area: control;
  }
  .configurator-item .edit-element-container__icons {
    grid-area: icons;
  }
  .configurator-item--top-label > .configurator-item {
    flex-direction: column;
    gap: var(--vertical-gap);
  }
  .configurator-item--right-label:not(.card) .configurator-item__element {
    line-height: var(--height);
  }
  .configurator-item--label-top:not(.card) .configurator-item__label {
    align-self: start;
  }
  .configurator-item--label-center:not(.card) .configurator-item__label {
    align-self: center;
  }
  .configurator-item--label-bottom:not(.card) .configurator-item__label {
    align-self: end;
  }
  .configurator-item--label-stretch:not(.card) .configurator-item__label {
    align-self: stretch;
  }
  .configurator-item--label-text-left:not(.card) .configurator-item__label {
    text-align: left;
  }
  .configurator-item--label-text-right:not(.card) .configurator-item__label {
    text-align: right;
  }
  .configurator-item--positioned {
    position: absolute;
    top: var(--position-y);
    left: var(--position-x);
  }
  .configurator-item--sized {
    width: var(--width);
    height: var(--height);
    min-width: 0;
    min-height: 0;
  }
  .configurator-item--sized-auto {
    height: 100%;
    width: 100%;
    min-width: 0;
    padding: 0;
  }
  .configurator-item--fg {
    color: var(--fg-color, var(--clr-neutral-900, #292929));
  }
  .configurator-item--bg {
    background-color: var(--bg-color) !important;
  }
  .configurator-item--font {
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    font-style: var(--font-style);
  }
  .configurator-item--disabled label {
    cursor: default;
  }
  .configurator-item.card, .configurator-item.card .configurator-item {
    padding: 0;
  }
}
@layer controls {
  .configurator-button-control__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    --clickable-button-text-color: var(--fg-color);
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
    line-height: var(--height);
    font-size: var(--font-size);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-style: var(--font-style);
  }
  .configurator-button-control__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .configurator-button-control__button[disabled], .configurator-button-control__button--disabled, .configurator-button-control__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .configurator-button-control__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .configurator-button-control__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .configurator-button-control__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .configurator-button-control__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .configurator-button-control__button:active, .configurator-button-control__button.active, .configurator-button-control__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .configurator-button-control__button[disabled], .configurator-button-control__button--disabled, .configurator-button-control__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .configurator-button-control__label--upload {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    --clickable-button-text-color: var(--fg-color);
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
    line-height: var(--height);
    font-size: var(--font-size);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-style: var(--font-style);
  }
  .configurator-button-control__label--upload:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .configurator-button-control__label--upload[disabled], .configurator-button-control__label--upload--disabled, .configurator-button-control__label--upload:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .configurator-button-control__label--upload:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .configurator-button-control__label--upload {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .configurator-button-control__label--upload:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .configurator-button-control__label--upload:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .configurator-button-control__label--upload:active, .configurator-button-control__label--upload.active, .configurator-button-control__label--upload--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .configurator-button-control__label--upload[disabled], .configurator-button-control__label--upload--disabled, .configurator-button-control__label--upload:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
}
@layer controls {
  .configurator-item--show-icons {
    --icon-column: auto;
  }
  .configurator-item--edit-item {
    translate: -4px -9px;
    position: absolute;
    overflow: visible;
  }
  .configurator-item--edit-item .form-group, .configurator-item--edit-item .cfg-checkbox, .configurator-item--edit-item label {
    position: relative;
    margin-bottom: 0;
  }
}
.cfg-groupbox .cfg-groupbox {
  grid-column: span 2;
}
.cfg-groupbox > .card-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 5px;
  gap: 10px;
}

@layer controls {
  .configurator-label-control {
    display: flex;
  }
  .configurator-label-control__text {
    white-space: nowrap;
  }
}
@layer controls {
  .configurator-radio-buttons-control__radio-container {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(19px, 1fr));
    grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr));
    align-items: start;
  }
}
@layer controls {
  .configurator-checkbox-control__input-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@layer controls {
  .configurator-checklistbox-control__check-list-container {
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(19px, 1fr));
    grid-template-columns: repeat(var(--columns, 1), minmax(0, 1fr));
    align-items: start;
  }
}
@layer controls {
  .configurator-checklistbox-single-control {
    display: flex;
    gap: 4px;
  }
  .configurator-checklistbox-single-control label {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .configurator-checklistbox-single-control input:not([disabled]) {
    cursor: pointer;
  }
}
@layer controls {
  .configurator-combobox-control__input {
    width: 100%;
    height: 100%;
  }
  .configurator-combobox-control__input:not([disabled]) {
    background-color: white;
  }
}
@layer controls {
  .configurator-radio-button-single-control {
    display: flex;
    align-items: center;
    padding: 1px 2px;
    gap: 4px;
  }
  .configurator-radio-button-single-control label {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .configurator-radio-button-single-control input:not([disabled]) {
    cursor: pointer;
  }
}
@layer controls {
  .configurator-text-control__input {
    width: 100%;
    height: 100%;
  }
}
@layer controls {
  .configurator-image {
    overflow: hidden;
  }
  .configurator-image__content {
    object-fit: var(--image-stretch);
    object-position: var(--image-vertical-position, top) var(--image-horizontal-position, left);
    width: 100%;
    height: 100%;
    border: var(--image-border-thickness) solid var(--image-border-color);
  }
}
@layer controls {
  .compose-mail-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .compose-mail-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .compose-mail-dialog__buttons button:not(.eas-modal__button),
    .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button),
    .compose-mail-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button)[disabled], .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .compose-mail-dialog__buttons .btn:not(.eas-modal__button)[disabled], .compose-mail-dialog__buttons button--disabled:not(.eas-modal__button), .compose-mail-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .compose-mail-dialog__buttons .btn--disabled:not(.eas-modal__button), .compose-mail-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button):where(:hover), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .compose-mail-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .compose-mail-dialog__buttons button:not(.eas-modal__button), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button), .compose-mail-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .compose-mail-dialog__buttons button:not(.eas-modal__button):where(:hover), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .compose-mail-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .compose-mail-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .compose-mail-dialog__buttons button:not(.eas-modal__button):active, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):active, .compose-mail-dialog__buttons .btn:not(.eas-modal__button):active, .compose-mail-dialog__buttons button:not(.eas-modal__button).active, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).active, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).active, .compose-mail-dialog__buttons button--active:not(.eas-modal__button), .compose-mail-dialog__buttons .e-btn--active:not(.eas-modal__button), .compose-mail-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .compose-mail-dialog__buttons button:not(.eas-modal__button)[disabled], .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .compose-mail-dialog__buttons .btn:not(.eas-modal__button)[disabled], .compose-mail-dialog__buttons button--disabled:not(.eas-modal__button), .compose-mail-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .compose-mail-dialog__buttons .btn--disabled:not(.eas-modal__button), .compose-mail-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary:active, .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary.active, .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .compose-mail-dialog__buttons button--active:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .compose-mail-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .compose-mail-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .compose-mail-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .compose-mail-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .compose-mail-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .compose-mail-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .compose-mail-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .compose-mail-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .compose-mail-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .compose-mail-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .compose-mail-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .compose-mail-dialog .e-dlg-content {
    display: block;
  }
  .compose-mail-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "form" "body" "buttons";
    gap: var(--spacing-1, 0.5rem);
  }
  .compose-mail-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .compose-mail-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button),
    .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .compose-mail-dialog .e-footer-content button--disabled:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .compose-mail-dialog .e-footer-content button:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):active, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):active, .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).active, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).active, .compose-mail-dialog .e-footer-content button--active:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .compose-mail-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .compose-mail-dialog .e-footer-content button--disabled:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .compose-mail-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .compose-mail-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .compose-mail-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .compose-mail-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .compose-mail-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .compose-mail-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .compose-mail-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .compose-mail-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .compose-mail-dialog .e-footer-content:empty {
    display: none;
  }
  .compose-mail-dialog__buttons {
    grid-area: buttons;
    display: flex;
    gap: 0.5rem;
  }
  .compose-mail-dialog__button.e-btn {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .compose-mail-dialog__button.e-btn:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .compose-mail-dialog__button.e-btn[disabled], .compose-mail-dialog__button.e-btn--disabled, .compose-mail-dialog__button.e-btn:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .compose-mail-dialog__button.e-btn:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .compose-mail-dialog__button.e-btn {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .compose-mail-dialog__button.e-btn:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .compose-mail-dialog__button.e-btn:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .compose-mail-dialog__button.e-btn:active, .compose-mail-dialog__button.e-btn.active, .compose-mail-dialog__button.e-btn--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .compose-mail-dialog__button.e-btn[disabled], .compose-mail-dialog__button.e-btn--disabled, .compose-mail-dialog__button.e-btn:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .compose-mail-dialog__button--send {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .compose-mail-dialog__button--send:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .compose-mail-dialog__button--send:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .compose-mail-dialog__button--send:active, .compose-mail-dialog__button--send.active, .compose-mail-dialog__button--send--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .compose-mail-dialog__button--send[disabled], .compose-mail-dialog__button--send--disabled, .compose-mail-dialog__button--send:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .compose-mail-dialog .e-richtexteditor {
    display: flex;
    flex-direction: column;
  }
  .compose-mail-dialog .e-rte-container {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .compose-mail-dialog .e-rte-content {
    flex-grow: 1;
  }
  .compose-mail-dialog .e-rte-placeholder {
    display: none;
  }
  .compose-mail-dialog .e-rte-dropdown-btn-text-wrapper {
    min-width: fit-content;
  }
  .compose-mail-dialog .e-icon-btn {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .compose-mail-dialog .e-icon-btn:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .compose-mail-dialog .e-icon-btn[disabled], .compose-mail-dialog .e-icon-btn--disabled, .compose-mail-dialog .e-icon-btn:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .compose-mail-dialog .e-icon-btn:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .compose-mail-dialog .e-icon-btn {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .compose-mail-dialog .e-icon-btn:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  .compose-mail-dialog .e-icon-btn {
    text-align: center;
    --clickable-button-spacing-inline: 0;
    --clickable-button-spacing-block: 0;
  }
  .compose-mail-dialog .e-btn .e-btn-icon.e-icon-left,
  .compose-mail-dialog .e-css.e-btn .e-btn-icon.e-icon-left {
    width: auto;
    margin: 0;
  }
}
@layer controls {
  .exception-dialog.e-dialog {
    background-color: var(--clr-red-100, #f7dddc);
  }
  .exception-dialog .e-dlg-header {
    color: var(--clr-red-800, #8a211e);
  }
  .exception-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .exception-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .exception-dialog__buttons button:not(.eas-modal__button),
    .exception-dialog__buttons .e-btn:not(.eas-modal__button),
    .exception-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .exception-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .exception-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .exception-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .exception-dialog__buttons button:not(.eas-modal__button)[disabled], .exception-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .exception-dialog__buttons .btn:not(.eas-modal__button)[disabled], .exception-dialog__buttons button--disabled:not(.eas-modal__button), .exception-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .exception-dialog__buttons .btn--disabled:not(.eas-modal__button), .exception-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .exception-dialog__buttons button:not(.eas-modal__button):where(:hover), .exception-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .exception-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .exception-dialog__buttons button:not(.eas-modal__button), .exception-dialog__buttons .e-btn:not(.eas-modal__button), .exception-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .exception-dialog__buttons button:not(.eas-modal__button):where(:hover), .exception-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .exception-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .exception-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .exception-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .exception-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .exception-dialog__buttons button:not(.eas-modal__button):active, .exception-dialog__buttons .e-btn:not(.eas-modal__button):active, .exception-dialog__buttons .btn:not(.eas-modal__button):active, .exception-dialog__buttons button:not(.eas-modal__button).active, .exception-dialog__buttons .e-btn:not(.eas-modal__button).active, .exception-dialog__buttons .btn:not(.eas-modal__button).active, .exception-dialog__buttons button--active:not(.eas-modal__button), .exception-dialog__buttons .e-btn--active:not(.eas-modal__button), .exception-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .exception-dialog__buttons button:not(.eas-modal__button)[disabled], .exception-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .exception-dialog__buttons .btn:not(.eas-modal__button)[disabled], .exception-dialog__buttons button--disabled:not(.eas-modal__button), .exception-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .exception-dialog__buttons .btn--disabled:not(.eas-modal__button), .exception-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .exception-dialog__buttons button:not(.eas-modal__button).e-primary, .exception-dialog__buttons button:not(.eas-modal__button).btn-primary, .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary, .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .exception-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .exception-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .exception-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .exception-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .exception-dialog__buttons button:not(.eas-modal__button).e-primary:active, .exception-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .exception-dialog__buttons button:not(.eas-modal__button).e-primary.active, .exception-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .exception-dialog__buttons button--active:not(.eas-modal__button).e-primary, .exception-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .exception-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .exception-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .exception-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .exception-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .exception-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .exception-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .exception-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .exception-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .exception-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .exception-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .exception-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .exception-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .exception-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .exception-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .exception-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .exception-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .exception-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .exception-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .exception-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .exception-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .exception-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .exception-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .exception-dialog .e-dlg-content {
    display: block;
  }
  .exception-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: auto 1fr;
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-areas: "icon reason" "main main" "buttons buttons";
    gap: var(--spacing-1, 0.5rem);
  }
  .exception-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .exception-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .exception-dialog .e-footer-content button:not(.eas-modal__button),
    .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .exception-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .exception-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .exception-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .exception-dialog .e-footer-content button--disabled:not(.eas-modal__button), .exception-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .exception-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .exception-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .exception-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .exception-dialog .e-footer-content button:not(.eas-modal__button), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button), .exception-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .exception-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .exception-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .exception-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .exception-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .exception-dialog .e-footer-content button:not(.eas-modal__button):active, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .exception-dialog .e-footer-content .btn:not(.eas-modal__button):active, .exception-dialog .e-footer-content button:not(.eas-modal__button).active, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).active, .exception-dialog .e-footer-content button--active:not(.eas-modal__button), .exception-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .exception-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .exception-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .exception-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .exception-dialog .e-footer-content button--disabled:not(.eas-modal__button), .exception-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .exception-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .exception-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .exception-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .exception-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .exception-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .exception-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .exception-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .exception-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .exception-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .exception-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .exception-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .exception-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .exception-dialog .e-footer-content:empty {
    display: none;
  }
  .exception-dialog__icon {
    grid-area: icon;
  }
  .exception-dialog__reason {
    grid-area: reason;
  }
  .exception-dialog__main {
    grid-area: main;
  }
  .exception-dialog__icon {
    font-size: 300%;
    width: 4rem;
    height: 4rem;
    color: white;
    background: var(--clr-red-800, #8a211e);
    border-radius: 50%;
  }
  .exception-dialog__stacktrace {
    padding: var(--spacing-3, 1rem);
    border-radius: 0;
  }
  .exception-dialog .card {
    background-color: white;
  }
  .exception-dialog .card-header::after {
    border-color: var(--clr-red-500, #d9534f);
  }
  .exception-dialog .title-container,
  .exception-dialog .action-button,
  .exception-dialog .action-button:hover,
  .exception-dialog .action-button:focus,
  .exception-dialog .action-button:active {
    --clr-primary: var(--clr-red-800, #8a211e);
    color: var(--clr-red-800, #8a211e);
    background-color: transparent;
  }
  .exception-dialog__button--download {
    color: var(--clr-red-800, #8a211e);
    background-color: var(--clr-red-100, #f7dddc);
  }
}
@layer controls {
  .pricing-editor-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .pricing-editor-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .pricing-editor-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .pricing-editor-dialog .e-dlg-content {
    display: block;
  }
  .pricing-editor-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas: "actions" "alert" "grid";
    gap: var(--spacing-1, 0.5rem);
  }
  .pricing-editor-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .pricing-editor-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button),
    .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .pricing-editor-dialog .e-footer-content button--disabled:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):active, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):active, .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).active, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).active, .pricing-editor-dialog .e-footer-content button--active:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .pricing-editor-dialog .e-footer-content button--disabled:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .pricing-editor-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .pricing-editor-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .pricing-editor-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .pricing-editor-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .pricing-editor-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .pricing-editor-dialog .e-footer-content:empty {
    display: none;
  }
  .pricing-editor-dialog__buttons--top {
    margin-top: 0.5em;
    grid-area: actions;
  }
  .pricing-editor-dialog__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .pricing-editor-dialog__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .pricing-editor-dialog__button[disabled], .pricing-editor-dialog__button--disabled, .pricing-editor-dialog__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .pricing-editor-dialog__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .pricing-editor-dialog__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .pricing-editor-dialog__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .pricing-editor-dialog__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .pricing-editor-dialog__button:active, .pricing-editor-dialog__button.active, .pricing-editor-dialog__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .pricing-editor-dialog__button[disabled], .pricing-editor-dialog__button--disabled, .pricing-editor-dialog__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .pricing-editor-dialog__button--calculate {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .pricing-editor-dialog__button--calculate:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .pricing-editor-dialog__button--calculate:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .pricing-editor-dialog__button--calculate:active, .pricing-editor-dialog__button--calculate.active, .pricing-editor-dialog__button--calculate--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .pricing-editor-dialog__button--calculate[disabled], .pricing-editor-dialog__button--calculate--disabled, .pricing-editor-dialog__button--calculate:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 50ch) {
        .pricing-editor-dialog__button--calculate .pricing-editor-dialog__button-text, .pricing-editor-dialog__button--revert .pricing-editor-dialog__button-text {
          display: none;
        }
      }
    }
  }
  @container (width < 50ch) {
    .pricing-editor-dialog__button--calculate .pricing-editor-dialog__button-text, .pricing-editor-dialog__button--revert .pricing-editor-dialog__button-text {
      display: none;
    }
  }
  .pricing-editor-dialog__pricing-editor .pricing-editor__grid {
    height: 100%;
  }
  .pricing-editor-dialog__pricing-editor .pricing-editor__alert {
    grid-area: alert;
  }
  .pricing-editor-dialog .e-dlg-content {
    overflow: visible;
    min-height: 0;
  }
}
@layer controls {
  .zoom-slider-dialog__content {
    display: flex;
    margin: 1rem;
    justify-content: center;
    align-items: center;
  }
  .zoom-slider-dialog__value {
    padding: 0 1rem 0 1rem;
    font-size: 1.5rem;
  }
  .zoom-slider-dialog__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .zoom-slider-dialog__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .zoom-slider-dialog__button[disabled], .zoom-slider-dialog__button--disabled, .zoom-slider-dialog__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .zoom-slider-dialog__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .zoom-slider-dialog__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .zoom-slider-dialog__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .zoom-slider-dialog__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .zoom-slider-dialog__button:active, .zoom-slider-dialog__button.active, .zoom-slider-dialog__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .zoom-slider-dialog__button[disabled], .zoom-slider-dialog__button--disabled, .zoom-slider-dialog__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
}
@layer controls {
  .company-edit-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .company-edit-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .company-edit-dialog__buttons button:not(.eas-modal__button),
    .company-edit-dialog__buttons .e-btn:not(.eas-modal__button),
    .company-edit-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button)[disabled], .company-edit-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .company-edit-dialog__buttons .btn:not(.eas-modal__button)[disabled], .company-edit-dialog__buttons button--disabled:not(.eas-modal__button), .company-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .company-edit-dialog__buttons .btn--disabled:not(.eas-modal__button), .company-edit-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button):where(:hover), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .company-edit-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .company-edit-dialog__buttons button:not(.eas-modal__button), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button), .company-edit-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .company-edit-dialog__buttons button:not(.eas-modal__button):where(:hover), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .company-edit-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .company-edit-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .company-edit-dialog__buttons button:not(.eas-modal__button):active, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):active, .company-edit-dialog__buttons .btn:not(.eas-modal__button):active, .company-edit-dialog__buttons button:not(.eas-modal__button).active, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).active, .company-edit-dialog__buttons .btn:not(.eas-modal__button).active, .company-edit-dialog__buttons button--active:not(.eas-modal__button), .company-edit-dialog__buttons .e-btn--active:not(.eas-modal__button), .company-edit-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .company-edit-dialog__buttons button:not(.eas-modal__button)[disabled], .company-edit-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .company-edit-dialog__buttons .btn:not(.eas-modal__button)[disabled], .company-edit-dialog__buttons button--disabled:not(.eas-modal__button), .company-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .company-edit-dialog__buttons .btn--disabled:not(.eas-modal__button), .company-edit-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary:active, .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary.active, .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .company-edit-dialog__buttons button--active:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .company-edit-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .company-edit-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .company-edit-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .company-edit-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .company-edit-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .company-edit-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .company-edit-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .company-edit-dialog .e-dlg-content {
    display: block;
  }
  .company-edit-dialog .company-edit-dialog__container {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-areas: "tab-container" "buttons";
    gap: var(--spacing-1, 0.5rem);
    height: 100%;
  }
  .company-edit-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .company-edit-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button),
    .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .company-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button), .company-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .company-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .company-edit-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .company-edit-dialog .e-footer-content button:not(.eas-modal__button), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .company-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .company-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .company-edit-dialog .e-footer-content button:not(.eas-modal__button):active, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):active, .company-edit-dialog .e-footer-content button:not(.eas-modal__button).active, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).active, .company-edit-dialog .e-footer-content button--active:not(.eas-modal__button), .company-edit-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .company-edit-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .company-edit-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .company-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button), .company-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .company-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .company-edit-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .company-edit-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .company-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .company-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .company-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .company-edit-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .company-edit-dialog .e-footer-content:empty {
    display: none;
  }
  .company-edit-dialog__tab-container {
    grid-area: tab-container;
  }
  .company-edit-dialog:has(.company-edit-dialog__tab--main.e-active) .e-content .e-item.e-active, .company-edit-dialog:has(.company-edit-dialog__tab--additional.e-active) .e-content .e-item.e-active {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
    padding: var(--spacing-1, 0.5rem);
  }
  .company-edit-dialog:has(.company-edit-dialog__tab--main.e-active) .e-content .e-item {
    align-content: start;
  }
  .company-edit-dialog__contact, .company-edit-dialog__inco {
    flex: 1 1 45%;
  }
  .company-edit-dialog__user-fields {
    flex: 1 1 40ch;
  }
  .company-edit-dialog__notes {
    flex: 1 1 40ch;
  }
  .company-edit-dialog__general, .company-edit-dialog__company-data, .company-edit-dialog__contact, .company-edit-dialog__inco {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
    --flex-grow: 10;
    --flex-shrink: 10;
    --flex-basis: 15%;
  }
  .company-edit-dialog__general > *, .company-edit-dialog__company-data > *, .company-edit-dialog__contact > *, .company-edit-dialog__inco > * {
    flex: var(--flex-grow, 1) var(--flex-shrink, 1) max(15ch, var(--flex-basis, 15%));
  }
  .company-edit-dialog__general .lb-form-field--company, .company-edit-dialog__company-data .lb-form-field--company, .company-edit-dialog__contact .lb-form-field--company, .company-edit-dialog__inco .lb-form-field--company {
    --flex-basis: 45%;
  }
  .company-edit-dialog__general {
    order: -1;
    --flex-basis: 20%;
  }
  .company-edit-dialog__company-data {
    position: relative;
  }
  .company-edit-dialog__company-data::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "\f1ad";
    position: absolute;
    --margin: 1.5rem;
    top: var(--margin);
    left: var(--margin);
    pointer-events: none;
    font-size: 6rem;
    opacity: 0.075;
    color: var(--clr-neutral-600, #707070);
  }
  .company-edit-dialog__contact {
    position: relative;
  }
  .company-edit-dialog__contact::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "\f8d3";
    position: absolute;
    --margin: 1.5rem;
    top: var(--margin);
    left: var(--margin);
    pointer-events: none;
    font-size: 6rem;
    opacity: 0.075;
    color: var(--clr-neutral-600, #707070);
  }
  .company-edit-dialog__contact {
    align-self: start;
    --flex-basis: 30%;
  }
  .company-edit-dialog__inco {
    position: relative;
  }
  .company-edit-dialog__inco::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "\f4dc";
    position: absolute;
    --margin: 1.5rem;
    top: var(--margin);
    left: var(--margin);
    pointer-events: none;
    font-size: 6rem;
    opacity: 0.075;
    color: var(--clr-neutral-600, #707070);
  }
  .company-edit-dialog__inco {
    align-self: start;
    --flex-basis: 45%;
  }
  .company-edit-dialog__company-data, .company-edit-dialog__contact, .company-edit-dialog__inco, .company-edit-dialog__user-fields, .company-edit-dialog__notes {
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    padding: var(--spacing-3, 1rem);
  }
  .company-edit-dialog__user-fields {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0 var(--spacing-1, 0.5rem);
    align-content: start;
    align-items: center;
    overflow: auto;
  }
  .company-edit-dialog__user-fields-header {
    grid-column: 1/-1;
    height: 19px;
    color: var(--clr-neutral-600, #707070);
    font-size: 13px;
  }
  .company-edit-dialog__notes {
    position: relative;
  }
  .company-edit-dialog__notes::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "\f304";
    position: absolute;
    --margin: 1.5rem;
    top: var(--margin);
    left: var(--margin);
    pointer-events: none;
    font-size: 6rem;
    opacity: 0.075;
    color: var(--clr-neutral-600, #707070);
  }
  .company-edit-dialog__notes {
    min-height: 9rem;
  }
  .company-edit-dialog__notes .e-control-wrapper {
    min-height: calc(100% - 16px);
  }
  .company-edit-dialog__notes .e-control-wrapper textarea {
    resize: none;
  }
  .company-edit-dialog__input--title {
    order: -1;
  }
  .company-edit-dialog__input--name1 {
    order: 0;
    --flex-basis: 30%;
  }
  .company-edit-dialog__input--compact {
    --flex-basis: auto;
    --flex-grow: 0;
  }
  .company-edit-dialog__input--small {
    --flex-shrink: calc(2 * var(--flex-shrink));
    --flex-grow: calc(.5 * var(--flex-grow));
  }
  .company-edit-dialog__input--stretch-2 {
    --flex-shrink: calc((1 / 2) * var(--flex-shrink));
    --flex-grow: calc(2 * var(--flex-grow));
  }
  .company-edit-dialog__input--stretch-3 {
    --flex-shrink: calc((1 / 3) * var(--flex-shrink));
    --flex-grow: calc(3 * var(--flex-grow));
  }
  .company-edit-dialog__input--stretch-4 {
    --flex-shrink: calc((1 / 4) * var(--flex-shrink));
    --flex-grow: calc(4 * var(--flex-grow));
  }
  .company-edit-dialog__input--stretch-5 {
    --flex-shrink: calc((1 / 5) * var(--flex-shrink));
    --flex-grow: calc(5 * var(--flex-grow));
  }
  .company-edit-dialog__form-legend {
    align-self: center;
    margin-inline-end: auto;
    color: var(--clr-red-500, #d9534f);
    font-weight: bold;
  }
  .company-edit-dialog__form-legend::before {
    margin-inline-end: 0.5em;
    content: "*";
  }
  .company-edit-dialog__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .company-edit-dialog__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .company-edit-dialog__button[disabled], .company-edit-dialog__button--disabled, .company-edit-dialog__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .company-edit-dialog__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .company-edit-dialog__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .company-edit-dialog__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .company-edit-dialog__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .company-edit-dialog__button:active, .company-edit-dialog__button.active, .company-edit-dialog__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .company-edit-dialog__button[disabled], .company-edit-dialog__button--disabled, .company-edit-dialog__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .company-edit-dialog__button--save, .company-edit-dialog__button--close {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .company-edit-dialog__button--save:where(:hover), .company-edit-dialog__button--close:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .company-edit-dialog__button--save:where(:focus-visible), .company-edit-dialog__button--close:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .company-edit-dialog__button--save:active, .company-edit-dialog__button--close:active, .company-edit-dialog__button--save.active, .company-edit-dialog__button--close.active, .company-edit-dialog__button--save--active, .company-edit-dialog__button--close--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .company-edit-dialog__button--save[disabled], .company-edit-dialog__button--close[disabled], .company-edit-dialog__button--save--disabled, .company-edit-dialog__button--close--disabled, .company-edit-dialog__button--save:where([aria-disabled=true]), .company-edit-dialog__button--close:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .company-edit-dialog .lb-form-field__value {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
}
@layer overrides {
  .company-edit-dialog .e-checkbox-wrapper {
    height: 50px;
  }
  .company-edit-dialog .e-checkbox-wrapper label {
    bottom: -2em;
  }
}
@layer controls {
  .person-edit-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .person-edit-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .person-edit-dialog__buttons button:not(.eas-modal__button),
    .person-edit-dialog__buttons .e-btn:not(.eas-modal__button),
    .person-edit-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button)[disabled], .person-edit-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .person-edit-dialog__buttons .btn:not(.eas-modal__button)[disabled], .person-edit-dialog__buttons button--disabled:not(.eas-modal__button), .person-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .person-edit-dialog__buttons .btn--disabled:not(.eas-modal__button), .person-edit-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button):where(:hover), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .person-edit-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .person-edit-dialog__buttons button:not(.eas-modal__button), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button), .person-edit-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .person-edit-dialog__buttons button:not(.eas-modal__button):where(:hover), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .person-edit-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .person-edit-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .person-edit-dialog__buttons button:not(.eas-modal__button):active, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):active, .person-edit-dialog__buttons .btn:not(.eas-modal__button):active, .person-edit-dialog__buttons button:not(.eas-modal__button).active, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).active, .person-edit-dialog__buttons .btn:not(.eas-modal__button).active, .person-edit-dialog__buttons button--active:not(.eas-modal__button), .person-edit-dialog__buttons .e-btn--active:not(.eas-modal__button), .person-edit-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .person-edit-dialog__buttons button:not(.eas-modal__button)[disabled], .person-edit-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .person-edit-dialog__buttons .btn:not(.eas-modal__button)[disabled], .person-edit-dialog__buttons button--disabled:not(.eas-modal__button), .person-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .person-edit-dialog__buttons .btn--disabled:not(.eas-modal__button), .person-edit-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary:active, .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary.active, .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .person-edit-dialog__buttons button--active:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .person-edit-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .person-edit-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .person-edit-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-edit-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-edit-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-edit-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-edit-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .person-edit-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .person-edit-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .person-edit-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .person-edit-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .person-edit-dialog .e-dlg-content {
    display: block;
  }
  .person-edit-dialog .person-edit-dialog__container {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    grid-template-areas: "tab-container" "buttons";
    gap: var(--spacing-1, 0.5rem);
    height: 100%;
  }
  .person-edit-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .person-edit-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button),
    .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .person-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button), .person-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .person-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .person-edit-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .person-edit-dialog .e-footer-content button:not(.eas-modal__button), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .person-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .person-edit-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .person-edit-dialog .e-footer-content button:not(.eas-modal__button):active, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):active, .person-edit-dialog .e-footer-content button:not(.eas-modal__button).active, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).active, .person-edit-dialog .e-footer-content button--active:not(.eas-modal__button), .person-edit-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .person-edit-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .person-edit-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .person-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button), .person-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .person-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .person-edit-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .person-edit-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .person-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .person-edit-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .person-edit-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-edit-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-edit-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-edit-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .person-edit-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .person-edit-dialog .e-footer-content:empty {
    display: none;
  }
  .person-edit-dialog__tab-container {
    grid-area: tab-container;
  }
  .person-edit-dialog:has(.person-edit-dialog__tab--main.e-active) .e-content .e-item.e-active, .person-edit-dialog:has(.person-edit-dialog__tab--additional.e-active) .e-content .e-item.e-active {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
    padding: var(--spacing-1, 0.5rem);
  }
  .person-edit-dialog:has(.person-edit-dialog__tab--main.e-active) .e-content .e-item {
    align-content: start;
  }
  .person-edit-dialog__user-fields {
    flex: 3 3 40ch;
  }
  .person-edit-dialog__notes {
    flex: 2 2 40ch;
  }
  .person-edit-dialog__general, .person-edit-dialog__contact {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
    --flex-grow: 10;
    --flex-shrink: 10;
    --flex-basis: 45%;
  }
  .person-edit-dialog__general > *, .person-edit-dialog__contact > * {
    flex: var(--flex-grow, 1) var(--flex-shrink, 1) clamp(15ch, var(--flex-basis, 15%), 35ch);
  }
  .person-edit-dialog__contact, .person-edit-dialog__user-fields, .person-edit-dialog__notes {
    outline: solid 2px rgba(231, 231, 231, 0.5333333333);
    outline-offset: -1px;
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    padding: var(--spacing-3, 1rem);
  }
  .person-edit-dialog__general {
    order: -1;
  }
  .person-edit-dialog__contact {
    position: relative;
  }
  .person-edit-dialog__contact::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "\f8d3";
    position: absolute;
    --margin: 1.5rem;
    top: var(--margin);
    left: var(--margin);
    pointer-events: none;
    font-size: 6rem;
    opacity: 0.075;
    color: var(--clr-neutral-600, #707070);
  }
  .person-edit-dialog__user-fields {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0 var(--spacing-1, 0.5rem);
    align-content: start;
    align-items: center;
    overflow: auto;
  }
  .person-edit-dialog__user-fields-header {
    grid-column: 1/-1;
    height: 19px;
    color: var(--clr-neutral-600, #707070);
    font-size: 13px;
  }
  .person-edit-dialog__notes {
    position: relative;
  }
  .person-edit-dialog__notes::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    aspect-ratio: 1/1;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    content: "\f304";
    position: absolute;
    --margin: 1.5rem;
    top: var(--margin);
    left: var(--margin);
    pointer-events: none;
    font-size: 6rem;
    opacity: 0.075;
    color: var(--clr-neutral-600, #707070);
  }
  .person-edit-dialog__notes {
    min-height: 9rem;
  }
  .person-edit-dialog__notes .e-control-wrapper {
    min-height: calc(100% - 16px);
  }
  .person-edit-dialog__notes .e-control-wrapper textarea {
    resize: none;
  }
  .person-edit-dialog__input--name {
    order: 0;
  }
  .person-edit-dialog__input--title {
    order: -1;
  }
  .person-edit-dialog__input--compact {
    --flex-basis: auto;
    --flex-grow: 0;
  }
  .person-edit-dialog__input--small {
    --flex-shrink: calc(2 * var(--flex-shrink));
    --flex-grow: calc(.5 * var(--flex-grow));
  }
  .person-edit-dialog__input--stretch-1 {
    --flex-shrink: calc((1 / 1) * var(--flex-shrink));
    --flex-grow: calc(1 * var(--flex-grow));
  }
  .person-edit-dialog__input--stretch-2 {
    --flex-shrink: calc((1 / 2) * var(--flex-shrink));
    --flex-grow: calc(2 * var(--flex-grow));
  }
  .person-edit-dialog__input--stretch-3 {
    --flex-shrink: calc((1 / 3) * var(--flex-shrink));
    --flex-grow: calc(3 * var(--flex-grow));
  }
  .person-edit-dialog__input--stretch-4 {
    --flex-shrink: calc((1 / 4) * var(--flex-shrink));
    --flex-grow: calc(4 * var(--flex-grow));
  }
  .person-edit-dialog__input--stretch-5 {
    --flex-shrink: calc((1 / 5) * var(--flex-shrink));
    --flex-grow: calc(5 * var(--flex-grow));
  }
  .person-edit-dialog__form-legend {
    align-self: center;
    margin-inline-end: auto;
    color: var(--clr-red-500, #d9534f);
    font-weight: bold;
  }
  .person-edit-dialog__form-legend::before {
    margin-inline-end: 0.5em;
    content: "*";
  }
  .person-edit-dialog__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .person-edit-dialog__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .person-edit-dialog__button[disabled], .person-edit-dialog__button--disabled, .person-edit-dialog__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .person-edit-dialog__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .person-edit-dialog__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .person-edit-dialog__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .person-edit-dialog__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .person-edit-dialog__button:active, .person-edit-dialog__button.active, .person-edit-dialog__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .person-edit-dialog__button[disabled], .person-edit-dialog__button--disabled, .person-edit-dialog__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .person-edit-dialog__button--save, .person-edit-dialog__button--close {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .person-edit-dialog__button--save:where(:hover), .person-edit-dialog__button--close:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .person-edit-dialog__button--save:where(:focus-visible), .person-edit-dialog__button--close:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .person-edit-dialog__button--save:active, .person-edit-dialog__button--close:active, .person-edit-dialog__button--save.active, .person-edit-dialog__button--close.active, .person-edit-dialog__button--save--active, .person-edit-dialog__button--close--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .person-edit-dialog__button--save[disabled], .person-edit-dialog__button--close[disabled], .person-edit-dialog__button--save--disabled, .person-edit-dialog__button--close--disabled, .person-edit-dialog__button--save:where([aria-disabled=true]), .person-edit-dialog__button--close:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .person-edit-dialog .lb-form-field__value {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
}
@layer overrides {
  .person-edit-dialog .e-checkbox-wrapper {
    height: 50px;
  }
  .person-edit-dialog .e-checkbox-wrapper label {
    bottom: -2em;
  }
}
@layer controls {
  .document-preview {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .document-preview__controls {
    display: flex;
    gap: 10px;
    padding: 10px;
  }
  .document-preview__config {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .document-preview__field {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
  }
  .document-preview__field label {
    min-width: 7em;
    margin: 0;
  }
  .document-preview__field > :not(label) {
    min-width: 7em;
    height: 2rem;
    align-self: flex-end;
  }
  .document-preview__button--update {
    aspect-ratio: 1;
    align-self: end;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .document-preview__button--update:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .document-preview__button--update[disabled], .document-preview__button--update--disabled, .document-preview__button--update:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .document-preview__button--update:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .document-preview__button--update {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .document-preview__button--update:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .document-preview__button--update:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .document-preview__button--update:active, .document-preview__button--update.active, .document-preview__button--update--active {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .document-preview__button--update[disabled], .document-preview__button--update--disabled, .document-preview__button--update:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .document-preview--loading .document-preview__button--update .fa, .document-preview--loading .document-preview__button--update .far, .document-preview--loading .document-preview__button--update .fas, .document-preview--loading .document-preview__button--update .fal, .document-preview--loading .document-preview__button--update .fab {
    animation: rotate 2s infinite linear;
  }
  @keyframes rotate {
    to {
      rotate: 360deg;
    }
  }
  .document-preview__content {
    flex: 1;
    display: grid;
    grid-template-areas: "main";
    isolation: isolate;
    position: relative;
  }
  .products-mobile-download {
    position: absolute;
    inset: 0;
  }
  .document-preview__content object, .document-preview__content iframe, .document-preview__content .document-preview-dummy {
    grid-area: main;
  }
  .document-preview__content object, .document-preview__content iframe {
    z-index: 1;
  }
  .document-preview__floating-buttons {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
  }
  .document-preview__floating-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .document-preview__floating-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .document-preview__floating-button[disabled], .document-preview__floating-button--disabled, .document-preview__floating-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .document-preview__floating-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .document-preview__floating-button {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .document-preview__floating-button:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .document-preview__floating-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .document-preview__floating-button:active, .document-preview__floating-button.active, .document-preview__floating-button--active {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .document-preview__floating-button[disabled], .document-preview__floating-button--disabled, .document-preview__floating-button:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .document-preview__floating-button {
    --clickable-button-height: 3em;
    --clickable-button-roundness: calc(3em / 2);
  }
  .document-preview--generating .document-preview__floating-button::after {
    content: "\f2f1";
    font-family: "Font Awesome 5 Pro";
    animation: loading-icon-rotation 2s infinite linear;
    margin-left: 0.5em;
  }
  @keyframes loading-icon-rotation {
    to {
      transform: rotate(360deg);
    }
  }
  .document-preview-dummy {
    grid-area: content;
    padding: 10px;
  }
  .document-preview-dummy__text {
    min-height: 1em;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.04);
  }
  @media (prefers-reduced-motion: no-preference) {
    .document-preview-dummy__text {
      animation: skeleton 4s infinite;
    }
  }
  @keyframes skeleton {
    10%, 54% {
      background-color: rgba(0, 0, 0, 0.08);
    }
    44%, 100% {
      background-color: rgba(0, 0, 0, 0.04);
    }
  }
  .document-preview-dummy__text--10 {
    width: 10%;
  }
  .document-preview-dummy__text--20 {
    width: 20%;
  }
  .document-preview-dummy__text--30 {
    width: 30%;
  }
  .document-preview-dummy__text--40 {
    width: 40%;
  }
  .document-preview-dummy__text--50 {
    width: 50%;
  }
  .document-preview-dummy__text--60 {
    width: 60%;
  }
  .document-preview-dummy__text--70 {
    width: 70%;
  }
  .document-preview-dummy__text--80 {
    width: 80%;
  }
  .document-preview-dummy__text--90 {
    width: 90%;
  }
  .document-preview-dummy__text--100 {
    width: 100%;
  }
}
@layer controls {
  .action-button {
    margin: 0;
    padding: 0;
    width: 1.875rem;
    height: 1.875rem;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .action-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .action-button[disabled], .action-button--disabled, .action-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .action-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .action-button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .action-button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .action-button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .action-button:active, .action-button.active, .action-button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .action-button[disabled], .action-button--disabled, .action-button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .action-button {
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .action-button--xs {
    --circle-button-size: 1.375rem;
  }
  .action-button--sm {
    --circle-button-size: 1.375rem;
  }
  .action-button--lg {
    --circle-button-size: 2.375rem;
  }
  .action-button--xl {
    --circle-button-size: 2.375rem;
  }
  .action-button--toggle::before, .action-button--toggle::after {
    display: none;
  }
  .action-button--toggle.action-button--toggled {
    box-shadow: 0 0.15rem 0.45rem hsla(0, 0%, 0%, 0.5) inset;
  }
  .action-button--toggle.action-button--toggled > * {
    translate: 0 0.125rem;
  }
  .dropdown-menu .action-button--toggle .action-button__icon::after {
    display: none;
  }
  .dropdown-menu .action-button--toggle.action-button--toggled {
    box-shadow: none;
  }
  .dropdown-menu .action-button--toggle.action-button--toggled > * {
    translate: 0;
  }
  .dropdown-menu .action-button--toggle.action-button--toggled .action-button__icon::after {
    display: none;
  }
  .dropdown-menu .action-button--toggle {
    padding-right: 4.5rem;
  }
  .dropdown-menu .action-button--toggle {
    position: relative;
  }
  .dropdown-menu .action-button--toggle::before, .dropdown-menu .action-button--toggle::after {
    position: absolute;
    display: inline-block;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    content: "";
    inset: 0;
    margin-block: auto;
    margin-left: auto;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    pointer-events: none;
  }
  .dropdown-menu .action-button--toggle::before {
    height: 1.5rem;
    border-radius: 0.75rem;
    aspect-ratio: 2/1;
    margin-right: 0.75rem;
    --border-color: var(--clr-neutral-200, #d0d0d0);
    background: white;
    transition: background-color var(--transition-fast, 0.3s);
  }
  .dropdown-menu .action-button--toggle::after {
    height: 1.25rem;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background: var(--clr-neutral-100, #f0f0f0);
    margin-right: 2.35rem;
    transition: margin-right var(--transition-fast, 0.3s);
  }
  .dropdown-menu .action-button--toggle.action-button--toggled::before {
    background: var(--clr-primary-500, #2b73aa);
    --border-color: var(--clr-primary-500, #2b73aa);
  }
  .dropdown-menu .action-button--toggle.action-button--toggled::after {
    margin-right: 0.85rem;
    --border-color: var(--clr-primary-500, #2b73aa);
  }
  .dropdown-item > .action-button__icon {
    margin-left: 0;
    margin-right: 0.5rem;
    width: 1em;
    text-align: center;
  }
  .action-button__text {
    display: none;
  }
  .action-button.dropdown-toggle:not(:has(~ .dropdown-menu .dropdown-item:not(.hidden))) {
    display: none;
  }
  .dropdown-menu .action-button__text {
    display: inline;
  }
  .action-button:focus {
    text-decoration: none;
  }
}
.c-eas-ab {
  display: flex;
}
.c-eas-ab .dropdown-menu {
  padding: 0;
  max-width: calc(100cqi - 2rem);
}
.c-eas-ab .dropdown-menu .dropdown-item {
  box-shadow: unset;
}
.c-eas-ab .dropdown-toggle::after, .c-eas-ab.dropleft .dropdown-toggle::before, .c-eas-ab.dropright .dropdown-toggle::before, .c-eas-ab.dropup .dropdown-toggle::before {
  display: none;
}

.eas-document-editor {
  height: calc(100% - 6px);
}
.eas-document-editor > div {
  height: 100%;
}

@layer controls {
  .eas-form {
    overflow: visible;
  }
  .eas-form__grid {
    display: var(--grid-display, grid);
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--spacing-1, 0.5rem) var(--spacing-1, 0.5rem);
    align-items: start;
  }
  .eas-form__column {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-1, 0.5rem);
  }
  .eas-form__field {
    --label-height: 19px;
    --input-height: 2rem;
  }
  .eas-form__field:where(:not(.e-popup)) {
    height: calc(var(--input-height) + var(--label-height));
  }
  .eas-form__field--title {
    line-height: normal;
    letter-spacing: 0.025em;
    color: var(--clr-neutral-800, #414141);
    font-size: 1rem;
    font-style: italic;
  }
  .eas-form__field--title:last-child {
    margin-block-end: 0;
  }
  .eas-form__field--title {
    line-height: calc(var(--input-height) + var(--label-height));
  }
  .eas-form__field--checkbox {
    margin-top: var(--label-height);
    height: var(--input-height);
    display: flex;
    align-items: center;
  }
  .eas-form__field--empty {
    visibility: hidden;
  }
  .eas-form__field--required label::after {
    content: "*";
  }
  .eas-form__field.e-control-wrapper {
    height: var(--input-height);
  }
  .eas-form__field.e-control-wrapper .e-input-group-icon,
  .eas-form__field.e-control-wrapper .e-clear-icon {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
    --clickable-button-height: calc(2rem - 1px);
    --clickable-button-width: 2rem;
    display: flex;
    margin: 0;
    position: relative;
  }
  .eas-form__field.e-control-wrapper .e-input-group-icon:where(:focus-visible), .eas-form__field.e-control-wrapper .e-clear-icon:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-form__field.e-control-wrapper .e-input-group-icon[disabled], .eas-form__field.e-control-wrapper .e-clear-icon[disabled], .eas-form__field.e-control-wrapper .e-input-group-icon--disabled, .eas-form__field.e-control-wrapper .e-clear-icon--disabled, .eas-form__field.e-control-wrapper .e-input-group-icon:where([aria-disabled=true]), .eas-form__field.e-control-wrapper .e-clear-icon:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-form__field.e-control-wrapper .e-input-group-icon:where(:hover), .eas-form__field.e-control-wrapper .e-clear-icon:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-form__field.e-control-wrapper .e-input-group-icon, .eas-form__field.e-control-wrapper .e-clear-icon {
      --clickable-button-text-color: var(--clr-neutral-600, #707070);
      --clickable-button-background-color: transparent;
      --clickable-button-border-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .eas-form__field.e-control-wrapper .e-input-group-icon:where(:hover), .eas-form__field.e-control-wrapper .e-clear-icon:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-border-color: transparent;
    }
  }
  @layer theme {
    .eas-form__field.e-control-wrapper .e-input-group-icon[disabled], .eas-form__field.e-control-wrapper .e-clear-icon[disabled], .eas-form__field.e-control-wrapper .e-input-group-icon--disabled, .eas-form__field.e-control-wrapper .e-clear-icon--disabled, .eas-form__field.e-control-wrapper .e-input-group-icon:where([aria-disabled=true]), .eas-form__field.e-control-wrapper .e-clear-icon:where([aria-disabled=true]) {
      --clickable-button-background-color: rgb(from var(--clr-neutral-100, #f0f0f0) r g b/0.5);
    }
  }
  .eas-form__field.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
    display: none;
  }
  .eas-form__field.e-control-wrapper.e-disabled .e-input-group-icon, .eas-form__field.e-control-wrapper.e-readonly .e-input-group-icon {
    --clickable-button-background-color: rgb(from var(--clr-neutral-100, #f0f0f0) r g b / 0.5);
    --clickable-button-roundness: 0;
  }
  .eas-form__field.e-control-wrapper.e-float-input {
    margin-top: var(--label-height);
  }
  .eas-form__field.e-control-wrapper .e-float-text {
    top: -12px;
  }
  .eas-form.loading-container > .loading-container__content {
    overflow: visible;
  }
  .eas-form {
    /* v legacy v */
  }
  .eas-form .e-tab > .e-content {
    overflow: unset !important;
  }
  .eas-form .hidden-tabs .e-toolbar {
    display: none;
  }
  .eas-form .hidden-tabs .e-item {
    padding-top: 0;
  }
}
@layer controls {
  .lb-form-field,
  .lb-field {
    display: var(--grid-display, grid);
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "label label" "value buttons";
    gap: 0;
  }
  .lb-form-field.e-numeric,
  .lb-field.e-numeric {
    display: flex;
  }
  .lb-form-field__label,
  .lb-field__label {
    grid-area: label;
    height: 19px;
    line-height: 19px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .lb-form-field__value,
  .lb-field__value {
    grid-area: value;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    --border-color: var(--clr-neutral-200, #d0d0d0);
    text-indent: 0.5em;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    height: 2rem;
    border-top: 1px solid transparent;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    font-size: var(--fs-400, 16px);
    color: var(--clr-neutral-900, #292929);
    cursor: pointer;
  }
  .lb-form-field__buttons,
  .lb-field__buttons {
    grid-area: buttons;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    --border-color: var(--clr-neutral-200, #d0d0d0);
    text-indent: 0.5em;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
  }
  .lb-form-field__button,
  .lb-field__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    --clickable-button-spacing-inline: .05rem;
  }
  .lb-form-field__button:where(:focus-visible), .lb-field__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .lb-form-field__button[disabled], .lb-field__button[disabled], .lb-form-field__button--disabled, .lb-field__button--disabled, .lb-form-field__button:where([aria-disabled=true]), .lb-field__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .lb-form-field__button:where(:hover), .lb-field__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .lb-form-field__button, .lb-field__button {
      --clickable-button-text-color: var(--clr-neutral-600, #707070);
      --clickable-button-background-color: transparent;
      --clickable-button-border-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .lb-form-field__button:where(:hover), .lb-field__button:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-border-color: transparent;
    }
  }
  @layer theme {
    .lb-form-field__button[disabled], .lb-field__button[disabled], .lb-form-field__button--disabled, .lb-field__button--disabled, .lb-form-field__button:where([aria-disabled=true]), .lb-field__button:where([aria-disabled=true]) {
      --clickable-button-background-color: rgb(from var(--clr-neutral-100, #f0f0f0) r g b/0.5);
    }
  }
  .lb-form-field__button[disabled], .lb-field__button[disabled], .lb-form-field__button--disabled, .lb-field__button--disabled, .lb-form-field__button:where([aria-disabled=true]), .lb-field__button:where([aria-disabled=true]) {
    opacity: 0.7;
  }
  .lb-form-field__button--control .fa, .lb-form-field__button--control .far, .lb-form-field__button--control .fas, .lb-form-field__button--control .fal, .lb-form-field__button--control .fab, .lb-form-field__button--search .fa, .lb-form-field__button--search .far, .lb-form-field__button--search .fas, .lb-form-field__button--search .fal, .lb-form-field__button--search .fab, .lb-form-field__button--add .fa, .lb-form-field__button--add .far, .lb-form-field__button--add .fas, .lb-form-field__button--add .fal, .lb-form-field__button--add .fab, .lb-form-field__button--edit .fa, .lb-form-field__button--edit .far, .lb-form-field__button--edit .fas, .lb-form-field__button--edit .fal, .lb-form-field__button--edit .fab, .lb-form-field__button--clear .fa, .lb-form-field__button--clear .far, .lb-form-field__button--clear .fas, .lb-form-field__button--clear .fal, .lb-form-field__button--clear .fab,
  .lb-field__button--control .fa,
  .lb-field__button--control .far,
  .lb-field__button--control .fas,
  .lb-field__button--control .fal,
  .lb-field__button--control .fab,
  .lb-field__button--search .fa,
  .lb-field__button--search .far,
  .lb-field__button--search .fas,
  .lb-field__button--search .fal,
  .lb-field__button--search .fab,
  .lb-field__button--add .fa,
  .lb-field__button--add .far,
  .lb-field__button--add .fas,
  .lb-field__button--add .fal,
  .lb-field__button--add .fab,
  .lb-field__button--edit .fa,
  .lb-field__button--edit .far,
  .lb-field__button--edit .fas,
  .lb-field__button--edit .fal,
  .lb-field__button--edit .fab,
  .lb-field__button--clear .fa,
  .lb-field__button--clear .far,
  .lb-field__button--clear .fas,
  .lb-field__button--clear .fal,
  .lb-field__button--clear .fab {
    font-size: 1rem;
  }
  .lb-form-field--readonly .lb-form-field__value,
  .lb-form-field--readonly .lb-form-field__buttons,
  .lb-field--readonly .lb-form-field__value,
  .lb-field--readonly .lb-form-field__buttons {
    color: var(--clr-neutral-400, #a0a0a0);
    background-color: var(--clr-neutral-100, #f0f0f0);
    opacity: 0.5;
    cursor: default;
  }
  .lb-form-field--required label,
  .lb-field--required label {
    font-weight: bold;
  }
  .lb-form-field--required label::after,
  .lb-field--required label::after {
    margin-inline-start: 0.5em;
    content: "*";
    color: var(--clr-red-500, #d9534f);
  }
}
@layer controls {
  .configurator-version-update-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .configurator-version-update-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .configurator-version-update-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .configurator-version-update-dialog .e-dlg-content {
    display: block;
  }
  .configurator-version-update-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "text" "main" "options";
    gap: var(--spacing-1, 0.5rem);
  }
  .configurator-version-update-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .configurator-version-update-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button),
    .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .configurator-version-update-dialog .e-footer-content button--disabled:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):active, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):active, .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).active, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).active, .configurator-version-update-dialog .e-footer-content button--active:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .configurator-version-update-dialog .e-footer-content button--disabled:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .configurator-version-update-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .configurator-version-update-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .configurator-version-update-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .configurator-version-update-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .configurator-version-update-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .configurator-version-update-dialog .e-footer-content:empty {
    display: none;
  }
  .configurator-version-update-dialog__text {
    grid-area: text;
  }
  .configurator-version-update-dialog__main {
    grid-area: main;
  }
  .configurator-version-update-dialog__options {
    grid-area: options;
  }
  .configurator-version-update-dialog__text p {
    margin: 0;
  }
  .configurator-version-update-dialog__remark {
    margin: 0;
  }
}
@layer controls {
  .edit-element-container__icons {
    align-self: end;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    justify-content: start;
    --clickable-button-gap-inside: 0;
    --clickable-button-width: 2rem;
    --clickable-button-height: 1.5em;
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
    --clickable-button-background-color: transparent;
  }
  .edit-element-container__icons:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .edit-element-container__icons[disabled], .edit-element-container__icons--disabled, .edit-element-container__icons:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .edit-element-container__icons:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .edit-element-container__icons {
      --clickable-button-text-color: var(--clr-neutral-600, #707070);
      --clickable-button-background-color: transparent;
      --clickable-button-border-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .edit-element-container__icons:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-border-color: transparent;
    }
  }
  @layer theme {
    .edit-element-container__icons[disabled], .edit-element-container__icons--disabled, .edit-element-container__icons:where([aria-disabled=true]) {
      --clickable-button-background-color: rgb(from var(--clr-neutral-100, #f0f0f0) r g b/0.5);
    }
  }
  .edit-element-container__icons[disabled], .edit-element-container__icons--disabled, .edit-element-container__icons:where([aria-disabled=true]) {
    --clickable-button-background-color: transparent;
  }
  .configurator-item--hide-icons > .edit-element-container__icons {
    display: none;
  }
  .edit-element-container__icon {
    width: 1rem;
    height: 1rem;
    font-size: 0.85em;
    margin-block-start: 1px;
  }
  .edit-element-container__icon--info {
    margin-inline-start: auto;
    color: var(--clr-blue-700, #1f537b);
  }
  .edit-element-container__icon--status.edit-element-container__icon--valid {
    color: var(--clr-green-700, #377f37);
  }
  .edit-element-container__icon--status.edit-element-container__icon--invalid {
    color: var(--clr-red-800, #8a211e);
  }
}
@layer controls {
  .configurator-static-group-box--card {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    display: flex;
    flex-direction: column;
  }
  .configurator-static-group-box--card > .configurator-static-group-box__display {
    text-indent: var(--spacing-3, 1rem);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    background-color: #f4f4f4;
  }
  .configurator-static-group-box--card > .configurator-static-group-box__group {
    flex: 1;
    overflow: hidden;
    padding: var(--spacing-3, 1rem);
    position: relative;
  }
  .configurator-static-group-box--panel {
    display: grid;
    grid-template-areas: "center";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
  }
  .configurator-static-group-box--panel > .configurator-static-group-box__display, .configurator-static-group-box--panel > .configurator-static-group-box__group {
    grid-area: center;
  }
  .configurator-static-group-box--panel > .configurator-static-group-box__display {
    white-space: pre;
  }
  .configurator-static-group-box--panel > .configurator-static-group-box__group {
    width: 100%;
    height: 100%;
  }
}
.e-tip-content .table {
  margin: 0;
}

.e-tooltip-wrap .e-tip-content:has(~ .e-tooltip-close) {
  padding: 0;
}

.e-tooltip-wrap.e-popup {
  border: none;
  box-shadow: 0 0 0.5rem;
}

.e-arrow-tip .e-arrow-tip-inner.e-tip-top {
  color: white;
}

.table tbody td {
  height: auto;
  padding-block: 0.5rem;
  padding-inline: 1rem;
}

@layer controls {
  .eas-header-info {
    margin-inline: auto;
    height: 100%;
    display: var(--grid-display, grid);
    grid-template-columns: minmax(5em, 1fr) minmax(max-content, auto) minmax(max-content, auto);
    grid-template-areas: "title date company";
    gap: 0 var(--spacing-1, 0.5rem);
    --grid-display: inline-grid;
    vertical-align: top;
    align-items: center;
    font-size: var(--fs-600, 20px);
  }
  @media screen and (min-height: 31rem) {
    .eas-header-info {
      grid-template-columns: minmax(0, auto) minmax(0, auto);
      grid-template-areas: "title title" "date company";
    }
  }
  .eas-header-info__sf-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    transform: none;
    --clickable-button-height: 0;
    color: var(--clickable-link-text-color, inherit);
    background: transparent;
  }
  .eas-header-info__sf-button .eas-header-info__sf-button-text {
    text-decoration: var(--clickable-link-text-decoration, none);
  }
  .eas-header-info__sf-button {
    display: inline-flex;
    gap: 0.25em;
    --clickable-outline-width: .25rem;
    width: 100%;
  }
  .eas-header-info__sf-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-header-info__sf-button[disabled], .eas-header-info__sf-button--disabled, .eas-header-info__sf-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .eas-header-info__sf-button {
      --clickable-link-text-color: var(--clr-primary-500, #2b73aa);
    }
  }
  @layer theme {
    .eas-header-info__sf-button:where(:hover) {
      --clickable-link-text-decoration: underline;
    }
  }
  @layer theme {
    .eas-header-info__sf-button[disabled], .eas-header-info__sf-button--disabled, .eas-header-info__sf-button:where([aria-disabled=true]) {
      --clickable-link-text-color: var(--clr-neutral-300, #b8b8b8);
      --clickable-link-text-decoration: none;
    }
  }
  .eas-header-info__title .eas-header-info__sf-button {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    overflow-y: hidden;
  }
  .eas-header-info__subtitle .eas-header-info__sf-button {
    --clickable-link-text-color: inherit;
  }
  .eas-header-info > .e-control {
    display: flex;
  }
  .eas-header-info__title {
    grid-area: title;
    color: var(--clr-primary-500, #2b73aa);
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, auto);
    gap: 0.5em;
  }
  .eas-header-info__title img {
    margin-block-end: 0.125em;
    margin-inline-end: 0.5em;
    width: 1em;
    height: 1em;
  }
  .eas-header-info__title:hover {
    color: var(--clr-primary-500, #2b73aa);
  }
  @container eas-ribbon-title (width < 20rem) {
    .eas-header-info__title > :first-child {
      display: none;
    }
  }
  @container eas-ribbon-title (width < 20rem) {
    .eas-header-info__title > :nth-child(2) {
      grid-column: 1/span 2;
    }
  }
  .eas-header-info__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 95%;
    width: 1.5em;
    height: 1.5em;
    aspect-ratio: 1;
  }
  .eas-header-info__date {
    grid-area: date;
    justify-self: end;
  }
  .eas-header-info__company {
    grid-area: company;
    justify-self: start;
  }
  .eas-header-info__subtitle {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    max-width: 100%;
    font-size: 60%;
    color: var(--clr-neutral-600, #707070);
  }
  .eas-header-info__subtitle .fa, .eas-header-info__subtitle .far, .eas-header-info__subtitle .fas, .eas-header-info__subtitle .fal, .eas-header-info__subtitle .fab {
    margin-inline-end: 0.5em;
  }
  @media screen and (min-height: 31rem) {
    .eas-header-info__subtitle {
      align-self: start;
    }
  }
  .eas-header-info__subtitle:focus-visible {
    outline: none;
  }
  .eas-header-info__subtitle .eas-header-info__sf-button-text {
    display: none;
  }
  @media screen and (min-height: 31rem) {
    .eas-header-info__subtitle .eas-header-info__sf-button-text {
      display: revert;
    }
  }
  .eas-header-info--center {
    text-align: center;
  }
  .eas-header-info--start {
    text-align: start;
    margin-inline-start: 0;
  }
  .eas-header-info--end {
    text-align: end;
    margin-inline-end: 0;
  }
  .eas-header-info .e-tooltip-content-placeholder {
    display: none;
  }
}
.c-sb-click-container {
  width: 100%;
  height: 100%;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
}

.c-eas-sidebar {
  margin: 0;
  margin-top: 60px;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  overflow: visible;
  transition: 0.5s;
  background-color: rgba(var(--clr-neutral-100, #f0f0f0), 0.97);
  border-left: 2px solid var(--clr-neutral-100, #f0f0f0);
}
.c-eas-sidebar .eas-sidebar-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: unset;
  display: flex;
  flex-flow: column nowrap;
}
.c-eas-sidebar .eas-sidebar-close-icon {
  float: left;
  font-size: 2.5rem;
  font-weight: 100;
  color: #a0a0a0;
  cursor: pointer;
  margin-left: 0.5rem;
  position: absolute;
}
.c-eas-sidebar .eas-sidebar-close-icon:hover {
  color: var(--clr-muted-900, #323539);
}
.c-eas-sidebar .eas-sidebar-title {
  font-size: 1.5rem;
  margin-left: 2.5rem;
  margin-right: 1.5rem;
  margin-top: 0.25rem;
  text-align: center;
  flex: 0 0 auto;
}
.c-eas-sidebar .eas-sidebar-fixed-content {
  padding: 1rem;
  flex: 0 0 auto;
}
.c-eas-sidebar .eas-sidebar-content {
  padding: 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1 1 auto;
}
.c-eas-sidebar .eas-sidebar-button {
  width: 3.25rem;
  height: 3rem;
  position: absolute;
  float: left;
  top: 5rem;
  left: -3.25rem;
  text-align: center;
  vertical-align: middle;
  visibility: visible;
  cursor: pointer;
}
.c-eas-sidebar .eas-sidebar-button i {
  font-size: 2rem;
  margin: 0.5rem;
}
.c-eas-sidebar .eas-sidebar-button.eas-sidebar-expanded {
  background-color: rgba(var(--clr-neutral-100, #f0f0f0), 0.7);
  color: var(--clr-primary-500, #2b73aa);
}
.c-eas-sidebar .eas-sidebar-button.eas-sidebar-expanded:hover {
  background-color: var(--clr-neutral-100, #f0f0f0);
}
.c-eas-sidebar .eas-sidebar-button.eas-sidebar-collapsed {
  background-color: rgba(var(--clr-primary-500, #2b73aa), 0.7);
  color: var(--clr-neutral-100, #f0f0f0);
}
.c-eas-sidebar .eas-sidebar-button.eas-sidebar-collapsed:hover {
  background-color: var(--clr-primary-500, #2b73aa);
}

@layer page {
  #main--login.layout {
    height: 100%;
    justify-content: center;
    align-items: center;
  }
}
@layer controls {
  .eas-modal {
    /* Used to set the stylings only on the modal itself. */
    /* Size classes are set on the modal and the modal container */
  }
  @layer fallback {
    .eas-modal--auto.e-dialog {
      width: auto;
      height: auto;
    }
    .eas-modal--auto.e-dialog .e-dlg-content {
      padding-inline: var(--spacing-3, 1rem);
      padding-block: 0;
    }
    .eas-modal--auto.e-dialog .e-dlg-content > .layout {
      min-height: 100%;
    }
  }
  .eas-modal--auto-x.e-dialog {
    width: auto;
  }
  @layer fallback {
    .eas-modal--small.e-dialog {
      width: min(30rem, 100vw);
      height: min(20rem, 100vh);
    }
    .eas-modal--small.e-dialog .e-dlg-content {
      padding-inline: var(--spacing-3, 1rem);
      padding-block: 0;
    }
    .eas-modal--small.e-dialog .e-dlg-content > .layout {
      min-height: 100%;
    }
  }
  .eas-modal--small-x.e-dialog {
    width: min(30rem, 100vw);
  }
  @layer fallback {
    .eas-modal--medium.e-dialog {
      width: min(50rem, 100vw);
      height: min(35rem, 100vh);
    }
    .eas-modal--medium.e-dialog .e-dlg-content {
      padding-inline: var(--spacing-3, 1rem);
      padding-block: 0;
    }
    .eas-modal--medium.e-dialog .e-dlg-content > .layout {
      min-height: 100%;
    }
  }
  .eas-modal--medium-x.e-dialog {
    width: min(50rem, 100vw);
  }
  @layer fallback {
    .eas-modal--large.e-dialog {
      width: min(75rem, 100vw);
      height: min(50rem, 100vh);
    }
    .eas-modal--large.e-dialog .e-dlg-content {
      padding-inline: var(--spacing-3, 1rem);
      padding-block: 0;
    }
    .eas-modal--large.e-dialog .e-dlg-content > .layout {
      min-height: 100%;
    }
  }
  .eas-modal--large-x.e-dialog {
    width: min(75rem, 100vw);
  }
  @layer fallback {
    .eas-modal--extra-large.e-dialog {
      width: min(90rem, 100vw);
      height: min(60rem, 100vh);
    }
    .eas-modal--extra-large.e-dialog .e-dlg-content {
      padding-inline: var(--spacing-3, 1rem);
      padding-block: 0;
    }
    .eas-modal--extra-large.e-dialog .e-dlg-content > .layout {
      min-height: 100%;
    }
  }
  .eas-modal--extra-large-x.e-dialog {
    width: min(90rem, 100vw);
  }
  @layer fallback {
    .eas-modal--extra-extra-large.e-dialog {
      width: min(140rem, 100vw);
      height: min(75rem, 100vh);
    }
    .eas-modal--extra-extra-large.e-dialog .e-dlg-content {
      padding-inline: var(--spacing-3, 1rem);
      padding-block: 0;
    }
    .eas-modal--extra-extra-large.e-dialog .e-dlg-content > .layout {
      min-height: 100%;
    }
  }
  .eas-modal--extra-extra-large-x.e-dialog {
    width: min(140rem, 100vw);
  }
  .eas-modal__button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-modal__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-modal__button[disabled], .eas-modal__button--disabled, .eas-modal__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-modal__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-modal__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .eas-modal__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .eas-modal__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .eas-modal__button:active, .eas-modal__button.active, .eas-modal__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .eas-modal__button[disabled], .eas-modal__button--disabled, .eas-modal__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .eas-modal__button--yes, .eas-modal__button--ok, .eas-modal__button--apply, .eas-modal__button--custom.eas-modal__button--primary {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .eas-modal__button--yes:where(:hover), .eas-modal__button--ok:where(:hover), .eas-modal__button--apply:where(:hover), .eas-modal__button--custom.eas-modal__button--primary:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .eas-modal__button--yes:where(:focus-visible), .eas-modal__button--ok:where(:focus-visible), .eas-modal__button--apply:where(:focus-visible), .eas-modal__button--custom.eas-modal__button--primary:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-modal__button--yes:active, .eas-modal__button--ok:active, .eas-modal__button--apply:active, .eas-modal__button--custom.eas-modal__button--primary:active, .eas-modal__button--yes.active, .eas-modal__button--ok.active, .eas-modal__button--apply.active, .eas-modal__button--custom.eas-modal__button--primary.active, .eas-modal__button--yes--active, .eas-modal__button--ok--active, .eas-modal__button--apply--active, .eas-modal__button--custom.eas-modal__button--primary--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-modal__button--yes[disabled], .eas-modal__button--ok[disabled], .eas-modal__button--apply[disabled], .eas-modal__button--custom.eas-modal__button--primary[disabled], .eas-modal__button--yes--disabled, .eas-modal__button--ok--disabled, .eas-modal__button--apply--disabled, .eas-modal__button--custom.eas-modal__button--primary--disabled, .eas-modal__button--yes:where([aria-disabled=true]), .eas-modal__button--ok:where([aria-disabled=true]), .eas-modal__button--apply:where([aria-disabled=true]), .eas-modal__button--custom.eas-modal__button--primary:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .eas-modal__button--left:not(:has(+ .eas-modal__button--left)) {
    margin-right: auto;
  }
  .eas-modal .e-dlg-header-content {
    background-color: transparent;
    min-height: 4.75rem;
  }
  .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn[disabled], .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn--disabled, .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  .eas-modal .e-dlg-header-content .e-dlg-closeicon-btn {
    --clickable-button-spacing-block: 0;
    --clickable-button-spacing-inline: 0;
  }
  .eas-modal .e-dlg-header-content .e-icon-dlg-close {
    color: inherit;
  }
  .eas-modal .eas-grid {
    display: flex;
    flex-direction: column;
  }
  .eas-modal .eas-grid .e-gridcontent {
    flex-grow: 1;
  }
}
@layer controls {
  .eas-breadcrumb {
    pointer-events: none;
  }
  .eas-breadcrumb ol {
    min-height: 100%;
    flex-wrap: wrap;
  }
  .eas-breadcrumb .e-breadcrumb-text {
    font-size: var(--fs-400, 16px);
    color: var(--clr-neutral-900, #292929);
    padding: 0;
  }
  .eas-breadcrumb .e-breadcrumb-separator {
    display: none;
  }
  .eas-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-item::before {
    color: var(--clr-neutral-600, #707070);
    content: "/";
    padding-inline: var(--spacing-1, 0.5rem);
  }
  .eas-breadcrumb .e-breadcrumb-item[data-active-item] {
    pointer-events: none;
  }
}
@layer controls {
  .eas-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: var(--grid-display, grid);
    grid-template-columns: auto auto 1fr;
    grid-template-areas: "hamburger logo toggle" "ribbon ribbon ribbon";
    gap: 0;
  }
  @container viewport (width >= 50rem) {
    .eas-navbar {
      grid-template-columns: auto auto 1fr;
      grid-template-areas: "hamburger logo ribbon";
      border-style: var(--border-style, solid);
      border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
      border-width: 0;
      border-bottom-width: var(--border-width, thin);
    }
  }
  .eas-navbar__hamburger {
    grid-area: hamburger;
    display: flex;
    align-items: center;
    font-size: 200%;
    color: var(--clr-neutral-300, #b8b8b8);
    background-color: white;
    padding-inline: 0.25em;
  }
  .eas-navbar__hamburger .lb-icon {
    pointer-events: none;
  }
  .eas-navbar__hamburger:hover {
    color: var(--clr-primary-500, #2b73aa);
  }
  .eas-navbar__logo {
    grid-area: logo;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 0.25em;
    height: 3.75em;
    min-width: 3.75em;
    width: auto;
  }
  .eas-navbar__logo img {
    max-width: 100%;
    max-height: 100%;
  }
  .eas-navbar__toggle {
    grid-area: toggle;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    background-color: white;
    font-size: 2rem;
    padding-inline: 1rem;
    text-align: start;
    color: var(--clr-neutral-300, #b8b8b8);
  }
  .eas-navbar__toggle .fa, .eas-navbar__toggle .far, .eas-navbar__toggle .fas, .eas-navbar__toggle .fal, .eas-navbar__toggle .fab {
    transition: rotate var(--transition-fast, 0.3s);
  }
  .eas-navbar__toggle[aria-expanded=true] .fa, .eas-navbar__toggle[aria-expanded=true] .far, .eas-navbar__toggle[aria-expanded=true] .fas, .eas-navbar__toggle[aria-expanded=true] .fal, .eas-navbar__toggle[aria-expanded=true] .fab {
    rotate: 180deg;
  }
  @container viewport (width >= 50rem) {
    .eas-navbar__toggle {
      display: none;
    }
  }
  .eas-navbar__toggle .header-info__subtitle,
  .eas-navbar__toggle .header-info__title img {
    display: none;
  }
  .eas-navbar__toggle:hover {
    color: var(--clr-primary-500, #2b73aa);
  }
  .eas-navbar__ribbon {
    grid-area: ribbon;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-fast, 0.3s);
    box-shadow: none;
  }
  [aria-expanded=true] ~ .eas-navbar__ribbon {
    max-height: 100%;
    box-shadow: 0 0.5rem 0.5rem hsla(0, 0%, 0%, 0.2);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 50rem) {
        .eas-navbar__ribbon {
          max-height: 3.75em;
          overflow: visible;
          border: none;
          box-shadow: none;
          background: none;
        }
      }
    }
  }
  @container (width >= 50rem) {
    .eas-navbar__ribbon {
      max-height: 3.75em;
      overflow: visible;
      border: none;
      box-shadow: none;
      background: none;
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 50rem) {
        .eas-navbar__ribbon .header-info__title {
          display: none;
        }
      }
    }
  }
  @container (width < 50rem) {
    .eas-navbar__ribbon .header-info__title {
      display: none;
    }
  }
}
@layer controls {
  .eas-ribbon {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "center" "left" "right";
    align-items: center;
  }
  .eas-ribbon__segment {
    align-self: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  @container viewport (width < 50rem) {
    .eas-ribbon__segment {
      flex-direction: column;
    }
  }
  .eas-ribbon__segment--left {
    grid-area: left;
  }
  .eas-ribbon__segment--right {
    grid-area: right;
  }
  .eas-ribbon__title {
    grid-area: center;
    align-self: stretch;
    justify-self: stretch;
    font-size: var(--fs-800, 24px);
    color: var(--clr-primary-500, #2b73aa);
    background-color: white;
    text-align: center;
    container: eas-ribbon-title/inline-size;
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon {
      grid-template-columns: auto 1fr auto;
      grid-template-areas: "left center right";
    }
  }
}
@layer controls {
  @container viewport (width < 50rem) {
    .eas-ribbon-item--toggle .eas-ribbon-item__icon::after {
      display: none;
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__button {
      box-shadow: none;
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__button > * {
      translate: 0;
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__icon::after {
      display: none;
    }
    .eas-ribbon-item--toggle {
      position: relative;
    }
    .eas-ribbon-item--toggle::before, .eas-ribbon-item--toggle::after {
      position: absolute;
      display: inline-block;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      content: "";
      inset: 0;
      margin-block: auto;
      margin-left: auto;
      border-style: var(--border-style, solid);
      border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
      border-width: 0;
      border-width: var(--border-width, thin);
      --border-color: var(--clr-neutral-300, #b8b8b8);
      pointer-events: none;
      z-index: 1;
    }
    .eas-ribbon-item--toggle::before {
      height: 1.5rem;
      border-radius: 0.75rem;
      aspect-ratio: 2/1;
      margin-right: 0.75rem;
      background-color: white;
      transition: background-color var(--transition-fast, 0.3s);
    }
    .eas-ribbon-item--toggle::after {
      height: 1rem;
      border-radius: 50%;
      aspect-ratio: 1/1;
      background: var(--clr-primary-500, #2b73aa);
      margin-right: 2.5rem;
      transition-property: margin-right, background-color;
      transition-duration: var(--transition-fast, 0.3s);
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled::before {
      background-color: var(--clr-primary-500, #2b73aa);
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled::after {
      background-color: white;
      margin-right: 1rem;
    }
    .eas-ribbon-item--toggle:has(button[disabled])::before {
      background: white;
    }
    .eas-ribbon-item--toggle:has(button[disabled])::after {
      background: var(--clr-neutral-300, #b8b8b8);
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled:has(button[disabled])::before {
      background: var(--clr-neutral-300, #b8b8b8);
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled:has(button[disabled])::after {
      background: white;
      margin-right: 1rem;
    }
    .eas-ribbon-item--toggle .eas-ribbon-item__button {
      padding-right: 4.5rem;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item--toggle::before, .eas-ribbon-item--toggle::after {
      display: none;
    }
    .eas-ribbon-item--toggle .eas-ribbon-item__icon::after {
      width: 1em;
      height: 1em;
      border-radius: 50%;
      outline: 0.125em solid white;
      position: absolute;
      bottom: -0.125em;
      right: -0.125em;
      background-color: white;
      font-size: 75%;
      font-weight: initial;
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__link {
      box-shadow: 0 0.35rem 0.5rem hsla(0, 0%, 0%, 0.5) inset;
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__link > * {
      translate: 0 0.125rem;
    }
    .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__icon::after {
      color: var(--clr-green-700, #377f37);
      font-weight: bold;
    }
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle .eas-ribbon-item__icon::after {
    display: none;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__button {
    box-shadow: none;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__button > * {
    translate: 0;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled .eas-ribbon-item__icon::after {
    display: none;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle {
    position: relative;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle::before, .eas-ribbon-item__children .eas-ribbon-item--toggle::after {
    position: absolute;
    display: inline-block;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    content: "";
    inset: 0;
    margin-block: auto;
    margin-left: auto;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-width: var(--border-width, thin);
    --border-color: var(--clr-neutral-300, #b8b8b8);
    pointer-events: none;
    z-index: 1;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle::before {
    height: 1.5rem;
    border-radius: 0.75rem;
    aspect-ratio: 2/1;
    margin-right: 0.75rem;
    background-color: white;
    transition: background-color var(--transition-fast, 0.3s);
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle::after {
    height: 1rem;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background: var(--clr-primary-500, #2b73aa);
    margin-right: 2.5rem;
    transition-property: margin-right, background-color;
    transition-duration: var(--transition-fast, 0.3s);
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled::before {
    background-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled::after {
    background-color: white;
    margin-right: 1rem;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle:has(button[disabled])::before {
    background: white;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle:has(button[disabled])::after {
    background: var(--clr-neutral-300, #b8b8b8);
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled:has(button[disabled])::before {
    background: var(--clr-neutral-300, #b8b8b8);
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle.eas-ribbon-item--toggled:has(button[disabled])::after {
    background: white;
    margin-right: 1rem;
  }
  .eas-ribbon-item__children .eas-ribbon-item--toggle .eas-ribbon-item__button {
    padding-right: 4.5rem;
  }
  @container viewport (width < 50rem) {
    .eas-ribbon-item {
      border-style: var(--border-style, solid);
      border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
      border-width: 0;
      border-top-width: var(--border-width, thin);
      --border-color: var(--clr-neutral-200, #d0d0d0);
    }
  }
  @container viewport (width >= sm) {
    .eas-ribbon-item {
      height: 100%;
      margin: 0;
      padding: 0;
    }
  }
  .eas-ribbon-item .fa, .eas-ribbon-item .far, .eas-ribbon-item .fas, .eas-ribbon-item .fal, .eas-ribbon-item .fab {
    position: relative;
    width: 1.5em;
    height: 1.5em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
    position: absolute;
    font-size: var(--fs-200, 12px);
  }
  .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
    top: var(--top);
  }
  .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
    --top: -10%;
  }
  @media (min-width: 576px) {
    .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
      --top: -30%;
    }
  }
  @media (min-width: 992px) {
    .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
      --top: -15%;
    }
  }
  .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
    left: var(--left);
  }
  .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
    --left: 50%;
  }
  @media (min-width: 576px) {
    .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
      --left: 70%;
    }
  }
  @media (min-width: 992px) {
    .eas-ribbon-item .fa .eas-badge, .eas-ribbon-item .far .eas-badge, .eas-ribbon-item .fas .eas-badge, .eas-ribbon-item .fal .eas-badge, .eas-ribbon-item .fab .eas-badge {
      --left: 60%;
    }
  }
  .eas-ribbon-item__link, .eas-ribbon-item__button {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.5em;
    width: 100%;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    --clickable-outline-width: .25rem;
    --clickable-outline-offset: -.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: var(--clickable-area-direction, row);
    position: var(--clickable-area-position, relative);
    min-height: var(--clickable-area-min-height);
    padding-inline: var(--clickable-area-spacing-inline);
    padding-block: var(--clickable-area-spacing-block);
    text-decoration: none;
    border: var(--clickable-area-border-color) solid var(--clickable-area-border-width);
    color: var(--clickable-area-text-color, inherit);
    background-color: hsl(from var(--clickable-area-background-color) h s l/var(--clickable-area-background-opacity));
  }
  .eas-ribbon-item__link::before, .eas-ribbon-item__button::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    inset-block-start: auto;
    min-width: var(--clickable-area-marker-size, 0.125rem);
    min-height: var(--clickable-area-marker-size, 0.125rem);
    opacity: var(--clickable-area-marker-opacity, 0);
    background-color: var(--clickable-area-marker-color, var(--clickable-area-text-color, transparent));
  }
  .eas-ribbon-item__link:where(:focus-visible), .eas-ribbon-item__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-ribbon-item__link[disabled], .eas-ribbon-item__button[disabled], .eas-ribbon-item__link--disabled, .eas-ribbon-item__button--disabled, .eas-ribbon-item__link:where([aria-disabled=true]), .eas-ribbon-item__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  @layer theme {
    .eas-ribbon-item__link, .eas-ribbon-item__button {
      --clickable-area-border-color: transparent;
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0;
      --clickable-area-spacing-inline: 0;
      --clickable-area-spacing-block: 0;
    }
  }
  @layer theme {
    .eas-ribbon-item__link:where(:hover), .eas-ribbon-item__button:where(:hover) {
      --clickable-area-text-color: white;
      --clickable-area-background-opacity: 1;
    }
  }
  @layer theme {
    .eas-ribbon-item__link:active, .eas-ribbon-item__button:active, .eas-ribbon-item__link.active, .eas-ribbon-item__button.active, .eas-ribbon-item__link--active, .eas-ribbon-item__button--active {
      --clickable-area-text-color: hsl(from var(--clr-primary-500, #2b73aa) h s l/0.8);
      --clickable-area-background-opacity: 0.1;
    }
  }
  @layer theme {
    .eas-ribbon-item__link[disabled], .eas-ribbon-item__button[disabled], .eas-ribbon-item__link--disabled, .eas-ribbon-item__button--disabled, .eas-ribbon-item__link:where([aria-disabled=true]), .eas-ribbon-item__button:where([aria-disabled=true]) {
      --clickable-area-text-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-area-background-color: transparent;
      --clickable-area-background-opacity: 0;
    }
  }
  @layer theme {
    .eas-ribbon-item__link--selected, .eas-ribbon-item__button--selected, .eas-ribbon-item__link:where([aria-selected=true]), .eas-ribbon-item__button:where([aria-selected=true]), .eas-ribbon-item__link:where([aria-checked]), .eas-ribbon-item__button:where([aria-checked]) {
      --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-area-background-opacity: 0.2;
    }
  }
  @container viewport (width < 50rem) {
    .eas-ribbon-item__link, .eas-ribbon-item__button {
      justify-content: flex-start;
    }
    .eas-ribbon-item__link:not(:hover), .eas-ribbon-item__button:not(:hover) {
      --clickable-area-background-color: white;
      --clickable-area-background-opacity: 1;
    }
    .eas-ribbon-item__link[disabled], .eas-ribbon-item__button[disabled], .eas-ribbon-item__link--disabled, .eas-ribbon-item__button--disabled, .eas-ribbon-item__link:where([aria-disabled=true]), .eas-ribbon-item__button:where([aria-disabled=true]) {
      --clickable-area-background-color: white;
      --clickable-area-background-opacity: 1;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__link, .eas-ribbon-item__button {
      justify-content: center;
      width: max-content;
      height: 100%;
      padding-inline: var(--spacing-1, 0.5rem);
    }
  }
  @container viewport (width >= 70rem) {
    .eas-ribbon-item__link, .eas-ribbon-item__button {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
      justify-items: center;
      height: 100%;
    }
  }
  .eas-ribbon-item__icon {
    width: 1.5em;
    height: 1.5em;
    font-size: 122%;
  }
  .eas-ribbon-item__text {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    margin-inline-start: 0;
    font-size: 95%;
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__text {
      display: none;
    }
  }
  @container viewport (width >= 70rem) {
    .eas-ribbon-item__text {
      display: inline;
    }
  }
  .eas-ribbon-item__expand-icon {
    grid-column-end: -1;
  }
  .eas-ribbon-item__children {
    list-style: none;
    padding: 0 0 0 1em;
  }
  [aria-expanded=false] ~ .eas-ribbon-item__children {
    display: none;
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__children .eas-ribbon-item {
      border-style: var(--border-style, solid);
      border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
      border-width: 0;
      border-left-width: var(--border-width, thin);
      border-right-width: var(--border-width, thin);
    }
    .eas-ribbon-item__children .eas-ribbon-item:first-child {
      border-style: var(--border-style, solid);
      border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
      border-width: 0;
      border-left-width: var(--border-width, thin);
      border-top-width: var(--border-width, thin);
      border-right-width: var(--border-width, thin);
    }
    .eas-ribbon-item__children .eas-ribbon-item:last-child {
      border-style: var(--border-style, solid);
      border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
      border-width: 0;
      border-left-width: var(--border-width, thin);
      border-bottom-width: var(--border-width, thin);
      border-right-width: var(--border-width, thin);
    }
    .eas-ribbon-item__children .eas-ribbon-item__link,
    .eas-ribbon-item__children .eas-ribbon-item__button {
      width: 100%;
      justify-items: start;
      gap: 0.5em;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__children {
      position: absolute;
      top: 100%;
      width: max-content;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      background-color: white;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__children .eas-ribbon-item {
      justify-content: flex-start;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__children .eas-ribbon-item__link,
    .eas-ribbon-item__children .eas-ribbon-item__button {
      padding-block: 0.5em;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item__children .eas-ribbon-item__text {
      display: inline;
    }
  }
  .eas-ribbon-item--separator {
    min-height: 0.25em;
  }
  @container viewport (width < 50rem) {
    .eas-ribbon-item--separator {
      background: white;
    }
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item--separator::after {
      position: static;
      display: inline-block;
      margin: var(--separator-spacing, 0.75rem) 0 var(--separator-spacing, 0.75rem) auto;
      content: "";
      background: var(--clr-primary-500, #2b73aa);
      width: 1px;
      height: calc(100% - 2 * var(--separator-spacing, 0.75rem));
    }
    .eas-ribbon-item--separator {
      margin-inline: 0.5em;
    }
  }
  .eas-ribbon-item--children .fa, .eas-ribbon-item--children .far, .eas-ribbon-item--children .fas, .eas-ribbon-item--children .fal, .eas-ribbon-item--children .fab {
    justify-self: center;
  }
  @container viewport (width >= 50rem) {
    .eas-ribbon-item--children {
      position: relative;
    }
    .eas-ribbon-item--children .eas-ribbon-item__link,
    .eas-ribbon-item--children .eas-ribbon-item__button {
      width: 100%;
      display: grid;
      grid-template-columns: max-content 1fr;
      grid-auto-flow: column;
      align-items: center;
    }
  }
  .eas-ribbon-item--children .eas-ribbon-item__expand-icon {
    transition: rotate var(--transition-fast, 0.3s);
  }
  @container viewport (width >= 70rem) {
    .eas-ribbon-item--children .eas-ribbon-item__expand-icon {
      grid-row: span 2;
    }
  }
  .eas-ribbon-item--children [aria-expanded=true] .eas-ribbon-item__expand-icon {
    rotate: 180deg;
  }
  .eas-ribbon-item--disabled, .eas-ribbon-item.disabled {
    cursor: default;
  }
  .eas-ribbon-item--disabled .eas-ribbon-item__link,
  .eas-ribbon-item--disabled .eas-ribbon-item__button, .eas-ribbon-item.disabled .eas-ribbon-item__link,
  .eas-ribbon-item.disabled .eas-ribbon-item__button {
    color: var(--clr-muted-500, #878f97);
  }
  .eas-ribbon-item--important {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@layer controls {
  .eas-badge {
    --badge-size: 1.2em;
    display: block;
    height: var(--badge-size);
    min-width: var(--badge-size);
    padding-inline: 0.25em;
    border-radius: calc(var(--badge-size) / 2);
    line-height: var(--badge-size);
    text-align: center;
    font-family: var(--ff, "Noto Sans", sans-serif);
    font-weight: 500;
    color: var(--clr-neutral-800, #414141);
  }
}
@layer controls {
  .eas-no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
    color: var(--clr-neutral-300, #b8b8b8);
  }
  .eas-no-data__message, .eas-no-data__sub-message {
    padding-inline: var(--spacing-3, 1rem);
    max-width: 90rem;
  }
  .eas-no-data__message {
    font-size: 300%;
  }
  .eas-no-data__sub-message {
    font-size: 150%;
  }
  .eas-no-data__button {
    max-width: 100%;
    font-size: 1.2rem;
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-no-data__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-no-data__button[disabled], .eas-no-data__button--disabled, .eas-no-data__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-no-data__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-no-data__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .eas-no-data__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .eas-no-data__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .eas-no-data__button:active, .eas-no-data__button.active, .eas-no-data__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .eas-no-data__button[disabled], .eas-no-data__button--disabled, .eas-no-data__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
}
@layer controls {
  .eas-pdf-viewer {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
}
@layer controls {
  .eas-progress-steps__step-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
@layer controls {
  .step {
    flex-basis: 100%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "before button after" "text text text";
    /* through line */
  }
  .step::before, .step::after {
    position: static;
    display: inline-block;
    margin: 0 0 0 0;
    content: "";
    align-self: center;
    height: 5px;
    background-color: var(--clr-neutral-100, #f0f0f0);
  }
  .step::before {
    grid-area: before;
  }
  .step::after {
    grid-area: after;
  }
  .step:first-child::before, .step:last-child::after {
    background-color: transparent;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 768px) {
        .step--visited + .step--visited {
          display: none;
        }
      }
    }
  }
  @container (width < 768px) {
    .step--visited + .step--visited {
      display: none;
    }
  }
  .step {
    /* button */
  }
  .step__button {
    grid-area: button;
    min-width: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--clr-primary-500, #2b73aa);
    background-color: var(--clr-neutral-100, #f0f0f0);
  }
  .step__button:hover {
    color: white;
    background-color: var(--clr-primary-500, #2b73aa);
    text-decoration: none;
    cursor: pointer;
  }
  .step__button:focus, .step__button.focused, .step__button--focused {
    color: white;
    background-color: var(--clr-primary-500, #2b73aa);
  }
  .step__button:active, .step__button.active, .step__button--active {
    color: var(--clr-primary-500, #2b73aa);
    background-color: var(--clr-neutral-100, #f0f0f0);
  }
  .step__button[disabled], .step__button.disabled, .step__button--disabled {
    color: var(--clr-muted-500, #878f97);
    background-color: var(--clr-neutral-100, #f0f0f0);
    cursor: default;
    pointer-events: none;
  }
  .step__button {
    width: var(--circle-button-size, 3rem);
    height: var(--circle-button-size, 3rem);
    border-radius: var(--circle-button-size, 3rem);
    text-align: center;
  }
  .step__button .fa, .step__button .far, .step__button .fas, .step__button .fal, .step__button .fab {
    font-size: calc(var(--circle-button-size, 3rem) / 2);
  }
  .step__button {
    --circle-button-size: 3em;
  }
  @media (min-width: 768px) and (min-height: 496px) {
    .step__button {
      --circle-button-size: 3.75em;
    }
  }
  .step__button:disabled {
    opacity: 1;
    filter: none;
    background-color: var(--clr-red-500, #d9534f);
    color: white;
  }
  .step--active .step__button {
    background-color: var(--clr-yellow-500, #f0ad4e);
    color: white;
  }
  .step--visited .step__button {
    background-color: var(--clr-green-500, #5cb85c);
    color: white;
  }
  .step__button .lb-icon {
    font-size: 150%;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 768px) {
        .step__button {
          pointer-events: none;
        }
      }
    }
  }
  @container (width < 768px) {
    .step__button {
      pointer-events: none;
    }
  }
  .step {
    /* text */
  }
  .step__text {
    grid-area: text;
    margin-block: var(--spacing-1, 0.5rem);
    cursor: default;
    text-align: center;
    color: var(--clr-neutral-800, #414141);
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    font-size: var(--fs-300, 14px);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 768px) {
        .step__text {
          display: none;
        }
      }
    }
  }
  @container (width < 768px) {
    .step__text {
      display: none;
    }
  }
  .step__subtext {
    font-size: var(--fs-200, 12px);
    font-weight: normal;
    display: block;
  }
}
@layer controls {
  .config-tree-sidebar .sidebar__content {
    display: flex;
    flex-direction: column;
  }
  .config-tree-sidebar .alert {
    position: sticky;
    left: var(--spacing-3, 1rem);
  }
  .config-tree-sidebar .eas-tree-control {
    flex: 1;
  }
  .config-tree-sidebar .loading-container:not(.loading-container--visible):not(.loading-container--no-data) > .loading-container__content {
    overflow: auto;
  }
}
@layer controls {
  .company-selector-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .company-selector-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .company-selector-dialog__buttons button:not(.eas-modal__button),
    .company-selector-dialog__buttons .e-btn:not(.eas-modal__button),
    .company-selector-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button)[disabled], .company-selector-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .company-selector-dialog__buttons .btn:not(.eas-modal__button)[disabled], .company-selector-dialog__buttons button--disabled:not(.eas-modal__button), .company-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .company-selector-dialog__buttons .btn--disabled:not(.eas-modal__button), .company-selector-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button):where(:hover), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .company-selector-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .company-selector-dialog__buttons button:not(.eas-modal__button), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button), .company-selector-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .company-selector-dialog__buttons button:not(.eas-modal__button):where(:hover), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .company-selector-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .company-selector-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .company-selector-dialog__buttons button:not(.eas-modal__button):active, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):active, .company-selector-dialog__buttons .btn:not(.eas-modal__button):active, .company-selector-dialog__buttons button:not(.eas-modal__button).active, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).active, .company-selector-dialog__buttons .btn:not(.eas-modal__button).active, .company-selector-dialog__buttons button--active:not(.eas-modal__button), .company-selector-dialog__buttons .e-btn--active:not(.eas-modal__button), .company-selector-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .company-selector-dialog__buttons button:not(.eas-modal__button)[disabled], .company-selector-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .company-selector-dialog__buttons .btn:not(.eas-modal__button)[disabled], .company-selector-dialog__buttons button--disabled:not(.eas-modal__button), .company-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .company-selector-dialog__buttons .btn--disabled:not(.eas-modal__button), .company-selector-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary:active, .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary.active, .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .company-selector-dialog__buttons button--active:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .company-selector-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .company-selector-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .company-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .company-selector-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .company-selector-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .company-selector-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .company-selector-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .company-selector-dialog .e-dlg-content {
    display: block;
  }
  .company-selector-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "form" "grid" "buttons";
    gap: var(--spacing-1, 0.5rem);
  }
  .company-selector-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .company-selector-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button),
    .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .company-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button), .company-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .company-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .company-selector-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .company-selector-dialog .e-footer-content button:not(.eas-modal__button), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .company-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .company-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .company-selector-dialog .e-footer-content button:not(.eas-modal__button):active, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):active, .company-selector-dialog .e-footer-content button:not(.eas-modal__button).active, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).active, .company-selector-dialog .e-footer-content button--active:not(.eas-modal__button), .company-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .company-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .company-selector-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .company-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button), .company-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .company-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .company-selector-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .company-selector-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .company-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .company-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .company-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .company-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .company-selector-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .company-selector-dialog .e-footer-content:empty {
    display: none;
  }
  .company-selector-dialog__form {
    grid-area: form;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
  }
  .company-selector-dialog__form > * {
    flex: var(--column-size, 20%) 1 1;
  }
  .company-selector-dialog__grid {
    grid-area: grid;
  }
  .company-selector-dialog__company-name {
    --column-size: 45%;
  }
  .company-selector-dialog__filter-controls {
    --column-size: 100%;
    display: inline-flex;
    gap: var(--spacing-1, 0.5rem);
    justify-content: flex-end;
  }
  .company-selector-dialog__button--filter, .company-selector-dialog__button--add, .company-selector-dialog__button--ok {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .company-selector-dialog__button--filter:where(:hover), .company-selector-dialog__button--add:where(:hover), .company-selector-dialog__button--ok:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .company-selector-dialog__button--filter:where(:focus-visible), .company-selector-dialog__button--add:where(:focus-visible), .company-selector-dialog__button--ok:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .company-selector-dialog__button--filter:active, .company-selector-dialog__button--add:active, .company-selector-dialog__button--ok:active, .company-selector-dialog__button--filter.active, .company-selector-dialog__button--add.active, .company-selector-dialog__button--ok.active, .company-selector-dialog__button--filter--active, .company-selector-dialog__button--add--active, .company-selector-dialog__button--ok--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .company-selector-dialog__button--filter[disabled], .company-selector-dialog__button--add[disabled], .company-selector-dialog__button--ok[disabled], .company-selector-dialog__button--filter--disabled, .company-selector-dialog__button--add--disabled, .company-selector-dialog__button--ok--disabled, .company-selector-dialog__button--filter:where([aria-disabled=true]), .company-selector-dialog__button--add:where([aria-disabled=true]), .company-selector-dialog__button--ok:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .company-selector-dialog__button--clear {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-red-500, #d9534f);
  }
  .company-selector-dialog__button--clear:where(:hover) {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
    --clickable-button-background-color: white;
  }
  .company-selector-dialog__button--clear:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
  }
  .company-selector-dialog__button--clear:active, .company-selector-dialog__button--clear.active, .company-selector-dialog__button--clear--active {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
  }
  .company-selector-dialog__button--clear[disabled], .company-selector-dialog__button--clear--disabled, .company-selector-dialog__button--clear:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
  }
  .company-selector-dialog__button--add {
    --clickable-button-spacing-inline: 0;
    margin-inline-end: auto;
  }
  .company-selector-dialog .e-valid-input.e-input-group .e-clear-icon.e-clear-icon-hide, .company-selector-dialog .e-valid-input.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
    display: flex;
  }
}
@layer controls {
  .person-selector-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .person-selector-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .person-selector-dialog__buttons button:not(.eas-modal__button),
    .person-selector-dialog__buttons .e-btn:not(.eas-modal__button),
    .person-selector-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button)[disabled], .person-selector-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .person-selector-dialog__buttons .btn:not(.eas-modal__button)[disabled], .person-selector-dialog__buttons button--disabled:not(.eas-modal__button), .person-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .person-selector-dialog__buttons .btn--disabled:not(.eas-modal__button), .person-selector-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button):where(:hover), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .person-selector-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .person-selector-dialog__buttons button:not(.eas-modal__button), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button), .person-selector-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .person-selector-dialog__buttons button:not(.eas-modal__button):where(:hover), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .person-selector-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .person-selector-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .person-selector-dialog__buttons button:not(.eas-modal__button):active, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):active, .person-selector-dialog__buttons .btn:not(.eas-modal__button):active, .person-selector-dialog__buttons button:not(.eas-modal__button).active, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).active, .person-selector-dialog__buttons .btn:not(.eas-modal__button).active, .person-selector-dialog__buttons button--active:not(.eas-modal__button), .person-selector-dialog__buttons .e-btn--active:not(.eas-modal__button), .person-selector-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .person-selector-dialog__buttons button:not(.eas-modal__button)[disabled], .person-selector-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .person-selector-dialog__buttons .btn:not(.eas-modal__button)[disabled], .person-selector-dialog__buttons button--disabled:not(.eas-modal__button), .person-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .person-selector-dialog__buttons .btn--disabled:not(.eas-modal__button), .person-selector-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary:active, .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary.active, .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .person-selector-dialog__buttons button--active:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .person-selector-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .person-selector-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .person-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .person-selector-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .person-selector-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .person-selector-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .person-selector-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .person-selector-dialog .e-dlg-content {
    display: block;
  }
  .person-selector-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "form" "grid" "buttons";
    gap: var(--spacing-1, 0.5rem);
  }
  .person-selector-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .person-selector-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button),
    .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .person-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button), .person-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .person-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .person-selector-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .person-selector-dialog .e-footer-content button:not(.eas-modal__button), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .person-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .person-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .person-selector-dialog .e-footer-content button:not(.eas-modal__button):active, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):active, .person-selector-dialog .e-footer-content button:not(.eas-modal__button).active, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).active, .person-selector-dialog .e-footer-content button--active:not(.eas-modal__button), .person-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .person-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .person-selector-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .person-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button), .person-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .person-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .person-selector-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .person-selector-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .person-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .person-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .person-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .person-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .person-selector-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .person-selector-dialog .e-footer-content:empty {
    display: none;
  }
  .person-selector-dialog__form {
    grid-area: form;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
  }
  .person-selector-dialog__form > * {
    flex: var(--column-size, 20%) 1 1;
  }
  .person-selector-dialog__grid {
    grid-area: grid;
  }
  .person-selector-dialog__filter-controls {
    --column-size: 100%;
    display: inline-flex;
    gap: var(--spacing-1, 0.5rem);
    justify-content: end;
  }
  .person-selector-dialog__button--filter, .person-selector-dialog__button--add, .person-selector-dialog__button--ok {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .person-selector-dialog__button--filter:where(:hover), .person-selector-dialog__button--add:where(:hover), .person-selector-dialog__button--ok:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .person-selector-dialog__button--filter:where(:focus-visible), .person-selector-dialog__button--add:where(:focus-visible), .person-selector-dialog__button--ok:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .person-selector-dialog__button--filter:active, .person-selector-dialog__button--add:active, .person-selector-dialog__button--ok:active, .person-selector-dialog__button--filter.active, .person-selector-dialog__button--add.active, .person-selector-dialog__button--ok.active, .person-selector-dialog__button--filter--active, .person-selector-dialog__button--add--active, .person-selector-dialog__button--ok--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .person-selector-dialog__button--filter[disabled], .person-selector-dialog__button--add[disabled], .person-selector-dialog__button--ok[disabled], .person-selector-dialog__button--filter--disabled, .person-selector-dialog__button--add--disabled, .person-selector-dialog__button--ok--disabled, .person-selector-dialog__button--filter:where([aria-disabled=true]), .person-selector-dialog__button--add:where([aria-disabled=true]), .person-selector-dialog__button--ok:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .person-selector-dialog__button--clear {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-red-500, #d9534f);
  }
  .person-selector-dialog__button--clear:where(:hover) {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
    --clickable-button-background-color: white;
  }
  .person-selector-dialog__button--clear:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
  }
  .person-selector-dialog__button--clear:active, .person-selector-dialog__button--clear.active, .person-selector-dialog__button--clear--active {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
  }
  .person-selector-dialog__button--clear[disabled], .person-selector-dialog__button--clear--disabled, .person-selector-dialog__button--clear:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
  }
  .person-selector-dialog__button--add {
    --clickable-button-spacing-inline: 0;
    margin-inline-end: auto;
  }
}
@layer controls {
  .user-selector-dialog__buttons {
    grid-area: buttons;
    padding: var(--spacing-3, 1rem) 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .user-selector-dialog__buttons .e-btn {
    margin: 0;
  }
  @layer defaults {
    .user-selector-dialog__buttons button:not(.eas-modal__button),
    .user-selector-dialog__buttons .e-btn:not(.eas-modal__button),
    .user-selector-dialog__buttons .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button)[disabled], .user-selector-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .user-selector-dialog__buttons .btn:not(.eas-modal__button)[disabled], .user-selector-dialog__buttons button--disabled:not(.eas-modal__button), .user-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .user-selector-dialog__buttons .btn--disabled:not(.eas-modal__button), .user-selector-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button):where(:hover), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .user-selector-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .user-selector-dialog__buttons button:not(.eas-modal__button), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button), .user-selector-dialog__buttons .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .user-selector-dialog__buttons button:not(.eas-modal__button):where(:hover), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:hover), .user-selector-dialog__buttons .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .user-selector-dialog__buttons button:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog__buttons .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .user-selector-dialog__buttons button:not(.eas-modal__button):active, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):active, .user-selector-dialog__buttons .btn:not(.eas-modal__button):active, .user-selector-dialog__buttons button:not(.eas-modal__button).active, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).active, .user-selector-dialog__buttons .btn:not(.eas-modal__button).active, .user-selector-dialog__buttons button--active:not(.eas-modal__button), .user-selector-dialog__buttons .e-btn--active:not(.eas-modal__button), .user-selector-dialog__buttons .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .user-selector-dialog__buttons button:not(.eas-modal__button)[disabled], .user-selector-dialog__buttons .e-btn:not(.eas-modal__button)[disabled], .user-selector-dialog__buttons .btn:not(.eas-modal__button)[disabled], .user-selector-dialog__buttons button--disabled:not(.eas-modal__button), .user-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button), .user-selector-dialog__buttons .btn--disabled:not(.eas-modal__button), .user-selector-dialog__buttons button:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog__buttons .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where(:hover), .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:hover), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:hover), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:hover), .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where(:focus-visible), .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where(:focus-visible), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary:active, .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:active, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:active, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:active, .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:active, .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:active, .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary.active, .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary.active, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary.active, .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary.active, .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary.active, .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary.active, .user-selector-dialog__buttons button--active:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons button--active:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons .e-btn--active:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons .e-btn--active:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons .btn--active:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary[disabled], .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary[disabled], .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary[disabled], .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary[disabled], .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary[disabled], .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary[disabled], .user-selector-dialog__buttons button--disabled:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons button--disabled:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons .e-btn--disabled:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons .btn--disabled:not(.eas-modal__button).e-primary, .user-selector-dialog__buttons .btn--disabled:not(.eas-modal__button).btn-primary, .user-selector-dialog__buttons button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .user-selector-dialog__buttons button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .user-selector-dialog__buttons .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .user-selector-dialog__buttons .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .user-selector-dialog__buttons .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .user-selector-dialog__buttons {
    position: sticky;
    bottom: 0;
  }
  .user-selector-dialog .e-dlg-header-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-3, 1rem);
    line-height: inherit;
  }
  .user-selector-dialog .e-dlg-header-content .e-dlg-closeicon-btn {
    position: static;
  }
  .user-selector-dialog .e-dlg-header-content .e-dlg-header {
    flex: 1;
    width: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .user-selector-dialog .e-dlg-content {
    display: block;
  }
  .user-selector-dialog .e-dlg-content {
    display: var(--grid-display, grid);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "form" "grid" "buttons";
    gap: var(--spacing-1, 0.5rem);
  }
  .user-selector-dialog .e-footer-content {
    padding: var(--spacing-3, 1rem);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3, 1rem);
    justify-content: end;
  }
  .user-selector-dialog .e-footer-content .e-btn {
    margin: 0;
  }
  @layer defaults {
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button),
    .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button),
    .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button) {
      pointer-events: auto;
      box-sizing: border-box;
      text-align: inherit;
      cursor: pointer;
      outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
      outline-offset: var(--clickable-outline-offset, 0);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--clickable-button-gap-inside, 0.5em);
      text-align: var(--clickable-button-text-align, center);
      min-width: var(--clickable-button-width, 2em);
      min-height: var(--clickable-button-height, 2em);
      border-radius: var(--clickable-button-roundness, 0);
      padding-inline: var(--clickable-button-spacing-inline, 0.7em);
      padding-block: var(--clickable-button-spacing-block, 0.25em);
      border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
      color: var(--clickable-button-text-color);
      background-color: var(--clickable-button-background-color);
      transition-property: box-shadow, transform;
      transition-duration: var(--clickable-button-effect-duration);
      box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
      transform: translateY(var(--clickable-button-effect-offset));
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
      --clickable-outline-color: var(--clr-primary-500, #2b73aa);
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .user-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button), .user-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .user-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .user-selector-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
      filter: grayscale(100%);
      cursor: default;
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
      text-decoration: none;
    }
    @layer theme {
      .user-selector-dialog .e-footer-content button:not(.eas-modal__button), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button) {
        --clickable-button-height: 2em;
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: var(--transition-fast, 0.15s);
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    @layer theme {
      .user-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:hover), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:hover), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:hover) {
        --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
        --clickable-button-background-color: white;
        --clickable-button-effect-offset: -0.15rem;
        --clickable-button-shadow-opacity: 0.5;
      }
    }
    @layer theme {
      .user-selector-dialog .e-footer-content button:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where(:focus-visible), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where(:focus-visible) {
        --clickable-button-border-color: transparent;
        --clickable-button-background-color: white;
      }
    }
    @layer theme {
      .user-selector-dialog .e-footer-content button:not(.eas-modal__button):active, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):active, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):active, .user-selector-dialog .e-footer-content button:not(.eas-modal__button).active, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).active, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).active, .user-selector-dialog .e-footer-content button--active:not(.eas-modal__button), .user-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button), .user-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button) {
        --clickable-button-effect-offset: 0;
      }
    }
    @layer theme {
      .user-selector-dialog .e-footer-content button:not(.eas-modal__button)[disabled], .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button)[disabled], .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button)[disabled], .user-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button), .user-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button), .user-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button), .user-selector-dialog .e-footer-content button:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button):where([aria-disabled=true]), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button):where([aria-disabled=true]) {
        --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
        --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
        --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
        --clickable-button-effect-duration: 0;
        --clickable-button-effect-offset: 0;
        --clickable-button-shadow-opacity: 0.2;
      }
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:hover), .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:hover), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:hover), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:hover), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:hover), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:hover) {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-background-color: white;
      --clickable-button-shadow-opacity: 0.5;
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where(:focus-visible), .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where(:focus-visible), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where(:focus-visible), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where(:focus-visible), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where(:focus-visible), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:active, .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:active, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:active, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:active, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:active, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:active, .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary.active, .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary.active, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary.active, .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary.active, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary.active, .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary.active, .user-selector-dialog .e-footer-content button--active:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content button--active:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content .e-btn--active:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content .btn--active:not(.eas-modal__button).btn-primary {
      --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    }
    .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary[disabled], .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary[disabled], .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary[disabled], .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary[disabled], .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary[disabled], .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary[disabled], .user-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content button--disabled:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content .e-btn--disabled:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).e-primary, .user-selector-dialog .e-footer-content .btn--disabled:not(.eas-modal__button).btn-primary, .user-selector-dialog .e-footer-content button:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .user-selector-dialog .e-footer-content button:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .user-selector-dialog .e-footer-content .e-btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).e-primary:where([aria-disabled=true]), .user-selector-dialog .e-footer-content .btn:not(.eas-modal__button).btn-primary:where([aria-disabled=true]) {
      --clickable-button-text-color: white;
      --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .user-selector-dialog .e-footer-content {
    position: sticky;
    bottom: 0;
  }
  .user-selector-dialog .e-footer-content:empty {
    display: none;
  }
  .user-selector-dialog__form {
    grid-area: form;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-1, 0.5rem);
  }
  .user-selector-dialog__form > * {
    flex: var(--column-size, 20%) 1 1;
  }
  .user-selector-dialog__grid {
    grid-area: grid;
  }
  .user-selector-dialog__filter-controls {
    --column-size: 100%;
    display: inline-flex;
    gap: var(--spacing-1, 0.5rem);
    justify-content: end;
  }
  .user-selector-dialog__button--filter, .user-selector-dialog__button--add, .user-selector-dialog__button--ok {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-duration: var(--transition-fast, 0.15s);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .user-selector-dialog__button--filter:where(:hover), .user-selector-dialog__button--add:where(:hover), .user-selector-dialog__button--ok:where(:hover) {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: -0.15rem;
    --clickable-button-background-color: white;
    --clickable-button-shadow-opacity: 0.5;
  }
  .user-selector-dialog__button--filter:where(:focus-visible), .user-selector-dialog__button--add:where(:focus-visible), .user-selector-dialog__button--ok:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
  }
  .user-selector-dialog__button--filter:active, .user-selector-dialog__button--add:active, .user-selector-dialog__button--ok:active, .user-selector-dialog__button--filter.active, .user-selector-dialog__button--add.active, .user-selector-dialog__button--ok.active, .user-selector-dialog__button--filter--active, .user-selector-dialog__button--add--active, .user-selector-dialog__button--ok--active {
    --clickable-button-border-color: var(--clr-primary-500, #2b73aa);
  }
  .user-selector-dialog__button--filter[disabled], .user-selector-dialog__button--add[disabled], .user-selector-dialog__button--ok[disabled], .user-selector-dialog__button--filter--disabled, .user-selector-dialog__button--add--disabled, .user-selector-dialog__button--ok--disabled, .user-selector-dialog__button--filter:where([aria-disabled=true]), .user-selector-dialog__button--add:where([aria-disabled=true]), .user-selector-dialog__button--ok:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-button-effect-offset: 0;
    --clickable-button-shadow-opacity: 0.2;
  }
  .user-selector-dialog__button--clear {
    --clickable-button-text-color: white;
    --clickable-button-background-color: var(--clr-red-500, #d9534f);
  }
  .user-selector-dialog__button--clear:where(:hover) {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
    --clickable-button-background-color: white;
  }
  .user-selector-dialog__button--clear:where(:focus-visible) {
    --clickable-button-border-color: transparent;
    --clickable-button-background-color: white;
    --clickable-button-text-color: var(--clr-red-500, #d9534f);
  }
  .user-selector-dialog__button--clear:active, .user-selector-dialog__button--clear.active, .user-selector-dialog__button--clear--active {
    --clickable-button-border-color: var(--clr-red-500, #d9534f);
  }
  .user-selector-dialog__button--clear[disabled], .user-selector-dialog__button--clear--disabled, .user-selector-dialog__button--clear:where([aria-disabled=true]) {
    --clickable-button-text-color: white;
  }
  .user-selector-dialog__button--add {
    --clickable-button-spacing-inline: 0;
    margin-inline-end: auto;
  }
}
@layer controls {
  .sidebar {
    --width-size-button: 1.875rem;
    --width-collapsed: 3rem;
    position: relative;
    z-index: 10;
    box-sizing: content-box;
    display: grid;
    grid-template-rows: auto 1fr;
    background-color: white;
    width: var(--width-collapsed);
    font-size: var(--fs-300, 14px);
  }
  .sidebar__items {
    grid-area: items;
    display: flex;
    flex-direction: column;
    width: var(--width-collapsed);
    background-color: white;
  }
  .sidebar--left .sidebar__items {
    box-shadow: 1px 0px var(--clr-neutral-100, #f0f0f0);
  }
  .sidebar--right .sidebar__items {
    box-shadow: -1px 0px var(--clr-neutral-100, #f0f0f0);
  }
  .sidebar__header {
    grid-area: header;
    z-index: -1;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 100%;
    overflow: clip;
    min-height: 1.5rem;
    background-color: white;
    transition: width var(--transition-slow, 0.6s) ease;
    container: sidebar-header/inline-size;
  }
  .sidebar__header::after {
    position: static;
    display: inline-block;
    margin: auto var(--separator-spacing, 0.75rem) 0 var(--separator-spacing, 0.75rem);
    content: "";
    background: var(--clr-primary-500, #2b73aa);
    width: calc(100% - 2 * var(--separator-spacing, 0.75rem));
    height: 1px;
    grid-column: span 2;
  }
  .sidebar__title {
    margin-inline-start: 0.5em;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .sidebar__content {
    grid-area: content;
    position: relative;
    z-index: -1;
    background-color: white;
    font-size: var(--fs-200, 12px);
    container: sidebar-content/inline-size;
    width: 100%;
    overflow: auto;
    transition: width var(--transition-slow, 0.6s) ease;
  }
  .sidebar--fullscreen .sidebar__content {
    width: revert;
  }
  .sidebar__handle {
    display: none;
    position: absolute;
    width: 0.75em;
    height: 100%;
    transition-property: width, color, background-color;
    transition-duration: 0.2s;
    cursor: ew-resize;
    align-content: center;
    text-align: center;
    color: var(--clr-neutral-100, #f0f0f0);
  }
  .sidebar__handle > * {
    pointer-events: none;
  }
  [style*="--handle-offset"] > .sidebar__handle, .sidebar__handle:hover {
    background-color: var(--clr-primary-500, #2b73aa);
    color: white;
    width: 1.3125em;
  }
  @media (hover: hover) and (pointer: fine) {
    .sidebar--expanded .sidebar__handle {
      display: block;
    }
  }
  .sidebar--left .sidebar__handle {
    right: calc(0px - var(--handle-offset, 0px));
  }
  .sidebar--right .sidebar__handle {
    left: calc(0px - var(--handle-offset, 0px));
  }
  .sidebar__header .action-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    --clickable-button-height: 1.875rem;
    --clickable-button-width: var(--clickable-button-height);
  }
  .sidebar__header .action-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .sidebar__header .action-button[disabled], .sidebar__header .action-button--disabled, .sidebar__header .action-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .sidebar__header .action-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .sidebar__header .action-button {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .sidebar__header .action-button:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  .sidebar__button {
    position: absolute;
    z-index: 10;
    bottom: var(--button-offset-v);
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
    font-size: 2em;
    border-radius: 50%;
    aspect-ratio: 1;
  }
  .sidebar__button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .sidebar__button[disabled], .sidebar__button--disabled, .sidebar__button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .sidebar__button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .sidebar__button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .sidebar__button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .sidebar__button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .sidebar__button:active, .sidebar__button.active, .sidebar__button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .sidebar__button[disabled], .sidebar__button--disabled, .sidebar__button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .sidebar__button:nth-last-of-type(1) {
    --button-offset-v: calc(0em + 1rem);
  }
  .sidebar__button:nth-last-of-type(2) {
    --button-offset-v: calc(3em + 1rem);
  }
  .sidebar__button:nth-last-of-type(3) {
    --button-offset-v: calc(6em + 1rem);
  }
  .sidebar__button:nth-last-of-type(4) {
    --button-offset-v: calc(9em + 1rem);
  }
  .sidebar__button:nth-last-of-type(5) {
    --button-offset-v: calc(12em + 1rem);
  }
  .sidebar__button:nth-last-of-type(6) {
    --button-offset-v: calc(15em + 1rem);
  }
  .sidebar__button:nth-last-of-type(7) {
    --button-offset-v: calc(18em + 1rem);
  }
  .sidebar__button:nth-last-of-type(8) {
    --button-offset-v: calc(21em + 1rem);
  }
  .sidebar__button:nth-last-of-type(9) {
    --button-offset-v: calc(24em + 1rem);
  }
  .sidebar__button:nth-last-of-type(10) {
    --button-offset-v: calc(27em + 1rem);
  }
  .sidebar__button:nth-last-of-type(11) {
    --button-offset-v: calc(30em + 1rem);
  }
  @media (hover: hover) and (pointer: fine) {
    .sidebar__button--size {
      display: none;
    }
  }
  @container viewport (width < 345px) {
    .sidebar__button--size {
      display: none;
    }
  }
  .sidebar--left .sidebar__button {
    right: 1rem;
  }
  .sidebar--right .sidebar__button {
    left: 1rem;
  }
  .sidebar--left .sidebar__action--close .fa, .sidebar--left .sidebar__action--close .far, .sidebar--left .sidebar__action--close .fas, .sidebar--left .sidebar__action--close .fal, .sidebar--left .sidebar__action--close .fab {
    rotate: 180deg;
  }
  .sidebar--right .sidebar__button--size .fa, .sidebar--right .sidebar__button--size .far, .sidebar--right .sidebar__button--size .fas, .sidebar--right .sidebar__button--size .fal, .sidebar--right .sidebar__button--size .fab {
    rotate: 180deg;
  }
  .sidebar .sidebar__action--fullscreen {
    display: none;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 768px) {
        .sidebar .sidebar__action--fullscreen {
          display: inline-block;
        }
      }
    }
  }
  @container (width > 768px) {
    .sidebar .sidebar__action--fullscreen {
      display: inline-block;
    }
  }
  .sidebar .sidebar__action--expand {
    --button-v-offset: calc(-1 * (var(--clickable-button-height) / 2 + 2.25em));
  }
  .sidebar .sidebar__action--compress {
    --button-v-offset: calc(var(--clickable-button-height) / 2 - 1.25em);
  }
  .sidebar--left {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-right-width: var(--border-width, thin);
    padding-right: var(--width-handle, 0px);
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "items header" "items content";
  }
  .sidebar--left .sidebar__header,
  .sidebar--left .sidebar__content {
    justify-self: start;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-right-width: var(--border-width, thin);
  }
  .sidebar--right {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-left-width: var(--border-width, thin);
    padding-left: var(--width-handle, 0px);
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "header items" "content items";
  }
  .sidebar--right .sidebar__header,
  .sidebar--right .sidebar__content {
    justify-self: start;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-left-width: var(--border-width, thin);
  }
  .sidebar--expanded {
    --width-handle: 0.75em;
    width: min(var(--width-collapsed) + var(--width-expanded), 100%);
    min-width: min(var(--width-collapsed) + 250px, 100%);
  }
  .sidebar--fullscreen {
    position: fixed;
    inset: 0;
    width: revert;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-right-width: var(--border-width, thin);
    padding: var(--spacing-3, 1rem);
    grid-template-columns: unset;
    grid-template-areas: "header" "content";
    background-color: rgba(0, 0, 0, 0.5);
    transition: width 0s;
  }
  .sidebar--fullscreen .sidebar__items,
  .sidebar--fullscreen .sidebar__action--close,
  .sidebar--fullscreen .sidebar__size-action {
    display: none;
  }
  .sidebar--fullscreen .sidebar__header,
  .sidebar--fullscreen .sidebar__content {
    width: 100%;
    transition: width 0s;
  }
  .sidebar--horizontal.sidebar--right {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-left-width: var(--border-width, thin);
  }
  .sidebar--horizontal.sidebar--expanded {
    border: 0;
  }
  @media (hover: none) and (pointer: coarse) {
    .sidebar {
      --width-size-button: 3rem;
    }
  }
  .layout > .sidebar {
    flex-shrink: 1;
    min-width: var(--width-collapsed);
  }
}
.sidebar-item {
  box-sizing: border-box;
  text-align: inherit;
  cursor: pointer;
  outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
  outline-offset: var(--clickable-outline-offset, 0);
  --clickable-outline-width: .25rem;
  --clickable-outline-offset: -.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: var(--clickable-area-direction, row);
  position: var(--clickable-area-position, relative);
  min-height: var(--clickable-area-min-height);
  padding-inline: var(--clickable-area-spacing-inline);
  padding-block: var(--clickable-area-spacing-block);
  text-decoration: none;
  border: var(--clickable-area-border-color) solid var(--clickable-area-border-width);
  color: var(--clickable-area-text-color, inherit);
  background-color: hsl(from var(--clickable-area-background-color) h s l/var(--clickable-area-background-opacity));
}
.sidebar-item::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  inset-block-start: auto;
  min-width: var(--clickable-area-marker-size, 0.125rem);
  min-height: var(--clickable-area-marker-size, 0.125rem);
  opacity: var(--clickable-area-marker-opacity, 0);
  background-color: var(--clickable-area-marker-color, var(--clickable-area-text-color, transparent));
}
.sidebar-item:where(:focus-visible) {
  --clickable-outline-color: var(--clr-primary-500, #2b73aa);
}

.sidebar-item[disabled], .sidebar-item--disabled, .sidebar-item:where([aria-disabled=true]) {
  filter: grayscale(100%);
  cursor: default;
}

@layer theme {
  .sidebar-item {
    --clickable-area-background-color: white;
    --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
  }
}
@layer theme {
  .sidebar-item:where(:hover) {
    --clickable-area-background-color: var(--clr-primary-500, #2b73aa);
    --clickable-area-text-color: var(--clr-primary-500, #2b73aa);
    --clickable-area-background-opacity: 0.2;
  }
}
@layer theme {
  .sidebar-item[disabled], .sidebar-item--disabled, .sidebar-item:where([aria-disabled=true]) {
    --clickable-area-text-color: var(--clr-neutral-300, #b8b8b8);
    --clickable-area-background-opacity: 0;
  }
}
@layer theme {
  .sidebar-item--selected, .sidebar-item:where([aria-selected=true]), .sidebar-item:where([aria-checked]) {
    --clickable-area-background-color: var(--clr-neutral-100, #f0f0f0);
    --clickable-area-background-opacity: 1;
    --clickable-area-marker-opacity: 1;
  }
}
.sidebar-item a {
  color: inherit;
}
.sidebar-item a:hover {
  color: inherit;
}
.sidebar-item {
  width: 100%;
  flex-direction: row;
}
.sidebar-item::before {
  inset: 0;
}
.sidebar-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--width-collapsed);
  height: var(--width-collapsed);
}
.sidebar-item__icon {
  text-align: center;
  font-size: 120%;
}
.sidebar--vertical.sidebar--right .sidebar-item__icon {
  rotate: 180deg;
}
.sidebar--vertical .sidebar-item__name-wrapper {
  flex-direction: column;
}
.sidebar--vertical .sidebar-item {
  flex-direction: column;
}
.sidebar--vertical .sidebar-item::before {
  margin-left: calc(100% - 0.125rem);
}
.sidebar--vertical.sidebar--right .sidebar-item {
  rotate: 180deg;
  flex-direction: column-reverse;
}
.sidebar-item__name {
  display: inline;
}
.sidebar--vertical.sidebar--left .sidebar-item__name {
  margin-inline-end: var(--spacing-3, 1rem);
}
.sidebar--vertical.sidebar--right .sidebar-item__name {
  margin-inline-start: var(--spacing-3, 1rem);
}
.sidebar--vertical .sidebar-item__name {
  rotate: 180deg;
  writing-mode: vertical-lr;
}
@container viewport (width < 40rem) {
  .sidebar--vertical .sidebar-item__name {
    display: none;
  }
}

@layer controls {
  .eas-tree-control__search {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
    padding: var(--spacing-3, 1rem);
    display: flex;
    gap: 0.5em;
    background-color: white;
  }
  .eas-tree-control__search input {
    flex: 1;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    --border-color: var(--clr-neutral-200, #d0d0d0);
  }
  .eas-tree-control__search input::-webkit-search-cancel-button {
    display: none;
  }
  .eas-tree-control__search--hidden {
    display: none;
  }
  .eas-tree-control__search-button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-tree-control__search-button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-tree-control__search-button[disabled], .eas-tree-control__search-button--disabled, .eas-tree-control__search-button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-tree-control__search-button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-tree-control__search-button {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: transparent;
      --clickable-button-shadow-opacity: 0;
      --clickable-button-roundness: 50%;
    }
  }
  @layer theme {
    .eas-tree-control__search-button:where(:hover) {
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0;
    }
  }
  .eas-tree-control__search-button {
    --clickable-button-spacing-inline: 0;
  }
  .eas-tree-control__content {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-left-width: var(--border-width, thin);
    margin: 0 var(--spacing-3, 1rem) var(--spacing-3, 1rem);
    width: calc(100% - 2 * var(--spacing-3, 1rem));
  }
  .eas-tree-control__header-cell {
    container: eas-tree-control-header-cell/inline-size;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-top-width: var(--border-width, thin);
    border-bottom-width: var(--border-width, thin);
    border-right-width: var(--border-width, thin);
    color: var(--clr-neutral-600, #707070);
    padding-inline: 0.5em;
    flex-direction: column;
    justify-content: center;
  }
  .eas-tree-control__header-cell--text-left {
    align-items: start;
  }
  .eas-tree-control__header-cell--text-center {
    align-items: center;
  }
  .eas-tree-control__header-cell--text-right {
    align-items: end;
  }
  .eas-tree-control__header-line {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .eas-tree-control__node {
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    border-right-width: var(--border-width, thin);
    min-width: 20px;
  }
  .eas-tree-control__node > * {
    margin-inline-end: 0.5em;
  }
  .eas-tree-control__node--highlighted {
    border-right-color: var(--clr-primary-100, #9ac5e5) !important;
  }
  .eas-tree-control__node--highlighted {
    color: white;
    background-color: var(--clr-primary-100, #9ac5e5);
  }
  .eas-tree-control__node--selected {
    border-right-color: var(--clr-primary-500, #2b73aa) !important;
  }
  .eas-tree-control__node--selected {
    color: white;
    background-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-tree-control__node--level-1 {
    padding-inline-start: 1em;
  }
  .eas-tree-control__node--level-1 {
    position: relative;
  }
  .eas-tree-control__node--level-1::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 4.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-2 {
    padding-inline-start: 2em;
  }
  .eas-tree-control__node--level-2 {
    position: relative;
  }
  .eas-tree-control__node--level-2::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 5.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-3 {
    padding-inline-start: 3em;
  }
  .eas-tree-control__node--level-3 {
    position: relative;
  }
  .eas-tree-control__node--level-3::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 6.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-4 {
    padding-inline-start: 4em;
  }
  .eas-tree-control__node--level-4 {
    position: relative;
  }
  .eas-tree-control__node--level-4::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 7.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-5 {
    padding-inline-start: 5em;
  }
  .eas-tree-control__node--level-5 {
    position: relative;
  }
  .eas-tree-control__node--level-5::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 8.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-6 {
    padding-inline-start: 6em;
  }
  .eas-tree-control__node--level-6 {
    position: relative;
  }
  .eas-tree-control__node--level-6::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 9.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-7 {
    padding-inline-start: 7em;
  }
  .eas-tree-control__node--level-7 {
    position: relative;
  }
  .eas-tree-control__node--level-7::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 10.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-8 {
    padding-inline-start: 8em;
  }
  .eas-tree-control__node--level-8 {
    position: relative;
  }
  .eas-tree-control__node--level-8::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 11.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-9 {
    padding-inline-start: 9em;
  }
  .eas-tree-control__node--level-9 {
    position: relative;
  }
  .eas-tree-control__node--level-9::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 12.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-10 {
    padding-inline-start: 10em;
  }
  .eas-tree-control__node--level-10 {
    position: relative;
  }
  .eas-tree-control__node--level-10::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 13.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-11 {
    padding-inline-start: 11em;
  }
  .eas-tree-control__node--level-11 {
    position: relative;
  }
  .eas-tree-control__node--level-11::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 14.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-12 {
    padding-inline-start: 12em;
  }
  .eas-tree-control__node--level-12 {
    position: relative;
  }
  .eas-tree-control__node--level-12::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 15.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-13 {
    padding-inline-start: 13em;
  }
  .eas-tree-control__node--level-13 {
    position: relative;
  }
  .eas-tree-control__node--level-13::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 16.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-14 {
    padding-inline-start: 14em;
  }
  .eas-tree-control__node--level-14 {
    position: relative;
  }
  .eas-tree-control__node--level-14::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 17.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-15 {
    padding-inline-start: 15em;
  }
  .eas-tree-control__node--level-15 {
    position: relative;
  }
  .eas-tree-control__node--level-15::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 18.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-16 {
    padding-inline-start: 16em;
  }
  .eas-tree-control__node--level-16 {
    position: relative;
  }
  .eas-tree-control__node--level-16::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 19.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-17 {
    padding-inline-start: 17em;
  }
  .eas-tree-control__node--level-17 {
    position: relative;
  }
  .eas-tree-control__node--level-17::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 20.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-18 {
    padding-inline-start: 18em;
  }
  .eas-tree-control__node--level-18 {
    position: relative;
  }
  .eas-tree-control__node--level-18::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 21.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-19 {
    padding-inline-start: 19em;
  }
  .eas-tree-control__node--level-19 {
    position: relative;
  }
  .eas-tree-control__node--level-19::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 22.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-20 {
    padding-inline-start: 20em;
  }
  .eas-tree-control__node--level-20 {
    position: relative;
  }
  .eas-tree-control__node--level-20::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 23.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-21 {
    padding-inline-start: 21em;
  }
  .eas-tree-control__node--level-21 {
    position: relative;
  }
  .eas-tree-control__node--level-21::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 24.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-22 {
    padding-inline-start: 22em;
  }
  .eas-tree-control__node--level-22 {
    position: relative;
  }
  .eas-tree-control__node--level-22::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 25.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-23 {
    padding-inline-start: 23em;
  }
  .eas-tree-control__node--level-23 {
    position: relative;
  }
  .eas-tree-control__node--level-23::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 26.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-24 {
    padding-inline-start: 24em;
  }
  .eas-tree-control__node--level-24 {
    position: relative;
  }
  .eas-tree-control__node--level-24::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 27.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-25 {
    padding-inline-start: 25em;
  }
  .eas-tree-control__node--level-25 {
    position: relative;
  }
  .eas-tree-control__node--level-25::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 28.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-26 {
    padding-inline-start: 26em;
  }
  .eas-tree-control__node--level-26 {
    position: relative;
  }
  .eas-tree-control__node--level-26::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 29.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-27 {
    padding-inline-start: 27em;
  }
  .eas-tree-control__node--level-27 {
    position: relative;
  }
  .eas-tree-control__node--level-27::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 30.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-28 {
    padding-inline-start: 28em;
  }
  .eas-tree-control__node--level-28 {
    position: relative;
  }
  .eas-tree-control__node--level-28::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 31.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-29 {
    padding-inline-start: 29em;
  }
  .eas-tree-control__node--level-29 {
    position: relative;
  }
  .eas-tree-control__node--level-29::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 32.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-30 {
    padding-inline-start: 30em;
  }
  .eas-tree-control__node--level-30 {
    position: relative;
  }
  .eas-tree-control__node--level-30::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 33.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-31 {
    padding-inline-start: 31em;
  }
  .eas-tree-control__node--level-31 {
    position: relative;
  }
  .eas-tree-control__node--level-31::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 34.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-32 {
    padding-inline-start: 32em;
  }
  .eas-tree-control__node--level-32 {
    position: relative;
  }
  .eas-tree-control__node--level-32::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 35.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-33 {
    padding-inline-start: 33em;
  }
  .eas-tree-control__node--level-33 {
    position: relative;
  }
  .eas-tree-control__node--level-33::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 36.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-34 {
    padding-inline-start: 34em;
  }
  .eas-tree-control__node--level-34 {
    position: relative;
  }
  .eas-tree-control__node--level-34::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 37.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-35 {
    padding-inline-start: 35em;
  }
  .eas-tree-control__node--level-35 {
    position: relative;
  }
  .eas-tree-control__node--level-35::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 38.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-36 {
    padding-inline-start: 36em;
  }
  .eas-tree-control__node--level-36 {
    position: relative;
  }
  .eas-tree-control__node--level-36::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 39.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-37 {
    padding-inline-start: 37em;
  }
  .eas-tree-control__node--level-37 {
    position: relative;
  }
  .eas-tree-control__node--level-37::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 40.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-38 {
    padding-inline-start: 38em;
  }
  .eas-tree-control__node--level-38 {
    position: relative;
  }
  .eas-tree-control__node--level-38::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 41.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-39 {
    padding-inline-start: 39em;
  }
  .eas-tree-control__node--level-39 {
    position: relative;
  }
  .eas-tree-control__node--level-39::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 42.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-40 {
    padding-inline-start: 40em;
  }
  .eas-tree-control__node--level-40 {
    position: relative;
  }
  .eas-tree-control__node--level-40::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 43.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-41 {
    padding-inline-start: 41em;
  }
  .eas-tree-control__node--level-41 {
    position: relative;
  }
  .eas-tree-control__node--level-41::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 44.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-42 {
    padding-inline-start: 42em;
  }
  .eas-tree-control__node--level-42 {
    position: relative;
  }
  .eas-tree-control__node--level-42::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 45.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-43 {
    padding-inline-start: 43em;
  }
  .eas-tree-control__node--level-43 {
    position: relative;
  }
  .eas-tree-control__node--level-43::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 46.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-44 {
    padding-inline-start: 44em;
  }
  .eas-tree-control__node--level-44 {
    position: relative;
  }
  .eas-tree-control__node--level-44::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 47.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-45 {
    padding-inline-start: 45em;
  }
  .eas-tree-control__node--level-45 {
    position: relative;
  }
  .eas-tree-control__node--level-45::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 48.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-46 {
    padding-inline-start: 46em;
  }
  .eas-tree-control__node--level-46 {
    position: relative;
  }
  .eas-tree-control__node--level-46::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 49.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-47 {
    padding-inline-start: 47em;
  }
  .eas-tree-control__node--level-47 {
    position: relative;
  }
  .eas-tree-control__node--level-47::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 50.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-48 {
    padding-inline-start: 48em;
  }
  .eas-tree-control__node--level-48 {
    position: relative;
  }
  .eas-tree-control__node--level-48::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 51.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-49 {
    padding-inline-start: 49em;
  }
  .eas-tree-control__node--level-49 {
    position: relative;
  }
  .eas-tree-control__node--level-49::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 52.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-50 {
    padding-inline-start: 50em;
  }
  .eas-tree-control__node--level-50 {
    position: relative;
  }
  .eas-tree-control__node--level-50::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 53.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-51 {
    padding-inline-start: 51em;
  }
  .eas-tree-control__node--level-51 {
    position: relative;
  }
  .eas-tree-control__node--level-51::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 54.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-52 {
    padding-inline-start: 52em;
  }
  .eas-tree-control__node--level-52 {
    position: relative;
  }
  .eas-tree-control__node--level-52::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 55.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-53 {
    padding-inline-start: 53em;
  }
  .eas-tree-control__node--level-53 {
    position: relative;
  }
  .eas-tree-control__node--level-53::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 56.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-54 {
    padding-inline-start: 54em;
  }
  .eas-tree-control__node--level-54 {
    position: relative;
  }
  .eas-tree-control__node--level-54::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 57.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-55 {
    padding-inline-start: 55em;
  }
  .eas-tree-control__node--level-55 {
    position: relative;
  }
  .eas-tree-control__node--level-55::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 58.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-56 {
    padding-inline-start: 56em;
  }
  .eas-tree-control__node--level-56 {
    position: relative;
  }
  .eas-tree-control__node--level-56::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 59.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-57 {
    padding-inline-start: 57em;
  }
  .eas-tree-control__node--level-57 {
    position: relative;
  }
  .eas-tree-control__node--level-57::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 60.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-58 {
    padding-inline-start: 58em;
  }
  .eas-tree-control__node--level-58 {
    position: relative;
  }
  .eas-tree-control__node--level-58::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 61.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-59 {
    padding-inline-start: 59em;
  }
  .eas-tree-control__node--level-59 {
    position: relative;
  }
  .eas-tree-control__node--level-59::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 62.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-60 {
    padding-inline-start: 60em;
  }
  .eas-tree-control__node--level-60 {
    position: relative;
  }
  .eas-tree-control__node--level-60::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 63.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-61 {
    padding-inline-start: 61em;
  }
  .eas-tree-control__node--level-61 {
    position: relative;
  }
  .eas-tree-control__node--level-61::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 64.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-62 {
    padding-inline-start: 62em;
  }
  .eas-tree-control__node--level-62 {
    position: relative;
  }
  .eas-tree-control__node--level-62::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 65.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-63 {
    padding-inline-start: 63em;
  }
  .eas-tree-control__node--level-63 {
    position: relative;
  }
  .eas-tree-control__node--level-63::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 66.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-64 {
    padding-inline-start: 64em;
  }
  .eas-tree-control__node--level-64 {
    position: relative;
  }
  .eas-tree-control__node--level-64::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 67.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-65 {
    padding-inline-start: 65em;
  }
  .eas-tree-control__node--level-65 {
    position: relative;
  }
  .eas-tree-control__node--level-65::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 68.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-66 {
    padding-inline-start: 66em;
  }
  .eas-tree-control__node--level-66 {
    position: relative;
  }
  .eas-tree-control__node--level-66::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 69.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-67 {
    padding-inline-start: 67em;
  }
  .eas-tree-control__node--level-67 {
    position: relative;
  }
  .eas-tree-control__node--level-67::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 70.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-68 {
    padding-inline-start: 68em;
  }
  .eas-tree-control__node--level-68 {
    position: relative;
  }
  .eas-tree-control__node--level-68::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 71.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-69 {
    padding-inline-start: 69em;
  }
  .eas-tree-control__node--level-69 {
    position: relative;
  }
  .eas-tree-control__node--level-69::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 72.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-70 {
    padding-inline-start: 70em;
  }
  .eas-tree-control__node--level-70 {
    position: relative;
  }
  .eas-tree-control__node--level-70::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 73.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-71 {
    padding-inline-start: 71em;
  }
  .eas-tree-control__node--level-71 {
    position: relative;
  }
  .eas-tree-control__node--level-71::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 74.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-72 {
    padding-inline-start: 72em;
  }
  .eas-tree-control__node--level-72 {
    position: relative;
  }
  .eas-tree-control__node--level-72::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 75.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-73 {
    padding-inline-start: 73em;
  }
  .eas-tree-control__node--level-73 {
    position: relative;
  }
  .eas-tree-control__node--level-73::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 76.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-74 {
    padding-inline-start: 74em;
  }
  .eas-tree-control__node--level-74 {
    position: relative;
  }
  .eas-tree-control__node--level-74::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 77.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-75 {
    padding-inline-start: 75em;
  }
  .eas-tree-control__node--level-75 {
    position: relative;
  }
  .eas-tree-control__node--level-75::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 78.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-76 {
    padding-inline-start: 76em;
  }
  .eas-tree-control__node--level-76 {
    position: relative;
  }
  .eas-tree-control__node--level-76::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 79.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-77 {
    padding-inline-start: 77em;
  }
  .eas-tree-control__node--level-77 {
    position: relative;
  }
  .eas-tree-control__node--level-77::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 80.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-78 {
    padding-inline-start: 78em;
  }
  .eas-tree-control__node--level-78 {
    position: relative;
  }
  .eas-tree-control__node--level-78::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 81.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-79 {
    padding-inline-start: 79em;
  }
  .eas-tree-control__node--level-79 {
    position: relative;
  }
  .eas-tree-control__node--level-79::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 82.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-80 {
    padding-inline-start: 80em;
  }
  .eas-tree-control__node--level-80 {
    position: relative;
  }
  .eas-tree-control__node--level-80::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 83.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-81 {
    padding-inline-start: 81em;
  }
  .eas-tree-control__node--level-81 {
    position: relative;
  }
  .eas-tree-control__node--level-81::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 84.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-82 {
    padding-inline-start: 82em;
  }
  .eas-tree-control__node--level-82 {
    position: relative;
  }
  .eas-tree-control__node--level-82::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 85.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-83 {
    padding-inline-start: 83em;
  }
  .eas-tree-control__node--level-83 {
    position: relative;
  }
  .eas-tree-control__node--level-83::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 86.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-84 {
    padding-inline-start: 84em;
  }
  .eas-tree-control__node--level-84 {
    position: relative;
  }
  .eas-tree-control__node--level-84::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 87.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-85 {
    padding-inline-start: 85em;
  }
  .eas-tree-control__node--level-85 {
    position: relative;
  }
  .eas-tree-control__node--level-85::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 88.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-86 {
    padding-inline-start: 86em;
  }
  .eas-tree-control__node--level-86 {
    position: relative;
  }
  .eas-tree-control__node--level-86::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 89.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-87 {
    padding-inline-start: 87em;
  }
  .eas-tree-control__node--level-87 {
    position: relative;
  }
  .eas-tree-control__node--level-87::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 90.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-88 {
    padding-inline-start: 88em;
  }
  .eas-tree-control__node--level-88 {
    position: relative;
  }
  .eas-tree-control__node--level-88::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 91.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-89 {
    padding-inline-start: 89em;
  }
  .eas-tree-control__node--level-89 {
    position: relative;
  }
  .eas-tree-control__node--level-89::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 92.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-90 {
    padding-inline-start: 90em;
  }
  .eas-tree-control__node--level-90 {
    position: relative;
  }
  .eas-tree-control__node--level-90::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 93.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-91 {
    padding-inline-start: 91em;
  }
  .eas-tree-control__node--level-91 {
    position: relative;
  }
  .eas-tree-control__node--level-91::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 94.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-92 {
    padding-inline-start: 92em;
  }
  .eas-tree-control__node--level-92 {
    position: relative;
  }
  .eas-tree-control__node--level-92::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 95.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-93 {
    padding-inline-start: 93em;
  }
  .eas-tree-control__node--level-93 {
    position: relative;
  }
  .eas-tree-control__node--level-93::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 96.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-94 {
    padding-inline-start: 94em;
  }
  .eas-tree-control__node--level-94 {
    position: relative;
  }
  .eas-tree-control__node--level-94::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 97.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-95 {
    padding-inline-start: 95em;
  }
  .eas-tree-control__node--level-95 {
    position: relative;
  }
  .eas-tree-control__node--level-95::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 98.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-96 {
    padding-inline-start: 96em;
  }
  .eas-tree-control__node--level-96 {
    position: relative;
  }
  .eas-tree-control__node--level-96::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 99.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-97 {
    padding-inline-start: 97em;
  }
  .eas-tree-control__node--level-97 {
    position: relative;
  }
  .eas-tree-control__node--level-97::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 100.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-98 {
    padding-inline-start: 98em;
  }
  .eas-tree-control__node--level-98 {
    position: relative;
  }
  .eas-tree-control__node--level-98::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 101.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-99 {
    padding-inline-start: 99em;
  }
  .eas-tree-control__node--level-99 {
    position: relative;
  }
  .eas-tree-control__node--level-99::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 102.5em;
    background-color: white;
  }
  .eas-tree-control__node--level-100 {
    padding-inline-start: 100em;
  }
  .eas-tree-control__node--level-100 {
    position: relative;
  }
  .eas-tree-control__node--level-100::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    content: "";
    width: 103.5em;
    background-color: white;
  }
  .eas-tree-control__collapse-icon {
    float: left;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
    isolation: isolate;
    color: black;
  }
  .eas-tree-control__node-icon {
    float: left;
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
    isolation: isolate;
  }
  .eas-tree-control__node-icon--placeholder {
    visibility: hidden;
    pointer-events: none;
  }
  .eas-tree-control__node-text {
    padding-inline: 0.5em;
    display: block;
    vertical-align: bottom;
    white-space: nowrap;
    cursor: pointer;
  }
  .eas-tree-control__node-marker {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: transparent;
  }
  .eas-tree-control__node-marker--red {
    border-left-color: var(--clr-red-500, #d9534f);
  }
  .eas-tree-control__node-marker--red.eas-tree-control__node-marker--light {
    border-left-color: var(--clr-red-100, #f7dddc);
  }
  .eas-tree-control__node-marker--red.eas-tree-control__node-marker--dark {
    border-left-color: var(--clr-red-800, #8a211e);
  }
  .eas-tree-control__node-marker--yellow {
    border-left-color: var(--clr-yellow-500, #f0ad4e);
  }
  .eas-tree-control__node-marker--yellow.eas-tree-control__node-marker--light {
    border-left-color: var(--clr-yellow-200, #f9deb8);
  }
  .eas-tree-control__node-marker--yellow.eas-tree-control__node-marker--dark {
    border-left-color: var(--clr-yellow-700, #bb7410);
  }
  .eas-tree-control__node-marker--green {
    border-left-color: var(--clr-green-500, #5cb85c);
  }
  .eas-tree-control__node-marker--green.eas-tree-control__node-marker--light {
    border-left-color: var(--clr-green-200, #bee3be);
  }
  .eas-tree-control__node-marker--green.eas-tree-control__node-marker--dark {
    border-left-color: var(--clr-green-700, #377f37);
  }
  .eas-tree-control__node, .eas-tree-control__additional-cell {
    overflow: hidden;
  }
  .eas-tree-control__additional-cell {
    min-width: 5ch;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    cursor: pointer;
    text-align: start;
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--clr-neutral-100, #f0f0f0));
    border-width: 0;
    border-bottom-width: var(--border-width, thin);
    border-right-width: var(--border-width, thin);
    padding-inline: 0.5em;
  }
  .eas-tree-control__additional-cell--text-left {
    text-align: start;
  }
  .eas-tree-control__additional-cell--text-right {
    text-align: end;
  }
  .eas-tree-control__additional-cell--text-center {
    text-align: center;
  }
  .eas-tree-control__additional-cell::before {
    left: 0;
    background: linear-gradient(to right, var(--gradient-color, white), transparent);
  }
  .eas-tree-control__additional-cell::after {
    right: 0;
    background: linear-gradient(to left, var(--gradient-color, white), transparent);
  }
}
@layer page {
  .eas-tree-control > .loading-container__overlay {
    opacity: 0 !important;
  }
  .eas-tree-control > .loading-container__content {
    opacity: 1 !important;
  }
}
@layer controls {
  .eas-wizard {
    width: 100%;
    height: 100%;
    display: var(--grid-display, grid);
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "steps steps steps" "content content content" "left center right";
    gap: 0;
  }
  @media (orientation: landscape) {
    .eas-wizard {
      display: var(--grid-display, grid);
      grid-template-columns: max(4rem, 7vw) 1fr max(4rem, 7vw);
      grid-template-rows: auto minmax(0, 1fr) auto;
      grid-template-areas: "left steps right" "left content right" "left center right";
      gap: 0;
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard {
          display: var(--grid-display, grid);
          grid-template-columns: 1fr;
          grid-template-rows: auto minmax(0, 1fr);
          grid-template-areas: "steps" "content";
          gap: 0;
          position: relative;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard {
      display: var(--grid-display, grid);
      grid-template-columns: 1fr;
      grid-template-rows: auto minmax(0, 1fr);
      grid-template-areas: "steps" "content";
      gap: 0;
      position: relative;
    }
  }
  .eas-wizard__steps {
    grid-area: steps;
    flex: 0 1 auto;
    padding-block: var(--spacing-1, 0.5rem);
  }
  .eas-wizard__content {
    grid-area: content;
    isolation: isolate;
    flex: 1 1 auto;
  }
  .eas-wizard__content .e-tab-header {
    display: none !important;
  }
  .eas-wizard__content .e-content {
    height: 100% !important;
  }
  .eas-wizard__toolbar {
    display: flex;
    gap: var(--spacing-3, 1rem);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard__toolbar--left {
          left: var(--spacing-3, 1rem);
          margin-right: auto;
          justify-content: start;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard__toolbar--left {
      left: var(--spacing-3, 1rem);
      margin-right: auto;
      justify-content: start;
    }
  }
  @media (orientation: landscape) {
    .eas-wizard__toolbar--left {
      grid-area: left;
    }
  }
  @media (orientation: portrait) {
    .eas-wizard__toolbar--left {
      grid-column-start: 1;
      grid-column-end: 2;
    }
    .eas-wizard__toolbar--left:nth-last-child(2) {
      grid-column-end: 3;
    }
    .eas-wizard__toolbar--left:last-child {
      grid-column-end: 4;
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard__toolbar--center {
          width: min-content;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
          justify-content: center;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard__toolbar--center {
      width: min-content;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard__toolbar--right {
          right: var(--spacing-3, 1rem);
          margin-left: auto;
          justify-content: end;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard__toolbar--right {
      right: var(--spacing-3, 1rem);
      margin-left: auto;
      justify-content: end;
    }
  }
  @media (orientation: landscape) {
    .eas-wizard__toolbar--right {
      grid-area: right;
    }
  }
  @media (orientation: portrait) {
    .eas-wizard__content + .eas-wizard__toolbar--right {
      grid-column-start: 1;
    }
    .eas-wizard__toolbar--center + .eas-wizard__toolbar--right {
      grid-column-start: 3;
    }
    .eas-wizard__toolbar--right {
      grid-column-end: -1;
    }
  }
  .eas-wizard--buttons-top .eas-wizard__toolbar {
    top: var(--spacing-3, 1rem);
  }
  .eas-wizard--buttons-center .eas-wizard__toolbar {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  .eas-wizard--buttons-bottom .eas-wizard__toolbar {
    bottom: var(--spacing-3, 1rem);
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard__toolbar {
          position: absolute;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard__toolbar {
      position: absolute;
    }
  }
  .eas-wizard__toolbar-item {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.75rem;
    gap: 0.5em;
    height: 100% !important;
    text-align: center;
    background-color: var(--clr-neutral-100, #f0f0f0);
    border-color: transparent;
    color: var(--clr-primary-500, #2b73aa);
  }
  .eas-wizard__toolbar-item--button {
    box-sizing: border-box;
    text-align: inherit;
    cursor: pointer;
    outline: var(--clickable-outline-color, transparent) solid var(--clickable-outline-width, 0.5rem);
    outline-offset: var(--clickable-outline-offset, 0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--clickable-button-gap-inside, 0.5em);
    text-align: var(--clickable-button-text-align, center);
    min-width: var(--clickable-button-width, 2em);
    min-height: var(--clickable-button-height, 2em);
    border-radius: var(--clickable-button-roundness, 0);
    padding-inline: var(--clickable-button-spacing-inline, 0.7em);
    padding-block: var(--clickable-button-spacing-block, 0.25em);
    border: var(--clickable-button-border-color, transparent) solid var(--clickable-button-border-width, thin);
    color: var(--clickable-button-text-color);
    background-color: var(--clickable-button-background-color);
    transition-property: box-shadow, transform;
    transition-duration: var(--clickable-button-effect-duration);
    box-shadow: 0 0.125rem 0.125rem hsl(0, 0%, 0%, var(--clickable-button-shadow-opacity));
    transform: translateY(var(--clickable-button-effect-offset));
  }
  .eas-wizard__toolbar-item--button:where(:focus-visible) {
    --clickable-outline-color: var(--clr-primary-500, #2b73aa);
  }
  .eas-wizard__toolbar-item--button[disabled], .eas-wizard__toolbar-item--button--disabled, .eas-wizard__toolbar-item--button:where([aria-disabled=true]) {
    filter: grayscale(100%);
    cursor: default;
  }
  .eas-wizard__toolbar-item--button:where(:hover) {
    text-decoration: none;
  }
  @layer theme {
    .eas-wizard__toolbar-item--button {
      --clickable-button-height: 2em;
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: var(--transition-fast, 0.15s);
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  @layer theme {
    .eas-wizard__toolbar-item--button:where(:hover) {
      --clickable-button-border-color: var(--clr-neutral-400, #a0a0a0);
      --clickable-button-background-color: white;
      --clickable-button-effect-offset: -0.15rem;
      --clickable-button-shadow-opacity: 0.5;
    }
  }
  @layer theme {
    .eas-wizard__toolbar-item--button:where(:focus-visible) {
      --clickable-button-border-color: transparent;
      --clickable-button-background-color: white;
    }
  }
  @layer theme {
    .eas-wizard__toolbar-item--button:active, .eas-wizard__toolbar-item--button.active, .eas-wizard__toolbar-item--button--active {
      --clickable-button-effect-offset: 0;
    }
  }
  @layer theme {
    .eas-wizard__toolbar-item--button[disabled], .eas-wizard__toolbar-item--button--disabled, .eas-wizard__toolbar-item--button:where([aria-disabled=true]) {
      --clickable-button-text-color: var(--clr-primary-500, #2b73aa);
      --clickable-button-border-color: var(--clr-neutral-200, #d0d0d0);
      --clickable-button-background-color: var(--clr-neutral-100, #f0f0f0);
      --clickable-button-effect-duration: 0;
      --clickable-button-effect-offset: 0;
      --clickable-button-shadow-opacity: 0.2;
    }
  }
  .eas-wizard__toolbar-item--button {
    --clickable-button-height: 3.75rem;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (max-width: 70rem) {
        .eas-wizard__toolbar-item:where(:hover) {
          --clickable-button-effect-offset: 0;
        }
        .eas-wizard__toolbar-item {
          border-radius: 0;
          --clickable-outline-offset: -0.5rem;
        }
      }
    }
  }
  @container (width <= 70rem) {
    .eas-wizard__toolbar-item:where(:hover) {
      --clickable-button-effect-offset: 0;
    }
    .eas-wizard__toolbar-item {
      border-radius: 0;
      --clickable-outline-offset: -0.5rem;
    }
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard__toolbar-item {
          --clickable-button-spacing-inline: 1em;
          --clickable-button-spacing-block: 0;
          --clickable-button-width: 3.75rem;
          --clickable-button-height: 3.75rem;
          --clickable-button-roundness: calc(var(--clickable-button-height, 100%) * .5) ;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard__toolbar-item {
      --clickable-button-spacing-inline: 1em;
      --clickable-button-spacing-block: 0;
      --clickable-button-width: 3.75rem;
      --clickable-button-height: 3.75rem;
      --clickable-button-roundness: calc(var(--clickable-button-height, 100%) * .5) ;
    }
  }
  .eas-wizard__toolbar-item--top {
    top: var(--top);
  }
  .eas-wizard__toolbar-item--top {
    --top: 1.5rem;
  }
  @media (min-width: 768px) {
    .eas-wizard__toolbar-item--top {
      --top: 3rem;
    }
  }
  .eas-wizard__toolbar-item--right {
    right: var(--right);
  }
  .eas-wizard__toolbar-item--right {
    --right: 1.5rem;
  }
  @media (min-width: 768px) {
    .eas-wizard__toolbar-item--right {
      --right: 3rem;
    }
  }
  .eas-wizard__toolbar-item--bottom {
    bottom: var(--bottom);
  }
  .eas-wizard__toolbar-item--bottom {
    --bottom: calc(1.5rem + 26px);
  }
  @media (min-width: 768px) {
    .eas-wizard__toolbar-item--bottom {
      --bottom: calc(3rem + 26px);
    }
  }
  .eas-wizard__toolbar-item--left {
    left: var(--left);
  }
  .eas-wizard__toolbar-item--left {
    --left: 1.5rem;
  }
  @media (min-width: 768px) {
    .eas-wizard__toolbar-item--left {
      --left: 3rem;
    }
  }
  .eas-wizard__toolbar-item--disabled {
    filter: grayscale(100%);
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    background: var(--clr-neutral-100, #f0f0f0) !important;
    border-color: transparent !important;
    color: var(--clr-primary-500, #2b73aa) !important;
    pointer-events: none;
  }
  .eas-wizard__toolbar-item--disabled[title] {
    cursor: help;
  }
  .eas-wizard__toolbar-item--disabled:hover {
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
  }
  .eas-wizard__toolbar-item .fa, .eas-wizard__toolbar-item .far, .eas-wizard__toolbar-item .fas, .eas-wizard__toolbar-item .fal, .eas-wizard__toolbar-item .fab {
    font-size: 1.875rem;
  }
  .eas-wizard__toolbar-item:not(button) {
    box-shadow: 0 0.125rem 0.25rem hsla(0, 0%, 0%, 0.2);
    padding: var(--spacing-3, 1rem);
  }
  .eas-wizard__toolbar-item-text {
    display: none;
  }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media screen and (min-width: 70rem) {
        .eas-wizard__toolbar-item-text:not(:empty) {
          display: inline;
        }
      }
    }
  }
  @container (width > 70rem) {
    .eas-wizard__toolbar-item-text:not(:empty) {
      display: inline;
    }
  }
}

/*# sourceMappingURL=compound.css.map */