/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../node_modules/.pnpm/@emisgroup+ui-styles@3.0.1/node_modules/@emisgroup/ui-styles/dist/base.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/dateRangePicker/Styles.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.remove-eui-checkbox {
  margin-top: 0;
}

.flex-item-n {
  margin: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/Tooltip/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-tooltip {
  display: inline-block;
  margin-top: var(--spacing-xsmall);
  position: relative;
}
.qbl-tooltip.qbl-tooltip-disable {
  opacity: 0.5;
  z-index: -1;
}
.qbl-tooltip__text {
  background-color: var(--neutral-50);
  border-radius: var(--border-radius);
  bottom: 2.5rem;
  color: var(--white);
  font-size: var(--font-size-small);
  line-height: normal;
  min-width: 150px;
  padding: var(--spacing-small);
  position: absolute;
  right: var(--spacing-small);
  visibility: hidden;
  z-index: 1;
}
.qbl-tooltip:hover .qbl-tooltip__text {
  visibility: visible;
}
.qbl-tooltip__text::after {
  border-top-color: var(--primary-40);
  border-top-style: solid;
  border-top-width: var(--border-radius);
}
.qbl-tooltip__text::before {
  border-left: var(--border-radius) solid transparent;
  border-right: var(--border-radius) solid transparent;
  bottom: -8px;
  left: 50%;
  margin-left: -10px;
}
.qbl-tooltip__text::after, .qbl-tooltip__text::before {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/common/GridStyle.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex-container {
  display: flex;
  flex-wrap: nowrap;
}
.flex-container .flex-item {
  margin: 5px;
  min-width: 30%;
  text-align: left;
}
.flex-container .flex-item-auto {
  min-width: auto;
}
.flex-container .flex-item-large {
  flex-grow: 7;
  padding-right: var(--spacing-small);
}
.flex-container .flex-item-normal {
  flex-grow: 0;
}

.relative-selection-container {
  margin-bottom: var(--spacing);
  padding-left: var(--spacing-small);
  width: 100%;
}

.and-date-selectionval {
  margin-left: calc(var(--spacing-xlarge) - var(--spacing-xsmall));
  width: 100%;
}

@media (min-width: 1513px) {
  .and-date-selectionval {
    margin-right: calc(var(--spacing-2xlarge) + var(--spacing-xsmall));
  }
}
.and-date-selection-container {
  padding-left: var(--spacing-xlarge);
  padding-right: calc(var(--spacing-2xlarge) + var(--spacing-small));
}

.and-date-selection-checkbox {
  margin-left: calc(var(--spacing-small) + var(--spacing-xsmall));
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/dateRangePicker/dateRangePicker.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.date-selection-entry {
  column-gap: 10px;
  display: grid;
  grid-template-columns: max-content 25% 32% max-content;
  margin-bottom: 30px;
  row-gap: 10px;
  .Form_element_QHWuszNq {
    margin-right: 0;
  }
  .date-checkbox-selection {
    margin-left: -0.35rem;
  }
  .search-date-picker {
    width: 18.75rem;
  }
}

.disabled-selection {
  opacity: 0.3;
  pointer-events: none;
}

.auto-sized-dropdown {
  margin-right: 50px;
}

.disabled-option {
  opacity: 0.5;
}

.column-2-to-5 {
  grid-column: 2/5;
}

.column-2-to-3 {
  grid-column: 2/3;
}

.column-3-to-5 {
  grid-column: 3/5;
}

.column-1 {
  grid-column: 1;
}

.column-2 {
  grid-column: 2;
}

.date-checkbox-selection {
  display: flex;
}

.date-range-container {
  padding: 3.75rem 2rem 0.5rem;
}

.date-range-container .date-range-view {
  background-color: #eee;
  display: flex;
  height: 1.5em;
}

.date-range-container .range-time-block {
  align-items: center;
  background-color: #eee;
  display: flex;
  font-size: 0.7rem;
  font-weight: 200;
  height: 100%;
  justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date-range-container .range-time-block.in-range {
  background-color: #a6e1fa;
  color: #696969;
  font-weight: 600;
}

.date-range-container .range-date-indicator {
  position: relative;
  top: -3.5rem;
  width: 1%;
}

.date-range-container .range-date-indicator .date-marker {
  border: 1px solid #9c9c9c;
  height: 2.2rem;
  text-align: center;
  width: 1px;
}

.date-range-container .range-date-indicator .date-circle {
  background-color: #d8d8d8;
  border: 1px solid #9c9c9c;
  border-radius: 50%;
  height: 1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: 1rem;
}

.date-range-container .range-date-indicator .date-text {
  font-size: 0.75rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  text-align: center;
  white-space: nowrap;
  width: 3rem;
}

.Dropdown_dropdownList_bvV9zYdU {
  min-width: max-content;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-menus {
  display: inline-block;
  position: relative;
}
.qbl-menus__icon {
  margin-left: 5px;
}

.qbl-error {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.qbl-error__errortext {
  font-weight: 700;
  margin-top: 5px;
}

.qbl-close-btn {
  background-color: transparent;
  border: none;
  font-size: 20px;
  outline: none;
}

.qbl-header {
  align-items: center;
  background-color: var(--neutral-99);
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  font-weight: 700;
  padding: var(--spacing);
}
.qbl-header__close-btn {
  align-items: center;
  display: flex;
  flex: 1;
}

.qbl-multiselectlabel {
  display: inline-block;
  font-weight: 700;
}

.qbl-checkboxlabel {
  display: inline-block;
}

.qbl-querybar {
  align-items: center;
  background-color: var(--neutral-40);
  color: var(--white);
  display: flex;
  font-weight: 700;
  padding: 10px 15px;
}
.qbl-querybar__description {
  flex: 1;
}

.qbl-entries {
  display: flex;
}
.qbl-entries__entrytext {
  flex: 1;
}
.qbl-entries__availableUnits {
  margin-left: var(--spacing-small);
}
.qbl-entries__comparison {
  display: inline;
  margin-left: var(--spacing-small);
}
.qbl-entries__comparison_values {
  margin-left: var(--spacing);
  width: 6rem;
}
.qbl-entries__comparison--values {
  display: inline;
  margin: 5px;
}

.qbl-zoomspace {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 750px;
}

.qbl-design-surface {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: scale(var(--zoom-level));
  transform-origin: top;
  width: 100%;
}

.qbl-design-no-rules {
  align-items: center;
  color: var(--neutral-20);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: 10%;
}
.qbl-design-no-rules__main-content {
  font-size: var(--font-size-h3);
  font-weight: 700;
  line-height: 2rem;
}
.qbl-design-no-rules__sub-content {
  font-size: var(--font-size-h6);
  font-weight: 400;
  line-height: 1.5rem;
}
.qbl-design-no-rules__create-btn {
  margin-top: var(--spacing-xlarge);
}

.qbl-input-rules {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.qbl-input-rules--border {
  border: 1px solid var(--neutral-70);
  border-radius: 5px;
}

.qbl-linkcanvas {
  pointer-events: none;
  position: fixed;
}

.qbl-age-event {
  align-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.qbl-age-event .eui-dropdown,
.qbl-age-event input {
  margin-right: var(--spacing);
}
.qbl-age-event .eui-form-element .eui-form-element__field {
  display: flex;
}
.qbl-age-event_operator {
  margin-right: var(--spacing);
  width: 14rem;
}
.qbl-age-event .qbl-age-event_values {
  height: 2.2rem;
  padding-left: 0.35rem;
  width: 5rem;
}
.qbl-age-event__content-container {
  display: flex;
  padding-bottom: var(--spacing);
}

.qbl-age-date_event,
.qbl-date_event {
  border-bottom: 1px solid var(--neutral-80);
}

.qbl-age-date_event .qbl-age-date_selection .date-checkbox-selection {
  flex: 1.5;
  margin-left: -0.35rem;
}
.qbl-age-date_event .qbl-age-date_selection .qbl-time-period-offset {
  flex: 1;
}
.qbl-age-date_event .qbl-age-date_selection .qbl-before-after-offset {
  flex: 1;
}

.qbl-age-entry {
  margin-top: var(--spacing);
}

.qbl-make-it-full-width {
  width: 100%;
}

.qbl-input-error-label {
  color: var(--negative-45);
}

.qbl-input-no-error-label {
  color: var(--neutral-20);
}

.qbl-rules__add-features .qbl-select-button {
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/age/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-ageinfo {
  border-top: 1px solid var(--neutral-80);
  display: flex;
}
.qbl-ageinfo.eui-form-element {
  flex: 1;
  margin-left: var(--spacing);
}
.qbl-ageinfo svg {
  height: var(--spacing-large);
  margin-top: var(--spacing);
  width: var(--spacing-large);
}
.qbl-ageinfo .eui-form-element {
  margin-left: var(--spacing-small);
  margin-top: var(--spacing);
}

.age-checkbox-selection,
.qbl-checkbox-selection {
  display: flex;
}
.age-checkbox-selection .select,
.qbl-checkbox-selection .select {
  margin-right: var(--spacing);
}
.age-checkbox-selection .eui-dropdown,
.qbl-checkbox-selection .eui-dropdown {
  margin-right: var(--spacing);
}
.age-checkbox-selection .eui-checkbox,
.qbl-checkbox-selection .eui-checkbox {
  margin-left: -8px;
}

.qbl-age-date-time,
.qbl-date-time {
  display: flex;
  margin-top: 0.5rem;
}
.qbl-age-date-time [data-testid=qbl-drpdwn-date__type],
.qbl-date-time [data-testid=qbl-drpdwn-date__type] {
  margin-right: var(--spacing);
  width: 12rem;
}
.qbl-age-date-time [data-testid=qbl-drpdwn-variable__date],
.qbl-date-time [data-testid=qbl-drpdwn-variable__date] {
  margin-right: var(--spacing);
  width: 12rem;
}
.qbl-age-date-time .eui-date-picker,
.qbl-date-time .eui-date-picker {
  width: 12rem;
}

.qbl-age-date-time .column-2-to-3 {
  width: 25%;
}
.qbl-age-date-time .qbl-predefined-date-dropmenu {
  margin-left: var(--spacing);
  width: 33%;
}
.qbl-age-date-time [data-testid=qbl-drpdwn-and__type] {
  margin-right: var(--spacing);
  width: 18%;
}
.qbl-age-date-time .qbl-tooltip {
  margin-left: var(--spacing);
}
.qbl-age-date-time div:nth-child(2) .column-3-to-5 {
  height: 2.2rem;
}
@media (min-width: 1366px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 43%;
  }
}
@media (min-width: 1512px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 44%;
  }
}
@media (min-width: 1920px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 45.5%;
  }
}
@media (min-width: 2560px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 47%;
  }
}
@media (min-width: 3024px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 47.5%;
  }
}

.qbl-age-date_selection,
.qbl-date_selection {
  display: flex;
  width: 60%;
}
.qbl-age-date_selection div:first-child,
.qbl-date_selection div:first-child {
  align-items: center;
}
.qbl-age-date_selection > div:nth-child(2),
.qbl-date_selection > div:nth-child(2) {
  flex: 1;
}
.qbl-age-date_selection > div:nth-child(3),
.qbl-date_selection > div:nth-child(3) {
  flex: 1.5;
}
.qbl-age-date_selection > div:nth-child(4),
.qbl-date_selection > div:nth-child(4) {
  flex: 1.5;
}
.qbl-age-date_selection .eui-dropdown,
.qbl-age-date_selection div:not(:first-child),
.qbl-date_selection .eui-dropdown,
.qbl-date_selection div:not(:first-child) {
  margin-bottom: var(--spacing);
  margin-right: var(--spacing);
  margin-top: var(--spacing);
}

.qbl-date__offset-time-input {
  height: 2.2rem;
  padding-left: var(--spacing-small);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/items/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-query-item {
  border: calc(0.125rem / var(--zoom-level)) solid var(--neutral-light);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  max-width: 700px;
  width: 100%;
}

.expanded .qbl-query-item {
  width: 90%;
}
.expanded .qbl-query-item .item {
  width: 100%;
}

.qbl-query-item.zoomed {
  max-width: inherit;
  width: 100%;
}

.qbl-query-item .rule-item {
  box-shadow: var(--shadow-40);
}

.qbl-query-item .rule-type {
  font-size: clamp(var(--font-size), var(--font-size) / var(--zoom-level), 2.5rem);
  line-height: clamp(var(--line-height), var(--line-height) / var(--zoom-level), 3rem);
  margin-inline: var(--spacing);
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-query-item .group-item {
  box-shadow: 0 1px 1px var(--neutral-80), 0 10px 0 -5px var(--white), 0 10px 1px -4px var(--neutral-80), 0 20px 0 -10px var(--white), 0 20px 1px -9px var(--neutral-80), 0 5px 10px 0 var(--neutral-80), 0 0 1px 0 var(--neutral-80);
}

.qbl-header-icon {
  color: var(--primary-30);
  font-size: 25px;
}

.qbl-header-icon.equals {
  color: var(--positive-30);
}

.header-icon.not-equal {
  color: var(--negative-45);
}

.qbl-expand-ungroup {
  align-items: center;
  border-top: 1px solid var(--border-dim);
  display: flex;
  justify-content: space-between;
}

.qbl-expand-group {
  border-top: 1px solid var(--border-dim);
  display: flex;
  justify-content: flex-end;
}

.qbl-footer-links {
  display: flex;
}

.qbl-ungroup-footer {
  display: flex;
  margin-left: auto; /* This will push the footer to the right when ungroup button is hidden */
}

.qbl-ungroup-rules {
  margin-left: var(--spacing-small);
}

.qbl-expander {
  display: flex;
  padding-block: var(--spacing-small);
  padding-inline: var(--spacing) var(--spacing-small);
}
.qbl-expander__header {
  display: flex;
  flex: 1;
  font-weight: 700;
}
.qbl-expander__container {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
}
.qbl-expander__items {
  font-size: calc(var(--font-size) / var(--zoom-level));
  line-height: calc(var(--line-height) / var(--zoom-level));
  margin-inline: var(--spacing);
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-footer {
  align-items: center;
  background-color: var(--white);
  border-top: 1px solid var(--border-dim);
  display: flex;
}
.qbl-footer__btn {
  flex: 1;
}

.qbl-grid {
  cursor: pointer;
  grid-column: 1;
}

.qbl-addfooter {
  grid-column: 2;
}

.qbl-output {
  grid-column: 3;
}

.qbl-indicator {
  margin-right: 5px;
}

.qbl-outputitem {
  flex: 1;
  height: 230px;
  margin: 10px 0;
  overflow-y: "auto";
}

.qbl-queryitem {
  max-width: 900px;
}

.qbl-ruleitem {
  background-color: var(--white);
  flex: 1;
  max-height: 170px;
  overflow-y: auto;
}

.qbl-body {
  height: 100%;
}

.qbl-output-details .qbl-output-item {
  min-height: 250px;
}
.qbl-output-details .qbl-output-item .item {
  padding: var(--spacing-large) var(--spacing);
}
.qbl-output-details .qbl-output-item .item .query-item {
  max-width: 100%;
  width: 100%;
}
.qbl-output-details .qbl-output-item .qbl-output-create-rule {
  margin-top: var(--spacing);
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-footer__btn {
  display: flex;
  flex: initial;
  justify-content: center;
  min-width: 142px;
  padding: 0;
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector {
  border-left: 1px solid var(--neutral-90);
  padding-left: var(--spacing);
  padding-right: var(--spacing-small);
  padding-top: var(--spacing-small);
  width: 100%;
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-form-section {
  padding: 0;
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-form-element {
  padding-bottom: 0;
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-form-element__label {
  padding-left: var(--spacing-small);
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-checkbox {
  display: inline-flex;
}
.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .qbl-property-disable .eui-checkbox__input:checked {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.qbl-edit_feature {
  color: var(--neutral-20);
}

.qbl-rule-header {
  flex: 1;
  font-weight: bold;
}
.qbl-rule-header__container {
  display: flex;
  justify-content: space-between;
}
.qbl-rule-header__title {
  align-items: center;
  display: flex;
}
.qbl-rule-header__title__edit-icon:hover {
  cursor: pointer;
}
.qbl-rule-header__title__edit-icon--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.qbl-rule-header__negation {
  align-items: stretch;
  display: flex;
  font-size: var(--font-size-small);
}
.qbl-rule-header__negation > div {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
}
.qbl-rule-header__negation > div div[class^=Switch_switchContainer] svg {
  transition: none;
}
.qbl-rule-header__divider {
  background-color: var(--neutral-light);
  margin-inline: var(--spacing-small) var(--spacing-xsmall);
  width: 1px;
}
.qbl-rule-header__titlecontent {
  display: flex;
}

.eui-dialog__footer button:first-child {
  margin-right: var(--spacing-small);
}

.qbl-group-rule-header,
.qbl-output-rule-header {
  display: flex;
  flex: 1;
  font-weight: bold;
}

.qbl-group-rule-header-container {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
}

.qbl-normal-select-item {
  color: var(--neutral-10);
}

.qbl-group-rule-title {
  font-size: calc(var(--font-size) / var(--zoom-level));
  line-height: calc(var(--line-height) / var(--zoom-level));
  margin-inline: var(--spacing);
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.qbl-property-selector-checkbox-item {
  display: inline-flex;
}

.qbl-feature-edit__header {
  font-weight: var(--font-weight-bold);
}

.qbl-item-header {
  align-items: center;
  background-color: var(--primary-95);
  border-bottom: 1px solid var(--border-dim);
  display: flex;
  padding-block: var(--spacing-small);
  padding-inline: var(--spacing) var(--spacing-small);
}
.qbl-item-header[data-negated=true] {
  background-color: var(--negative-90);
}

.qbl-match-toggle-button[data-state=off] {
  border-color: var(--neutral);
  color: var(--neutral-dark);
  font-weight: var(--font-weight);
}
.qbl-match-toggle-button[data-state=off]:hover {
  background-color: var(--neutral-bright);
}
.qbl-match-toggle-button[data-state=off]:focus {
  box-shadow: color-mix(in srgb, var(--neutral), transparent 50%) 0 0 0 0.1875rem;
}
.qbl-match-toggle-button[data-state=on] {
  background-color: var(--toggle-button-color);
  border-left-color: var(--toggle-button-dark);
  border-right-color: var(--toggle-button-dark);
  color: var(--white);
  font-weight: var(--font-weight-bold);
}
.qbl-match-toggle-button[data-state=on]:hover {
  background-color: var(--toggle-button-dark);
}
.qbl-match-toggle-button[data-state=on]:focus {
  box-shadow: color-mix(in srgb, var(--toggle-button-color), transparent 50%) 0 0 0 0.1875rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/helpers/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.eui-form-element .qbl-rules {
  background-color: var(--neutral-99);
}

.qbl-rules {
  border: 1px solid var(--neutral-70);
  font-family: var(--font-family);
  font-size: 14px;
}
.qbl-rules__header {
  border-bottom: 1px solid var(--neutral-70);
  font-weight: 700;
  padding-inline: var(--spacing-small);
}
.qbl-rules__header span {
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.qbl-rules__header[data-negated=true] {
  background-color: var(--negative-90);
}
.qbl-rules__body {
  padding: var(--spacing-small);
}

.qbl-app-container .qbl-rules .qbl-rules__body .body-header {
  font-weight: 700;
}
.qbl-app-container .qbl-select-button.selected .qbl-rules .qbl-rules__body .body-header {
  color: #333;
}
.qbl-app-container .check-that-edit-btn,
.qbl-app-container .check-that-rule-details,
.qbl-app-container .qbl-size-spacing-small {
  margin-top: var(--spacing-small);
}
.qbl-app-container .qbl-select__features .qbl-rules .qbl-rules__header span {
  max-width: 185px;
}
.qbl-app-container .qbl-data-entry .qbl-rules .qbl-rules__header span {
  display: inline;
  white-space: initial;
}

.qbl-report-details {
  background-color: var(--neutral-99);
  border-color: var(--neutral-90);
}
.qbl-report-details .qbl-rules__header {
  border-color: var(--neutral-90);
  font-weight: 400;
}
.qbl-report-details .qbl-rules__body {
  font-weight: 700;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/selectRuleType/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-rule-dialog .eui-dialog__header {
  padding-bottom: 0;
  padding-left: var(--spacing);
}
.qbl-rule-dialog .eui-dialog__header .eui-dialog__title {
  color: red;
  font-family: var(--font-family);
  font-size: var(--font-size-h4);
  font-weight: bold;
}
.qbl-rule-dialog .eui-dialog__content {
  padding: 0;
}

.qbl-rule-header {
  margin-bottom: var(--spacing-xsmall);
}

.qbl-rule-list {
  border-bottom: 1px solid var(--neutral-90);
  border-top: 1px solid var(--neutral-90);
}
.qbl-rule-list__item {
  flex-basis: 0;
  flex-grow: 1;
  padding: var(--spacing-xsmall);
}
.qbl-rule-list__item--rule {
  border-left: 1px solid var(--neutral-90);
}
.qbl-rule-list__types {
  display: flex;
}
.qbl-rule-list__types .qbl-select-button {
  border: none;
  color: var(--neutral-20);
  font-family: var(--font-family);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight);
  margin: 0;
  padding: var(--spacing-xsmall) var(--spacing-small);
  width: 100%;
}
.qbl-rule-list__types--title {
  color: var(--neutral-20);
  font-family: var(--font-family);
  font-size: var(--font-size-h4);
  font-weight: bold;
  margin-bottom: var(--spacing-small);
  padding-left: var(--spacing-small);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/linkedCriteria/Styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rule-to-compare-label {
  color: var(--negative-45);
}

.qbl-linked_criteria .qbl-date_drp {
  width: 62%;
}

.qbl-linked_criteria .qbl-date_operator {
  width: 62%;
}

.qbl-linked_criteria .isLinkedCriteria-container {
  margin-left: 2%;
}

.qbl-linked_criteria .qbl-date-checkbox-selection,
.qbl-linked_criteria .qbl-date-selector-prefix-container {
  margin-bottom: var(--spacing);
  margin-left: 0;
}

.qbl-linked_criteria .qbl-date-selector-prefix-container {
  width: 50%;
}

.qbl-linked_criteria .qbl-date-selection-where-dropdown {
  width: 32%;
}
.qbl-linked_criteria .qbl-date-selection-where-dropdown > ul {
  width: 32;
}

.qbl-compare-drpDwn {
  display: flex;
  gap: var(--spacing);
  margin-top: var(--spacing);
}

.qbl-compare-form-parent {
  padding: 0;
}

.qbl-compare-form-child {
  padding-top: 0;
}

.qbl-rule-compare-exclude {
  display: flex;
  justify-content: space-between;
  margin-top: var(--spacing);
  padding-top: var(--spacing-small);
}

.qbl-rule-compare {
  font-weight: 700;
}

.qbl-parent-data > div > button,
.qbl-child-data > div > button {
  margin-top: var(--spacing-small);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/checkThat/Style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.check-that-rule-details {
  color: var(--negative-45);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/checkPatient/CodeDetails/CodeDetails.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cbk-checkPatient-codeDetails__container {
  border-bottom: 1px solid var(--neutral-80);
}
.cbk-checkPatient-codeDetails__feature-text, .cbk-checkPatient-codeDetails__backButton {
  margin: var(--spacing);
}
.cbk-checkPatient-codeDetails__actions {
  align-items: center;
  display: flex;
  gap: var(--spacing);
  justify-content: space-between;
}
.cbk-checkPatient-codeDetails__switch {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
  margin: var(--spacing);
}
.cbk-checkPatient-codeDetails__switchLabel {
  margin-top: 0;
}
.cbk-checkPatient-codeDetails__emptyStateMessage {
  font-family: var(--font-family);
  font-size: var(--font-size);
  padding: var(--spacing);
  text-align: center;
}
.cbk-checkPatient-codeDetails__noMatchedCodes {
  text-align: left;
}
.cbk-checkPatient-codeDetails__noMatchedCodes strong {
  display: block;
  margin-bottom: var(--spacing-small);
}
.cbk-checkPatient-codeDetails__noMatchedCodes p {
  margin: 0;
}
.cbk-checkPatient-codeDetails__termWithTag {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/checkPatient/RuleDetails/RuleDetails.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cbk-execution-checkPatient__header {
  display: flex;
  gap: var(--spacing-small);
  justify-content: space-between;
  margin-top: var(--spacing-large);
}
.cbk-execution-checkPatient__spinner {
  padding: var(--spacing);
  text-align: center;
}
.cbk-execution-checkPatient__header-content {
  align-items: center;
  display: flex;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-small);
  margin-right: -1rem;
  overflow: hidden;
  width: 100%;
}
.cbk-execution-checkPatient__header-content--ruleName {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cbk-execution-checkPatient__content {
  padding-top: 0;
}
.cbk-execution-checkPatient__content .item-body {
  padding: 0;
}
.cbk-execution-checkPatient__container {
  border: 1px solid var(--border);
}
.cbk-execution-checkPatient__ruleinfo {
  background-color: var(--neutral-95);
  padding: var(--spacing-xsmall);
  text-align: right;
}
.cbk-execution-checkPatient__outcomeinfo {
  align-items: flex-end;
  display: inline-flex;
}
.cbk-execution-checkPatient__outcomeinfo__container {
  border-top: 1px solid var(--border-bright);
  padding: var(--spacing-xsmall);
  text-align: right;
}
.cbk-execution-checkPatient__rules {
  padding-left: var(--spacing-small);
}
.cbk-execution-checkPatient__rules__found {
  color: var(--positive);
  font-weight: var(--font-weight-bold);
}
.cbk-execution-checkPatient__rules__notfound {
  color: var(--negative);
  font-weight: var(--font-weight-bold);
}
.cbk-execution-checkPatient__rules__outcometag {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-small);
  margin: var(--spacing-small) 0;
}
.cbk-execution-checkPatient__rules__skeleton {
  width: 10%;
}
.cbk-execution-checkPatient__filter__skeleton {
  width: 50%;
}
.cbk-execution-checkPatient__tag {
  margin-right: var(--spacing);
}
.cbk-execution-checkPatient__pagination {
  background-color: var(--white);
  bottom: 0;
  position: fixed;
  width: 45.18rem;
}

.cbk-checkPatient-flyout {
  background-color: var(--white);
  overflow-y: auto;
}

.item-body {
  padding: var(--spacing-small) var(--spacing);
}

.cbk-checkPatient-src-title {
  padding-left: var(--spacing-small);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/checkPatient/Flyout/CheckPatientFlyout.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cbk-execution-checkPatient__header {
  display: flex;
  gap: var(--spacing-small);
  justify-content: space-between;
  margin-top: var(--spacing-large);
}
.cbk-execution-checkPatient__spinner {
  padding: var(--spacing);
  text-align: center;
}
.cbk-execution-checkPatient__header-content {
  align-items: center;
  display: flex;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-small);
  margin-right: -1rem;
  overflow: hidden;
  width: 100%;
}
.cbk-execution-checkPatient__header-content--ruleName {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cbk-execution-checkPatient__content {
  padding-top: 0;
}
.cbk-execution-checkPatient__content .item-body {
  padding: 0;
}
.cbk-execution-checkPatient__container {
  border: 1px solid var(--border);
}
.cbk-execution-checkPatient__ruleinfo {
  background-color: var(--neutral-95);
  padding: var(--spacing-xsmall);
  text-align: right;
}
.cbk-execution-checkPatient__outcomeinfo {
  align-items: flex-end;
  display: inline-flex;
}
.cbk-execution-checkPatient__outcomeinfo__container {
  border-top: 1px solid var(--border-bright);
  padding: var(--spacing-xsmall);
  text-align: right;
}
.cbk-execution-checkPatient__rules {
  padding-left: var(--spacing-small);
}
.cbk-execution-checkPatient__rules__found {
  color: var(--positive);
  font-weight: var(--font-weight-bold);
}
.cbk-execution-checkPatient__rules__notfound {
  color: var(--negative);
  font-weight: var(--font-weight-bold);
}
.cbk-execution-checkPatient__rules__outcometag {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-small);
  margin: var(--spacing-small) 0;
}
.cbk-execution-checkPatient__rules__skeleton {
  width: 10%;
}
.cbk-execution-checkPatient__filter__skeleton {
  width: 50%;
}
.cbk-execution-checkPatient__tag {
  margin-right: var(--spacing);
}
.cbk-execution-checkPatient__pagination {
  background-color: var(--white);
  bottom: 0;
  position: fixed;
  width: 45.18rem;
}

.cbk-checkPatient-flyout {
  background-color: var(--white);
  overflow-y: auto;
}

.item-body {
  padding: var(--spacing-small) var(--spacing);
}

.cbk-checkPatient-src-title {
  padding-left: var(--spacing-small);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/codeListManagement/leftPanel/codeListAdd/Style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-codelist-add__container {
  bottom: var(--spacing-small);
  padding: var(--spacing-small);
  position: fixed;
  width: inherit;
}
@media screen and (min-width: 992px) {
  .qbl-codelist-add__container {
    bottom: var(--spacing-large);
    padding: 0 var(--spacing);
  }
}
.qbl-codelist-add__container .ico {
  height: 1.25rem;
  width: 1.25rem;
}
.qbl-codelist-add__reset-button {
  margin-left: var(--spacing-small);
}
.qbl-codelist-add__title {
  color: var(--primary-30);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-small) var(--spacing-xsmall) 0 0;
  padding-left: 0;
}
.qbl-codelist-add__controls-container {
  padding: 0 0 0 var(--spacing);
  padding-bottom: var(--spacing-small);
}
.qbl-codelist-add__footer {
  margin-top: var(--spacing);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/refSetPicker/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Dialog_dialog_9NnYoWuT.qbl-picker-dialog-refset.ui-dialog {
  height: 80%;
  overflow-x: hidden;
}
.Dialog_dialog_9NnYoWuT.qbl-picker-dialog-refset.ui-dialog .ui-dialog-content {
  margin-bottom: var(--spacing-xsmall);
  margin-top: var(--spacing);
  padding: 0;
}

.qbl-dialog-refset > div:nth-child(2) header button {
  margin-right: -0.4rem;
}

.qbl-dialog-refset > div header button {
  margin-top: -0.9rem;
}

.qbl-dialog-refset > div:nth-child(2) {
  height: 100%;
  max-height: none;
}

.qbl-dialog-refset {
  width: 80%;
}
@media (max-width: 3024px) {
  .qbl-dialog-refset {
    height: 50%;
  }
}
@media (max-width: 2560px) {
  .qbl-dialog-refset {
    height: 70%;
  }
}
@media (max-width: 1920px) {
  .qbl-dialog-refset {
    height: 100%;
  }
}
@media (max-width: 1512px) {
  .qbl-dialog-refset {
    height: 100%;
  }
}
@media (max-width: 1366px) {
  .qbl-dialog-refset {
    height: 100%;
  }
}

.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
  overflow: hidden;
}
@media (max-width: 1920px) {
  .qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
    height: calc(100vh - 15rem);
  }
}
@media (max-width: 1512px) {
  .qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
    height: calc(100vh - 15rem);
  }
}
@media (max-width: 1366px) {
  .qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
    height: calc(100vh - 15rem);
  }
}
.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination .qbl-refSet-no-pagination .qbl-codelist-manage {
  height: calc(100% - 1rem);
}
.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination .qbl-refSet-content-container-child__right_panel .qbl-codelist-manage {
  height: calc(100% + 0.5rem);
}
.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination .qbl-refSet-content-container-child__right_panel .qbl-codelist-manage table td:nth-child(4) {
  text-align: center;
}

.qbl-codelist-refset-empty-content,
.qbl-druglist-refset-empty-content {
  display: table-cell;
  width: 20%;
}
.qbl-codelist-search-title,
.qbl-druglist-search-title {
  font-weight: bold;
  margin-top: 3px;
  width: 35%;
}
.qbl-codelist-refset-search,
.qbl-druglist-refset-search {
  display: flex;
  padding-bottom: 5px;
}
.qbl-codelist-refset-search .Input_container_-peGv0m4,
.qbl-druglist-refset-search .Input_container_-peGv0m4 {
  width: 50%;
}
.qbl-codelist-refset-search .Input_inputIcon_-peGv0m4,
.qbl-druglist-refset-search .Input_inputIcon_-peGv0m4 {
  margin-left: var(--spacing);
}
.qbl-codelist-refset-search .Input_clear_-peGv0m4,
.qbl-druglist-refset-search .Input_clear_-peGv0m4 {
  right: 54%;
  top: 50%;
  transform: translateY(-50%);
}

.qbl-dialog-refset > div .qbl-codelist-manage .qbl-refSet-table thead th:nth-child(1) {
  width: 6%;
}
.qbl-dialog-refset > div .qbl-codelist-manage .qbl-refSet-table thead th:nth-child(4) .qbl-refSet-term-header {
  border-right: none;
}

.qbl-refSet-codelist-content {
  height: 100%;
}
.qbl-refSet-codelist-content .Input_clear_FO9O1760 {
  min-height: 1.6rem;
}

.qbl-ref-head > tr th:nth-child(2) {
  width: 17%;
}

.qbl-ref-head > tr th:nth-child(3) {
  width: 64%;
}

.qbl-ref-empty-head > tr th:nth-child(3) {
  width: 30%;
}

.qbl-ref-head {
  color: var(--primary-40);
  font-size: "0.875rem";
  font-weight: 700;
}

.qbl-ref-row {
  font-size: "0.875rem";
  font-weight: 700;
}
.qbl-ref-row > td:nth-child(4) {
  text-align: right;
}
@media (max-width: 3024px) {
  .qbl-ref-row > td {
    padding: 16px;
  }
}
@media (max-width: 2560px) {
  .qbl-ref-row > td {
    padding: 18px;
  }
}
@media (max-width: 1920px) {
  .qbl-ref-row > td {
    padding: 6px;
  }
}
@media (max-width: 1512px) {
  .qbl-ref-row > td {
    padding: 6px;
  }
}
@media (max-width: 1366px) {
  .qbl-ref-row > td {
    padding: 6px;
  }
}

.qbl-refSet-table-container {
  overflow-y: auto;
}
@media (max-width: 1920px) {
  .qbl-refSet-table-container {
    height: 634px;
  }
}
@media (max-width: 1512px) {
  .qbl-refSet-table-container {
    height: 634px;
  }
}
@media (max-width: 1366px) {
  .qbl-refSet-table-container {
    height: 269px;
  }
}

.qbl-refSet-thead {
  background-color: var(--background-light);
  position: sticky;
  top: -2px;
}

.qbl-refSet-thead::after,
.qbl-refSet-thead::before {
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.qbl-refSet-thead::before {
  margin-top: -0.5px;
  top: 0;
}

.qbl-refSet-thead::after {
  border-bottom: 3px solid var(--primary-40);
  bottom: 0;
}

.qbl-ref-empty-row {
  height: 3rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-codelist__container {
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  max-height: 95px;
  min-height: 3.5rem;
  margin: 0;
  overflow: auto;
  padding: var(--spacing) 0;
  padding: 0 0 var(--spacing-small) 0;
}
.qbl-codelist__container div {
  margin-right: var(--spacing);
  margin-top: var(--spacing);
}

.qbl-headertext {
  margin-bottom: 1px;
}

.eui-form-element__label--invalid {
  margin-bottom: 1px;
}

.qbl_newcodelist {
  margin-top: var(--spacing);
}
.qbl_newcodelist .eui-form-element__field {
  margin-left: -0.5rem;
}

.qbl-editorbody {
  margin-top: var(--spacing);
}

.qbl-update {
  align-items: bottom;
  display: flex;
  margin-bottom: var(--spacing-xlarge);
  padding: 8px;
}
.qbl-update__query {
  flex: 1;
}
.qbl-update__query--content {
  color: red;
  font-size: 0.875rem;
  margin: 1px;
  padding-bottom: var(--spacing-small);
  text-align: left;
  width: 500px;
}

.qbl-picker-btn {
  margin-bottom: var(--spacing);
}
.qbl-picker__codes {
  display: inline-flex;
  margin-right: var(--spacing);
}
.qbl-picker__id {
  display: inline-block;
}
.qbl-picker__id__description {
  width: 177px;
}
.qbl-picker__id .qbl-txtArea-code {
  min-height: 100px;
  min-width: 250px;
}
.qbl-picker .qbl-picker__input > div {
  display: inline-block;
  min-width: 185px;
  width: 100%;
}
.qbl-picker .qbl-picker__input > div:nth-child(2)::after {
  content: "\a";
  white-space: pre;
}

.line {
  border: none;
}

.wrapper li:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}

.wrapper .selected {
  background-color: var(--neutral-95);
}

.qbl-codelist-managelist {
  margin-left: var(--spacing-small);
  margin-top: var(--spacing-xsmall);
}
.qbl-codelist-managelist :hover {
  cursor: pointer;
}

.qbl-selected-codelist {
  display: flex;
  justify-content: space-between;
}
.qbl-selected-codelist-name {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: 16px;
  color: var(--primary-30);
  padding-bottom: var(--spacing);
}

.qbl-table {
  border-collapse: collapse;
}
.qbl-table th,
.qbl-table td {
  border-top: 1px solid var(--neutral-80);
  padding-left: 0;
  padding: 0.75rem;
  vertical-align: middle;
  white-space: nowrap;
}
.qbl-table thead th {
  border-bottom: 2px solid var(--primary-40);
  border-top: none;
}
.qbl-table .term-header {
  border-right: 1px solid;
}

.qms-reportdetail__Picker-refset {
  height: 1.85rem;
  padding-left: var(--spacing-small);
  width: 1.85rem;
}

.row .qbl-codelist__container {
  overflow: hidden;
}

.qbl-codelist-manage .qbl-table thead th:nth-child(1),
.qbl_newcodelist .qbl-table thead th:nth-child(1) {
  width: 5%;
}
.qbl-codelist-manage .qbl-table thead th:nth-child(4),
.qbl_newcodelist .qbl-table thead th:nth-child(4) {
  width: 25%;
}
.qbl-codelist-manage .qbl-table thead th:nth-child(5),
.qbl_newcodelist .qbl-table thead th:nth-child(5) {
  width: 13%;
}

.qbl-editlist {
  text-decoration: underline;
}
.qbl-editlist :hover {
  cursor: pointer;
}
.qbl-editlist__text {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h4);
}
.qbl-editlist__edit {
  margin-left: var(--spacing-small);
}

.qbl-codelist-management .eui-dialog-window__header {
  background-color: var(--primary-40);
}
.qbl-codelist-management__content {
  display: flex;
  height: 100%;
}
.qbl-codelist-management__content .qbl-right-panel__content-container {
  overflow: hidden;
}
.qbl-codelist-management__content .dialog-full-screen > div:nth-child(2) {
  height: 100%;
  max-height: none;
}

.qbl-codelist-container {
  display: flex;
}
.qbl-codelist-container__autocomplete {
  margin-right: var(--spacing);
}
@media (max-width: 1920px) {
  .qbl-codelist-container__autocomplete {
    width: 65%;
  }
}
@media (max-width: 1366px) {
  .qbl-codelist-container__autocomplete {
    width: 60%;
  }
}
.qbl-codelist-container .qbl-addcodelistbtn {
  margin-right: var(--spacing);
  white-space: nowrap;
}
.qbl-codelist-container__dropdown {
  margin-left: auto;
  white-space: nowrap;
}
.qbl-codelist-container__dropdown ul {
  width: 100%;
}

.qbl-inc-options {
  display: flex;
}

.qbl-data-entry .eui-dialog-window--small {
  bottom: 5%;
  left: 54%;
  position: absolute;
  top: 30%;
}
.qbl-data-entry .eui-dialog-window__header {
  background-color: var(--primary-40);
}

.codeList-container-form {
  padding-top: 0;
}

.qbl-input-type {
  padding-top: var(--spacing);
}

.qbl-radio-type {
  display: inline-block;
}
.qbl-radio-type label {
  padding-bottom: 0;
}

.qbl-codelist-auto-complete {
  position: relative;
}

.qbl-picker__desc .qbl-input-type > div {
  display: flex;
}
.qbl-picker__desc .qbl-input-type > div .Form_elementPreamble_QHWuszNq {
  width: 100%;
}

.qbl-picker__refset {
  padding-right: 3px;
}

.qbl-codelist-refset-picker {
  height: 30px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/codeListManagement/rightPanel/Style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-right-panel {
  background-color: var(--white);
  height: 100%;
  width: 80%;
}
.qbl-right-panel__content-container {
  overflow: auto;
  padding-left: var(--spacing);
}
.qbl-right-panel__content-container--error {
  overflow: auto;
  padding: var(--spacing);
}
@media (max-width: 1920px) {
  .qbl-right-panel__content-container--error {
    height: calc(100vh - 245px);
  }
}
@media (max-width: 1366px) {
  .qbl-right-panel__content-container--error {
    height: calc(100vh - 235px);
  }
}
.qbl-right-panel__content-container__pagination {
  height: calc(100% - 82px);
  overflow-y: hidden;
}
.qbl-right-panel__content-container .eui-dialog-window--small {
  bottom: 5%;
  left: 30%;
  position: absolute;
  top: 17%;
}
.qbl-right-panel__name {
  margin-right: 24px;
  padding: var(--spacing);
}
.qbl-right-panel__label {
  font-weight: bold;
  margin-left: var(--spacing-small);
}
.qbl-right-panel__header {
  align-items: center;
  background-color: var(--neutral-99);
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  gap: var(--spacing);
  justify-content: space-between;
  padding: var(--spacing-small) var(--spacing-large);
}
.qbl-right-panel__header .eui-form-element {
  margin-right: var(--spacing-xlarge);
  padding-bottom: 0;
}
.qbl-right-panel__listname {
  height: fit-content;
  padding-top: 0;
  width: 16%;
}
.qbl-right-panel__listname label {
  margin-bottom: 0.15rem;
}
.qbl-right-panel__listname input {
  width: 100%;
}
.qbl-right-panel__codesystem {
  height: fit-content;
  padding-right: var(--spacing-small);
  padding-top: 0.15rem;
  width: auto;
}
.qbl-right-panel__codesystem label {
  height: var(--spacing);
  line-height: var(--spacing-small);
  margin-bottom: 0;
  margin-top: var(--spacing-xsmall);
  padding-bottom: 0;
  width: 6rem;
}
.qbl-right-panel__codesystem-dropmenu {
  width: 7rem;
}
.qbl-right-panel__clearlist {
  height: fit-content;
  margin-left: auto;
  padding-top: 0;
  white-space: nowrap;
}
.qbl-right-panel__addcodes {
  margin-left: 22px;
  margin-top: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.qbl-right-panel__addcodes--disabled {
  margin-left: 22px;
  margin-top: 12px;
  text-decoration: underline;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.qbl-right-panel__editlist {
  margin-left: 10px;
}
.qbl-right-panel__text {
  font-weight: bold;
}
.qbl-right-panel-footer {
  border-top: 1px solid #d5d5d5;
  bottom: var(--spacing-xsmall);
  display: flex;
  flex-direction: row-reverse;
  padding: var(--spacing);
  width: 100%;
}
.qbl-right-panel-footer__cancel-btn {
  margin-right: var(--font-size-small);
}
.qbl-right-panel__metadata {
  display: flex;
  flex-grow: 1;
  gap: var(--spacing);
  height: fit-content;
  padding-top: 0;
}
.qbl-right-panel__metadata__container {
  align-items: center;
  display: flex;
  gap: var(--spacing);
  min-height: 2rem;
}
.qbl-right-panel__metadata__label {
  font-size: var(--font-size);
  min-width: 4rem;
}
.qbl-right-panel__metadata__column {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  white-space: nowrap;
}
.qbl-right-panel__metadata__user {
  margin-right: var(--spacing-large);
  white-space: nowrap;
}
.qbl-right-panel__metadata__user__created-by {
  margin-bottom: var(--spacing);
}
.qbl-right-panel__code-list-name input {
  height: var(--spacing-xlarge);
  padding-left: var(--spacing-small);
}
.qbl-right-panel__code-list-name input:disabled {
  background-color: var(--neutral-70);
  border-radius: 0.1875rem;
  color: var(--neutral-40);
  height: var(--spacing-xlarge);
  opacity: 0.5;
  padding-left: var(--spacing-small);
}

.qbl-emptystate {
  text-align: center;
}
@media (max-width: 3024px) {
  .qbl-emptystate {
    margin-top: 45rem;
  }
}
@media (max-width: 2560px) {
  .qbl-emptystate {
    margin-top: 35rem;
  }
}
@media (max-width: 1920px) {
  .qbl-emptystate {
    margin-top: 15rem;
  }
}
@media (max-width: 1366px) {
  .qbl-emptystate {
    margin-top: 5rem;
  }
}
.qbl-emptystate__title {
  font-family: var(--font-family);
  font-size: var(--font-size-h3);
  font-weight: bold;
  margin-bottom: var(--spacing-small);
}
.qbl-emptystate__message {
  font-family: var(--font-family);
}
.qbl-emptystate__message p {
  font-size: var(--font-size-small);
}

.qbl-codelist-reference {
  color: #00f;
  cursor: pointer;
  text-decoration: underline;
}

.qbl-codelist-emptyterm {
  pointer-events: none;
}

.qbl-table {
  background-color: transparent;
  margin-bottom: 1rem;
  width: 100%;
}

.header {
  border-right: 1px solid;
  padding: 0 var(--spacing);
}

.eui-dialog-window__content {
  padding: var(--spacing);
}

tbody td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-codelist-ref-set {
  overflow: auto;
  padding: 0 var(--spacing);
}
@media (min-width: 1366px) {
  .qbl-codelist-ref-set {
    height: 32rem;
  }
}
@media (min-width: 1512px) {
  .qbl-codelist-ref-set {
    height: 32rem;
  }
}
@media (min-width: 1920px) {
  .qbl-codelist-ref-set {
    height: 40rem;
  }
}
@media (min-width: 2560px) {
  .qbl-codelist-ref-set {
    height: 64rem;
  }
}
@media (min-width: 3024px) {
  .qbl-codelist-ref-set {
    height: 32rem;
  }
}
.qbl-codelist-ref-set .qbl-table thead {
  background-color: var(--white);
  position: sticky;
  top: 0;
  z-index: 10;
}
.qbl-codelist-ref-set tbody td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qbl-codelist-ref-set th {
  width: 50%;
}

.content-container {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  height: 100%;
  position: relative;
}
.content-container .content-container-child {
  margin: 10px;
  text-align: center;
}
.content-container .content-container-child__left_panel {
  border-right: 1px solid var(--neutral-80);
  box-shadow: 3px 0 17px -6px var(--neutral-20);
  flex-grow: 1;
  height: 100%;
  max-width: 23%;
  min-width: 23%;
  overflow-x: hidden;
  width: 23%;
}
.content-container .content-container-child__left_panel .left_panel-content {
  padding: 0 0 0 var(--spacing);
}
.content-container .content-container-child__right_panel {
  flex-grow: 8;
  height: 100%;
}

.codelist-content {
  height: 100%;
}
.codelist-content .Input_clear_FO9O1760 {
  min-height: 1.6rem;
}

.no-scroll {
  overflow: hidden;
}

.codelist-content-container-item {
  height: 100%;
}

.panel-dialog {
  height: 100%;
}

.manage-codelist-mode {
  overflow: hidden;
  width: 23%;
}

.add-codelist-mode {
  width: 23%;
}

.left-panel-footer {
  flex: auto;
}

.qbl-header-container {
  display: block;
  padding-left: var(--spacing-small);
  position: relative;
  z-index: 100;
}

.qbl-codelist-manage {
  height: calc(100% - 4rem);
  overflow-y: auto;
}

.no-pagination .qbl-codelist-manage {
  height: calc(100% - 1rem);
}

.qbl-reference-set {
  padding: 0;
}
.qbl-reference-set h2[id^=radix] {
  margin-bottom: 0;
}
.qbl-reference-set header {
  background-color: var(--primary-dim);
  padding: var(--spacing-small) var(--spacing);
}
.qbl-reference-set header h2 {
  color: var(--white);
  margin-bottom: 0;
}
.qbl-reference-set header button[aria-label*=Close],
.qbl-reference-set header button[type=button] {
  color: var(--white);
}

.cbk-pagination > div:nth-child(1) {
  padding-left: 0;
}

.qbl-codelist-info {
  padding: var(--spacing);
  white-space: pre-line;
}

.qbl-codelist-infoIcon {
  cursor: pointer;
  margin-left: var(--spacing-small);
}

#qbl-codelist-rightpanel-dialog,
#qbl-druglist-rightpanel-dialog,
#qbl-ethnicity-rightpanel-dialog {
  padding: 0;
}
#qbl-codelist-rightpanel-dialog .cbk-pagination-section,
#qbl-druglist-rightpanel-dialog .cbk-pagination-section,
#qbl-ethnicity-rightpanel-dialog .cbk-pagination-section {
  padding-right: var(--spacing);
  width: 100%;
}
#qbl-codelist-rightpanel-dialog .ui-dialog-header,
#qbl-druglist-rightpanel-dialog .ui-dialog-header,
#qbl-ethnicity-rightpanel-dialog .ui-dialog-header {
  align-items: center;
  background-color: var(--primary-dim);
  height: var(--spacing-2xlarge);
}
#qbl-codelist-rightpanel-dialog .ui-dialog-header h2,
#qbl-druglist-rightpanel-dialog .ui-dialog-header h2,
#qbl-ethnicity-rightpanel-dialog .ui-dialog-header h2 {
  color: var(--white);
  font-size: var(--font-size-h5);
  margin-bottom: 0;
  margin-left: var(--spacing-large);
}
#qbl-codelist-rightpanel-dialog .ui-dialog-header button[aria-label*=Close],
#qbl-codelist-rightpanel-dialog .ui-dialog-header button[type=button],
#qbl-druglist-rightpanel-dialog .ui-dialog-header button[aria-label*=Close],
#qbl-druglist-rightpanel-dialog .ui-dialog-header button[type=button],
#qbl-ethnicity-rightpanel-dialog .ui-dialog-header button[aria-label*=Close],
#qbl-ethnicity-rightpanel-dialog .ui-dialog-header button[type=button] {
  color: var(--white);
  margin-right: var(--spacing-small);
}
#qbl-codelist-rightpanel-dialog .ui-dialog-content,
#qbl-druglist-rightpanel-dialog .ui-dialog-content,
#qbl-ethnicity-rightpanel-dialog .ui-dialog-content {
  padding: 0;
}
#qbl-codelist-rightpanel-dialog .ui-dialog-footer,
#qbl-druglist-rightpanel-dialog .ui-dialog-footer,
#qbl-ethnicity-rightpanel-dialog .ui-dialog-footer {
  border-top: 1px solid var(--neutral-80);
  margin: 0;
  padding: var(--spacing);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/codeListAutocomplete/Style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-codelist-autocomplete {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 1920px) {
  .qbl-codelist-autocomplete {
    width: 65%;
  }
}
@media (max-width: 1366px) {
  .qbl-codelist-autocomplete {
    width: 59%;
  }
}
.qbl-codelist-autocomplete-input input {
  height: 35px;
  width: 100%;
}
.qbl-codelist-autocomplete-clear {
  position: absolute;
  right: 16.4rem;
  top: 5px;
}
.qbl-codelist-autocomplete-clear :hover {
  cursor: pointer;
}
.qbl-codelist-autocomplete-results-container {
  background-color: var(--white);
  border: 1px solid var(--neutral-60);
  border-radius: var(--spacing-xsmall);
  margin-top: var(--spacing-small);
  position: absolute;
}
@media (max-width: 1511px) {
  .qbl-codelist-autocomplete-results-container {
    width: 61%;
  }
}
@media (min-width: 1512px) and (max-width: 1919px) {
  .qbl-codelist-autocomplete-results-container {
    width: 65%;
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .qbl-codelist-autocomplete-results-container {
    width: 73%;
  }
}
@media (min-width: 2560px) {
  .qbl-codelist-autocomplete-results-container {
    width: 80%;
  }
}
.qbl-codelist-autocomplete-results {
  list-style-type: none;
  margin: 0;
  max-height: calc(100vh - 750px);
  overflow: auto;
  padding-left: 0;
}
@media (max-width: 1920px) {
  .qbl-codelist-autocomplete-results {
    max-height: calc(100vh - 360px);
  }
}
@media (max-width: 1366px) {
  .qbl-codelist-autocomplete-results {
    max-height: calc(100vh - 300px);
  }
}
.qbl-codelist-autocomplete-results li {
  margin-bottom: 0;
}
.qbl-codelist-autocomplete-results--items {
  align-items: center;
  display: flex;
  padding: var(--spacing-xsmall);
}
.qbl-codelist-autocomplete-results--names {
  margin-left: 12px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.qbl-codelist-autocomplete-results li:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}

@media (max-width: 3024px) {
  .qbl-editor-body {
    height: calc(100vh - 314px);
  }
}
@media (max-width: 2560px) {
  .qbl-editor-body {
    height: calc(100vh - 350px);
  }
}
@media (max-width: 1920px) {
  .qbl-editor-body {
    height: calc(100vh - 347px);
  }
}
@media (max-width: 1512px) {
  .qbl-editor-body {
    height: calc(100vh - 350px);
  }
}
@media (max-width: 1366px) {
  .qbl-editor-body {
    height: calc(100vh - 320px);
  }
}

@media (max-width: 3024px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 414px);
  }
}
@media (max-width: 2560px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 450px);
  }
}
@media (max-width: 1920px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 447px);
  }
}
@media (max-width: 1512px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 450px);
  }
}
@media (max-width: 1366px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 403px);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/codeListManagement/leftPanel/Style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex-col-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.flex-col-container .flex-col-item-search {
  height: var(--spacing-xlarges);
  padding: var(--spacing-small);
}
.flex-col-container .flex-col-item-list {
  height: calc(100% - var(--spacing-2xlarge));
}
.flex-col-container .flex-col-item-btn {
  background-color: var(--primary-99);
  display: flex;
  height: 10%;
}
.flex-col-container .flex-col-item-btn .qbl-create-codelist-btn {
  margin: auto;
  padding: var(--spacing-small);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/codeLists/codeListManagement/leftPanel/codeList/Style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-code-list {
  height: 100%;
  margin: 0;
  overflow: hidden auto;
  padding-left: 0;
}
.qbl-code-list li {
  border-bottom: 1px solid var(--neutral-80);
  margin-bottom: 0;
}
.qbl-code-list li:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}
.qbl-code-list__item {
  border-bottom: 1px solid var(--neutral-80);
  display: block;
  font-size: var(--font-size);
  margin: 0;
}
.qbl-code-list__item--active {
  background: var(--neutral-95);
  border-bottom: none;
}
.qbl-code-list__item :hover {
  cursor: pointer;
}
.qbl-code-list .List_label__cQIc0eW {
  width: 100%;
}

.qbl-extract-search {
  color: var(--neutral-50);
  font-size: 0.875rem;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}

.qbl-tree-list__display-text--label {
  margin-bottom: 0;
}

.qbl-code-list-wrapper {
  overflow-y: hidden;
}

.qbl-code-list-item__selected {
  background-color: var(--selected);
}
.qbl-code-list-item__deselected {
  background-color: var(--white);
}

.qbl-codelist-search {
  color: var(--neutral-50);
  font-size: var(--font-size);
  padding: 0 var(--spacing);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/readcode/CodeListDetailFlyout.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-ruleitem .qbl-codelist-link {
  color: var(--primary-dark);
  cursor: pointer;
  text-decoration: underline;
}

.qbl-codelist-detail__container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 5rem);
  margin: var(--spacing-small);
}
.qbl-codelist-detail__container--refset {
  height: calc(100vh - 4rem);
}
.qbl-codelist-detail__header-codelist {
  margin: var(--spacing) var(--spacing) 0;
}
.qbl-codelist-detail__header-refset {
  margin-inline: var(--spacing);
}
.qbl-codelist-detail__spinner {
  margin: var(--spacing);
  padding: var(--spacing);
  text-align: center;
}
.qbl-codelist-detail__searchBar {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-small);
  margin: var(--spacing);
}
.qbl-codelist-detail__searchInput {
  width: 100%;
}
.qbl-codelist-detail__searchLabel {
  display: inline-block;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  margin: 0;
  white-space: nowrap;
}
.qbl-codelist-detail__totalCodes {
  flex-shrink: 0;
  margin: var(--spacing);
}
.qbl-codelist-detail__tableWrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.qbl-codelist-detail__table {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.qbl-codelist-detail__pagination .cbk-pagination {
  flex-direction: column;
  padding: var(--spacing-small);
}
.qbl-codelist-detail__pagination .cbk-pagination-inner {
  justify-content: space-between;
  padding-bottom: var(--spacing-small);
  white-space: nowrap;
  width: 100%;
}
.qbl-codelist-detail__pagination .cbk-pagination-inner + div {
  border-top: 1px solid var(--neutral-80);
  display: flex;
  padding-top: var(--spacing-small);
  width: 100%;
}
.qbl-codelist-detail__pagination .cbk-pagination-inner + div > :nth-child(2) {
  flex: 1;
}
.qbl-codelist-detail__empty {
  padding: var(--spacing);
  text-align: center;
}
.qbl-codelist-detail__term {
  color: var(--primary-dark);
  cursor: pointer;
  text-decoration: underline;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/dialog/Style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-custom-dialog {
  z-index: 9999;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/errorAlert/Style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-error-alert {
  z-index: 9999;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/notifications/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-notification__container {
  bottom: var(--spacing-small);
  display: flex;
  flex-flow: column-reverse wrap;
  left: var(--spacing-small);
  max-height: 100vh;
  position: fixed;
  width: inherit;
  z-index: 9999;
}
.qbl-notification__content {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}
.qbl-notification_content {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing);
}
.qbl-notification_content[data-type=success] {
  border: 1px solid var(--positive-inverse);
}
.qbl-notification_content[data-type=success] .qbl-notification__icon {
  color: var(--positive);
}
.qbl-notification_content[data-type=error] {
  border: 1px solid var(--negative-inverse);
}
.qbl-notification_content[data-type=error] .qbl-notification__icon {
  color: var(--negative);
}
.qbl-notification_content[data-type=information] {
  border: 1px solid var(--primary);
}
.qbl-notification_content[data-type=information] .qbl-notification__icon {
  color: var(--primary);
}
.qbl-notification__message .eui-notification__message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/progressBar/styles.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-progress-spinner {
  background-color: rgba(0, 0, 0, 0.6588235294);
  height: 100vh;
  z-index: 9999;
}
.qbl-progress-spinner .eui-progress-short__container {
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.2);
  display: flex;
  height: 76px;
  max-width: 362px;
  position: absolute;
  width: 362px;
}
.qbl-progress-spinner .eui-progress-spinner {
  margin: 0 10px 0 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}

.qbl-advanced-view {
  flex: 1;
  height: 100%;
  overflow: hidden auto;
}
.qbl-advanced-view textarea {
  border: none;
  height: 100%;
  padding: 1rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/CopyRule/MenuItems/Style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-context-menu__menu-items {
  border: 1px solid transparent;
  display: block;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: normal;
  max-width: 11.3rem;
  text-align: left;
  width: 100%;
}
.qbl-context-menu__menu-items:hover {
  background-color: var(--neutral-95);
}
.qbl-context-menu__menu-items__container {
  background: var(--white);
  border: 1px solid var(--neutral-60);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-20);
  position: fixed;
  z-index: 10;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/editor/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-entry-component {
  height: 100%;
  overflow: hidden;
}

.qbl-drop-area-indicator {
  border: 1px solid var(--neutral-20);
  opacity: 0.2;
}

.qbl-edit-container {
  height: 100%;
  overflow-y: hidden;
}

.qbl-rules {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: inherit;
}
.qbl-rules__content {
  display: flex;
  flex-grow: 1;
  height: calc(100vh - 17rem);
  overflow-y: auto;
}
.qbl-rules__add-features {
  border-right: 1px solid var(--neutral-80);
  flex: 0 0 25%;
  height: 100%;
  max-width: 25%;
  overflow: hidden auto;
}
.qbl-rules__select-features {
  border-right: 1px solid var(--neutral-80);
  flex: 0 0 25%;
  height: 100%;
  max-width: 25%;
  overflow: hidden auto;
}
.qbl-rules__select-features .select-button {
  border: none;
}
.qbl-rules__select-features .qbl-selected-items:first-child .qbl-selected-items__details .qbl-select-button:last-child {
  border-bottom: 1px solid var(--neutral-80);
  margin: 0;
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container {
  border: 1px dashed var(--neutral-80);
  margin: var(--spacing-small);
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container--added {
  border: none;
  border-bottom: 1px solid var(--neutral-80);
  margin: 0;
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select {
  border: 1px solid var(--neutral-70);
  padding: var(--spacing-small) var(--spacing) var(--spacing) var(--spacing);
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select .feature-details .qbl-rules {
  border: 1px solid var(--neutral-70);
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select .feature-details .qbl-rules__header[data-negated=true] {
  background-color: unset;
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container:hover {
  background: var(--neutral-95);
}
.qbl-rules__select-features .qbl-selected-items-linked-criteria-container:has(.qbl-select-button.selected) {
  background-color: var(--primary-90);
  border: none;
}
.qbl-rules__select-features .qbl-selected-items__orderbycontainer:has(.qbl-select-button.selected) {
  background-color: var(--primary-90);
  border: none;
}
.qbl-rules__select-features .qbl-selected-items__checkThatContainer:has(.qbl-select-button.selected) {
  background-color: var(--primary-90);
  border: none;
}
.qbl-rules__select-features .linked-criteria .qbl-selected-items__details {
  padding: var(--spacing-xsmall) var(--spacing);
}
.qbl-rules__select-features .linked-criteria .qbl-selected-items__details .qbl-select-button:hover {
  cursor: pointer;
}
.qbl-rules__select-features .linked-criteria .qbl-selected-items__text {
  font-weight: 700;
}
.qbl-rules__select-features .linked-criteria button {
  color: var(--neutral-20);
  font-weight: normal;
}
.qbl-rules__select-features .linked-criteria button svg {
  margin-right: var(--spacing-small);
}
.qbl-rules__select-features .linked-criteria button:hover {
  border: none;
}
.qbl-rules__entries {
  flex: 1;
  max-width: 50%;
  min-height: 96%;
  overflow-y: auto;
  padding-left: 20;
  padding-right: 20;
  padding-top: 10;
}

.qbl-update {
  align-items: center;
  border-top: 1px solid var(--neutral-80);
  display: flex;
  padding: 8;
}
.qbl-update__btn {
  flex: 1;
}

.qbl-feature {
  display: flex;
}
.qbl-feature__description {
  flex: 1;
}

.qbl-accordian {
  background-color: var(--white);
  line-height: 1.5;
  padding-left: 0.5em;
}

.qbl-data-entry {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: "100%";
  padding: var(--spacing-large);
}

.qbl-select {
  display: flex;
}
.qbl-select__features {
  flex: 1;
  padding: 0 15px;
}
.qbl-select__features .selected {
  color: var(--neutral-20);
}
.qbl-select__features span {
  color: var(--neutral-20);
  font-family: var(--font-family);
  font-weight: normal;
}

.qbl-selected-items__orderbycontainer {
  border-bottom: 1px solid var(--neutral-80);
}
.qbl-selected-items__orderbycontainer__orderby button {
  color: var(--neutral-20);
  font-weight: normal;
}
.qbl-selected-items__orderbycontainer__orderby button svg {
  margin-right: var(--spacing-small);
}
.qbl-selected-items__orderbycontainer__orderby button:hover {
  border: none;
  color: var(--neutral-20);
}
.qbl-selected-items__orderbycontainer__orderby .eui-button--secondary:disabled {
  color: var(--neutral-20);
}
.qbl-selected-items__orderbycontainer__orderby--added {
  padding-top: var(--spacing-small);
}
.qbl-selected-items__orderbycontainer__orderby--added .qbl-selected-items__text {
  font-weight: 700;
}
.qbl-selected-items__orderbycontainer:hover {
  background: var(--neutral-95);
}
.qbl-selected-items__details .qbl-select-button {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.qbl-selected-items__details .qbl-select-button .move-filters {
  cursor: move;
  margin-left: -var(--spacing-small);
  margin-right: var(--spacing-small);
  min-width: 1.375rem;
}
.qbl-selected-items__text {
  font-size: var(--font-size);
  padding-left: var(--spacing);
}
.qbl-selected-items__icon {
  display: flex;
  justify-content: space-between;
}
.qbl-selected-items__filter {
  margin-bottom: var(--spacing-xsmall);
  margin-left: 0.7rem;
  margin-top: var(--spacing-small);
}
.qbl-selected-items__checkThatContainer {
  border-bottom: 1px solid var(--neutral-80);
}
.qbl-selected-items__checkThatContainer__checkThat button {
  color: var(--neutral-20);
  font-weight: normal;
}
.qbl-selected-items__checkThatContainer__checkThat button svg {
  margin-right: var(--spacing-small);
}
.qbl-selected-items__checkThatContainer__checkThat button:hover {
  border: none;
  color: var(--neutral-20);
}
.qbl-selected-items__checkThatContainer__checkThat--added {
  padding-top: var(--spacing-small);
}
.qbl-selected-items__checkThatContainer__checkThat--added .qbl-selected-items__text {
  font-weight: 700;
}
.qbl-selected-items__checkThatContainer:hover {
  background: var(--neutral-95);
}
.qbl-selected-items__closeBtn {
  margin-right: 0.85rem;
  padding: 0;
}
.qbl-selected-items .qbl-feature__description button {
  border: none;
  color: var(--neutral-20);
  display: flex;
  font-size: var(--font-size);
  height: 100%;
  justify-content: space-between;
  margin: var(--spacing-xsmall);
  width: 100%;
}
.qbl-selected-items .qbl-feature__description button .eui-button__icon {
  height: 1.375rem;
  width: 1.375rem;
}
.qbl-selected-items .qbl-feature__description button .eui-button__icon--secondary {
  fill: var(--neutral-20);
}

.qbl-selected-items__linked .qbl-selected-items__title {
  padding-bottom: 5px;
  padding-top: var(--spacing-small);
}

.qbl-selected-items-linked-criteria-container .qbl-select-button {
  padding: 10px 12px;
  width: 93%;
}
.qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select__features {
  padding: 10px;
  width: 93%;
}

.qbl-selected-items__details > button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.qbl-rules__add-features .qbl-select-button {
  width: 100%;
}

.qbl-selected-items__orderbycontainer .qbl-feature__description > button[aria-label="Order By query"] {
  padding: 10px 12px;
}

@media (max-width: 1920px) {
  .qbl-selected-items-linked-criteria-container .qbl-select-button {
    padding: 10px 12px;
    width: 95%;
  }
}
@media (max-width: 1512px) {
  .qbl-selected-items-linked-criteria-container .qbl-select-button {
    padding: 10px 12px;
    width: 94%;
  }
}
@media (max-width: 1366px) {
  .qbl-selected-items-linked-criteria-container .qbl-select-button {
    padding: 10px 12px;
    width: 93%;
  }
}
.Dialog_internals_9NnYoWuT {
  height: 100%;
  max-height: none;
}

.edit-rule-dialog {
  height: 100%;
}

.edit-rule-dialog.dialog-full-screen > div:nth-child(2) {
  height: 100%;
  max-height: none;
}

.qbl-edit-rule-non-modal__header {
  align-items: center;
  display: flex;
  margin: var(--spacing-small);
}
.qbl-edit-rule-non-modal__header .qbl-configureFilter__label {
  font-size: var(--font-size-h4);
}
.qbl-edit-rule-non-modal__header .qbl-configureFilter__btnGroup {
  padding-top: 0;
}
.qbl-edit-rule-non-modal__footer {
  float: right;
  padding: var(--spacing);
}

.qbl-activeRule-emptyState {
  margin-top: var(--spacing);
  padding: var(--spacing);
  text-align: center;
}
.qbl-activeRule-emptyState__message {
  font-size: var(--font-size-small);
}

.qbl-configureFilter-emptyState {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: var(--spacing-2xlarge);
  padding: var(--spacing);
  text-align: center;
}
.qbl-configureFilter-emptyState__title {
  margin: var(--spacing-small) 0 0 0;
}
.qbl-configureFilter-emptyState__description {
  font-size: var(--font-size-small);
  margin: var(--spacing-small) 0 0 0;
}

.qbl-linkedCriteria__emptyState {
  color: var(--neutral-20);
  font-size: var(--font-size-small);
  margin: var(--spacing-small);
}
.qbl-linkedCriteria__emptyState--disabled {
  color: var(--neutral-60);
}

.qbl-configureFilter__label {
  margin: var(--spacing);
}
.qbl-configureFilter__ruleName {
  font-weight: var(--font-weight);
  margin: var(--spacing);
}
.qbl-configureFilter__container {
  display: flex;
}
.qbl-configureFilter__btnGroup {
  gap: var(--spacing);
  margin: var(--spacing-small);
  padding-top: var(--spacing-xsmall);
}
.qbl-configureFilter__input {
  min-width: 30%;
  width: 100%;
}
.qbl-configureFilter__form {
  margin: var(--spacing-small);
}

.qbl-configureFilter-content {
  padding: 0;
}
.qbl-configureFilter-content > h2 {
  margin: 0 !important;
}
.qbl-configureFilter-content__workflow {
  margin-bottom: var(--spacing-xlarge);
  max-width: 40%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/parameters/editParameters.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.parameter-edit-view {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.parameter-edit {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.parameter-edit-header {
  padding-top: 10px;
  font-weight: 700;
  border-bottom: 1px solid #cccccc;
}

.parameter-edit-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #cccccc;
  display: block;
  text-align: right;
}

.parameter-edit-body {
  flex: 1;
}

.parameter-edit-body .parameter-edit-item {
  padding-top: 10px;
  border-bottom: 1px solid #cccccc;
}

.parameter-edit-body .parameter-edit-item:last-child {
  border-bottom: none;
}

.parameter-edit-item .eui-date-picker {
  width: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/resourcesView/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-resources__drawer {
  background-color: var(--white);
  box-shadow: 0 5px 10px 0;
  display: flex;
  left: -400px;
  margin-left: 15px;
  position: absolute;
  transition: left 0.5s ease, visibility 0.5s linear;
  visibility: hidden;
  width: inherit;
}

.qbl-resources__drawer.visible {
  left: 0;
  visibility: visible;
}

.qbl-resources__list {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
}

.qbl-resources__list.showing-resource {
  border-right: var(--neutral-40);
}

.qbl-type__list {
  flex: 1;
  overflow: hidden auto;
}

.qbl-resource-type {
  border-bottom: var(--neutral-40);
}

.qbl-resource-type-header,
.qbl-resource-type-list {
  padding: 5px;
}

.qbl-resource-type-header {
  background-color: white;
}

.qbl-resource-type-header button {
  display: flex;
  font-size: 90%;
  font-weight: 700;
  text-align: left;
  width: 100%;
}

.qbl-resource-type-header button span {
  flex: 1;
}

.qbl-resource-type-list {
  font-size: 90%;
}

.qbl-resource-item {
  align-items: center;
  border-radius: 5px;
  display: flex;
  padding: 5px;
  text-align: left;
  width: 100%;
}

.qbl-resource-item:hover {
  background-color: white;
}

.qbl-resource-item span {
  flex: 1;
  margin-left: 5px;
  margin-right: 5px;
}

.qbl-resource-item.selected-resource,
.qbl-resource-item.dragging {
  background-color: var(--primary-90);
  color: var(--white);
}

.qbl-resource-item .type-icon {
  color: var(--deco-aubergine);
}

.qbl-resource-item.selected-resource .type-icon,
.qbl-resource-item.dragging .type-icon {
  color: var(--white);
}

.qbl-resource-item.dragging .item-icon {
  display: none;
}

.qbl-resource__editor {
  flex: 1;
}

.qbl-resource__search {
  padding: 5px;
}

.qbl-data-defaults-list {
  display: grid;
  grid-template-columns: max-content max-content;
}

.qbl-data-defaults-list input {
  grid-column: 1;
}

.qbl-data-defaults-list label {
  grid-column: 2;
  padding-top: 0.1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/features/definitions/common/score/scoreStyles.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-score-group__dialog-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  margin: var(--spacing-small);
}
.qbl-score-group__criteria-row {
  display: flex;
}
.qbl-score-group__criteria-value {
  width: 6rem;
}
.qbl-score-group__criteria-checkbox {
  margin-left: var(--spacing);
}
.qbl-score-group__divider {
  background-color: var(--neutral-light);
  height: 1px;
  margin: var(--spacing) 0;
  width: 100%;
}
.qbl-score-group__criteria-note {
  display: flex;
  flex-direction: row;
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-small);
  margin: var(--spacing-small);
}
.qbl-score-group__popUp-Content {
  box-sizing: border-box;
  font-family: var(--font-family);
  font-size: var(--font-size);
  gap: var(--spacing);
  padding: var(--spacing);
}
.qbl-score-group__criteria-block {
  display: flex;
  flex-direction: row;
}

.qbl-score-value {
  width: 6rem;
}

.qbl-score-group-block,
.qbl-score-rule-block {
  align-items: center;
  border-bottom: 2px solid var(--neutral-80);
  border-top: 2px solid var(--neutral-80);
  display: flex;
  gap: var(--spacing);
  padding: var(--spacing-small);
}
.qbl-score-group-block__label,
.qbl-score-rule-block__label {
  margin-left: var(--spacing);
}
.qbl-score-group-block__description,
.qbl-score-rule-block__description {
  flex: 1;
}
.qbl-score-group-block__edit,
.qbl-score-rule-block__edit {
  align-items: center;
  display: flex;
}
.qbl-score-group-block__warning,
.qbl-score-rule-block__warning {
  text-align: left;
}
.qbl-score-group-block__warning strong,
.qbl-score-rule-block__warning strong {
  display: block;
  margin-bottom: var(--spacing-small);
}
.qbl-score-group-block__warning p,
.qbl-score-rule-block__warning p {
  margin: 0;
}
.qbl-score-group-block__switch-disabled,
.qbl-score-rule-block__switch-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/addRule/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-add-rule__header {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing);
}
.qbl-add-rule__back-button {
  margin-top: var(--spacing-small);
}
.qbl-add-rule__title-section {
  display: flex;
  flex-direction: column;
}
.qbl-add-rule__title-section h3, .qbl-add-rule__title-section p {
  margin-bottom: 0;
}
.qbl-add-rule__content-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.qbl-add-rule__content-section h2[id^=radix-]:empty {
  margin: 0;
}
.qbl-add-rule__workflow {
  margin-bottom: var(--spacing-xlarge);
  max-width: 40%;
  position: relative;
  z-index: 0;
}
.qbl-add-rule__tabs button,
.qbl-add-rule__tabs [role=radio],
.qbl-add-rule__tabs [data-state] {
  flex: 1 !important;
}
.qbl-add-rule__tabs-content {
  flex: 1;
  margin-top: var(--spacing);
  overflow: hidden;
}

.qbl-rule-type-content {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: repeat(auto-fill, minmax(clamp(15rem, 15vw, 24rem), 1fr));
  overflow-y: auto;
}

.qbl-rule-type-card {
  border-radius: var(--border-radius);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  max-width: clamp(18rem, 15vw, 24rem);
}
.qbl-rule-type-card:hover {
  border-color: var(--primary);
}
.qbl-rule-type-card__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
  height: 100%;
  justify-content: center;
  text-align: center;
}
.qbl-rule-type-card__title, .qbl-rule-type-card__description {
  margin: 0;
}
.qbl-rule-type-card__icon {
  margin: var(--spacing-small);
}
.qbl-rule-type-card__select-btn {
  margin-top: var(--spacing-large);
  width: 100%;
}

.qbl-data-source {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.qbl-data-source__container {
  display: flex;
  gap: var(--spacing);
  margin-bottom: var(--spacing);
  width: 100%;
}
.qbl-data-source__search {
  flex: 1;
}
.qbl-data-source__groups {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}
.qbl-data-source__group-tag {
  border: 1px solid var(--border-bright) !important;
  cursor: pointer;
  font-size: var(--font-size);
  padding: var(--spacing) !important;
}
.qbl-data-source__noResults {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: var(--spacing-xlarge);
}
.qbl-data-source__noResults--message {
  margin-top: var(--spacing);
}

.qbl-basedOnMethod-content {
  display: grid;
  gap: var(--spacing);
  grid-auto-rows: max-content;
  grid-template-columns: repeat(auto-fill, minmax(clamp(24rem, 24vw, 50rem), 1fr));
  height: 100%;
  overflow-y: auto;
}
.qbl-basedOnMethod-content .qbl-rule-type-card {
  max-width: 100%;
}

.container {
  padding-block: 0;
}
.container button[data-completed=true] div {
  background: var(--positive);
  border-color: var(--positive);
  color: var(--white);
}
.container label {
  max-width: none;
}

.qbl-info__container {
  background-color: var(--primary-light);
  border-radius: var(--border-radius-large);
  color: var(--primary-dark);
  margin-top: var(--spacing);
  max-height: 9rem;
  overflow-y: auto;
}
.qbl-info__header {
  display: flex;
  gap: var(--spacing-xsmall);
  margin-bottom: var(--spacing-xsmall);
}
.qbl-info__title {
  margin: 0;
}
.qbl-info__sources {
  display: grid;
  gap: var(--spacing-xsmall);
  grid-template-columns: repeat(auto-fill, minmax(clamp(15rem, 40vw, 50rem), 1fr));
}
.qbl-info__item {
  align-items: baseline;
  column-gap: var(--spacing-small);
  display: grid;
  grid-template-columns: minmax(max-content, 9rem) max-content 1fr;
}
.qbl-info__item p {
  margin: 0;
}
.qbl-info__name {
  font-weight: var(--font-weight-bold);
  grid-column: 1;
  justify-self: start;
  white-space: nowrap;
}
.qbl-info__colon {
  align-self: baseline;
  grid-column: 2;
  white-space: nowrap;
}
.qbl-info__description {
  grid-column: 3;
  min-width: 0;
  overflow-wrap: anywhere;
}

.qbl-add-rule-non-modal {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3rem);
  margin: var(--spacing);
  overflow: hidden;
}
.qbl-add-rule-non-modal__header {
  flex-shrink: 0;
}
.qbl-add-rule-non-modal__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.qbl-add-rule-non-modal__content .qbl-add-rule__tabs-content {
  flex: 1;
  overflow-y: auto;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/ReportPicker/TreeView/Style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-picker-tree-view {
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
@media (max-width: 1920px) {
  .qbl-picker-tree-view {
    height: 590px;
    overflow-y: auto;
  }
}
@media (max-width: 1512px) {
  .qbl-picker-tree-view {
    height: 400px;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) {
  .qbl-picker-tree-view {
    height: 300px;
    overflow-y: auto;
  }
}
.qbl-picker-tree-view__item {
  display: inline-flex;
  font-size: var(--font-size);
}
.qbl-picker-tree-view__item__content {
  display: flex;
}
.qbl-picker-tree-view__item__content--disabled {
  color: var(--neutral-60);
  pointer-events: none;
}
.qbl-picker-tree-view__active {
  border-bottom: none;
}
.qbl-picker-tree-view__active .qbl-picker-tree-view__item__content--name {
  background: var(--neutral-95);
}
.qbl-picker-tree-view > li {
  margin-left: -var(--spacing-xlarge);
}

.qbl-picker-report_search {
  margin-right: var(--spacing-small);
  width: 50%;
}
.qbl-picker-report_search .Input_clear_FO9O1760 {
  min-height: 1.6rem;
}

.qbl-picker-search_text {
  align-items: center;
  display: flex;
  margin-top: var(--spacing);
}

.qbl-picker-tree-view__item:hover {
  cursor: default;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/ReportPicker/Style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-picker {
  height: 100%;
  padding: 3px;
}
@media (max-width: 2560px) {
  .qbl-picker-dialog {
    height: 84%;
    width: 80%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker-dialog {
    height: 84%;
    width: 80%;
  }
}
.qbl-picker-dialog .eui-dialog__header {
  padding-bottom: 0;
}
.qbl-picker-dialog .eui-dialog__title {
  font-size: var(--spacing-large);
  font-weight: var(--font-weight-bold);
}
.qbl-picker__container {
  height: 100%;
}
@media (max-width: 1920px) {
  .qbl-picker__container {
    height: 94%;
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container {
    height: 91%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker__container .eui-dialog__content {
    overflow-y: hidden;
  }
}
.qbl-picker__container .eui-dialog__footer {
  padding: 0;
}
.qbl-picker__container__precontent {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.qbl-picker__container__precontent__text {
  font-size: var(--font-size);
}
.qbl-picker__container__precontent__refresh {
  background-color: transparent;
  border: 0.0625rem solid var(--neutral-20);
  color: var(--neutral-20);
  height: 2rem;
  margin-top: var(--spacing-small);
}
.qbl-picker__container__precontent__refresh .eui-button__icon--standard {
  fill: var(--neutral-20);
  transform: scaleX(-1);
}
.qbl-picker__container__warning {
  font-size: 14px;
  margin-top: var(--spacing-small);
}
.qbl-picker__container__content {
  border: 1px solid var(--neutral-80);
  height: 100%;
  margin-top: var(--spacing-small);
  overflow-y: auto;
  padding-top: var(--spacing-small);
}
@media (max-width: 2560px) {
  .qbl-picker__container__content {
    height: 91%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker__container__content {
    height: 92%;
  }
}
@media (max-width: 1512px) {
  .qbl-picker__container__content {
    height: 88%;
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container__content {
    height: 86%;
  }
}
.qbl-picker__container__content--with-precontent {
  border: 1px solid var(--neutral-80);
  height: 100%;
  margin-top: var(--spacing-small);
  overflow-y: auto;
  padding-top: var(--spacing-small);
}
@media (max-width: 1920px) {
  .qbl-picker__container__content--with-precontent {
    height: calc(100% - 75px);
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container__content--with-precontent {
    height: calc(100% - 75px);
  }
}
.qbl-picker__container__content__message {
  padding-top: var(--spacing-small);
}
.qbl-picker__container__content__message p {
  margin-bottom: 0;
}
.qbl-picker__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--spacing);
}

@media (max-width: 2560px) {
  .qbl-picker__container--with-precontent-warning {
    height: 96%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker__container--with-precontent-warning {
    height: 87%;
  }
}
@media (max-width: 1512px) {
  .qbl-picker__container--with-precontent-warning {
    height: 83%;
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container--with-precontent-warning {
    height: 78%;
  }
}

.qbl-report-search {
  margin-right: var(--spacing-large);
}

.qms-picker-artifact-type {
  width: 8rem;
}

.qbl-artifact-type {
  width: 8rem;
}

.qbl-picker-empty-message {
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.qbl-dialog-content {
  padding-right: var(--spacing);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/designMode/editor/header/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-rules__heading {
  background-color: var(--neutral-99);
  border-bottom: 1px solid var(--neutral-80);
  display: inline-flex;
  text-indent: var(--spacing);
  width: 100%;
}
.qbl-rules__heading__title {
  font-weight: var(--font-weight-bold);
  margin: 0;
}
.qbl-rules__heading__description {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.qbl-rules__heading__filtercolumn {
  border-right: 1px solid var(--neutral-90);
  flex: 0 0 25%;
  padding: var(--spacing-small) 0;
}
.qbl-rules__heading__editcolumn {
  flex: 0 0 50%;
  padding: var(--spacing-small) 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/pagination/Pagination.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cbk-pagination {
  align-items: center;
  border-bottom: 1px solid var(--neutral-80);
  border-top: 1px solid var(--neutral-80);
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--spacing-small);
  padding-top: var(--spacing-small);
  width: 100%;
}
.cbk-pagination-inner {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/common/Button/Style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ui-button {
  height: var(--spacing-xlarge);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/common/ButtonDropdown/Styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dropdown_menu {
  left: 0;
  position: absolute;
  top: var(--spacing-large);
}

.dropdown_button {
  height: var(--spacing-xlarge);
  position: relative;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/common/ButtonGroup/Styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.qbl-make-flex-end {
  justify-content: flex-end;
  padding: var(--spacing) var(--spacing-xlarge) var(--spacing-xlarge);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/src/components/common/ProgressSpinner/Style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ui-progress-indicator {
  background-color: rgba(0, 0, 0, 0.6588235294);
}

.ui-progress-indicator > div:first-child {
  background-color: var(--white);
  border: 1px solid var(--neutral-80);
  border-radius: 0.1875rem;
  box-sizing: border-box;
  height: 4.75rem;
  max-width: 362px;
  padding: 1.125rem var(--spacing-large);
  width: auto;
}

.qbl-progress__overlay {
  background-color: transparent;
  color: var(--black);
  height: 150vh;
  width: 150vw;
}
.qbl-progress__none {
  display: none;
}
.qbl-progress__none [type=button] {
  display: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!./src/components/Configurations/MockPicker/Style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-picker {
  border-radius: var(--spacing-xsmall);
  margin-bottom: var(--spacing-xsmall);
  padding: var(--spacing-small);
}
.custom-picker:hover {
  background-color: var(--selected);
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!./src/components/Configurations/Style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.config-topbar {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}

.config-flyout__content {
  height: 100%;
  overflow-y: auto;
}
.config-flyout__header-content {
  align-items: center;
  display: flex;
  gap: var(--spacing-large);
  padding-right: var(--spacing-large);
  width: 100%;
}
.config-flyout__header-content > h5 {
  flex: 1;
}
.config-flyout__header {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
  margin: 0;
}
.config-flyout__header svg {
  color: var(--primary-60);
  font-size: var(--font-size-large);
}

.Flyout_flyoutContent_7W7InQzJ {
  overflow: auto !important;
}

.config-generator__header {
  margin-bottom: var(--spacing-small);
}
.config-generator__title {
  color: var(--text-primary);
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}
.config-generator__description {
  align-items: center;
  background-color: var(--neutral-95);
  border-radius: var(--border-radius);
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing);
  padding: var(--spacing-small);
}
.config-generator__description-text {
  color: var(--neutral-40);
  font-size: var(--font-size-small);
  line-height: var(--line-height-normal);
}
.config-generator__copy-icon {
  border-radius: var(--border-radius-small);
  color: var(--primary-60);
  cursor: pointer;
  font-size: var(--font-size-xl);
  padding: var(--spacing-xsmall);
  transition: color var(--transition-fast) ease;
}
.config-generator__copy-icon:hover {
  background-color: var(--neutral-95);
  color: var(--primary-50);
}
.config-generator__copy-icon:active {
  transform: scale(0.95);
}
.config-generator__code-container {
  border: var(--border-width) solid var(--neutral-80);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.config-generator__code-block {
  background-color: var(--neutral-98);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-small);
  line-height: var(--line-height-relaxed);
  margin: 0;
  overflow-x: auto;
  padding: var(--spacing);
}
.config-generator__code-text {
  color: var(--neutral-20);
}

.config-options__control-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: var(--spacing-small);
  width: 100%;
}
.config-options__control-label {
  color: var(--text-primary);
  font-size: var(--font-size);
  font-weight: var(--font-weight-normal);
  margin-right: var(--spacing-small);
}

.config-display-options__section {
  margin-bottom: var(--spacing);
}
.config-display-options__section-label {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-small);
  margin-top: var(--spacing);
}
.config-display-options__section-label:first-child {
  margin-top: 0;
}
.config-display-options__control-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: var(--spacing-small);
  width: 100%;
}
.config-display-options__control-label {
  color: var(--text-primary);
  font-size: var(--font-size);
  font-weight: var(--font-weight-normal);
  margin-right: var(--spacing-small);
}

.config-toggle-options {
  display: flex;
  flex-direction: column;
}
.config-toggle-options__control-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: var(--spacing-small);
  width: 100%;
}
.config-toggle-options__control-label {
  color: var(--text-primary);
  font-size: var(--font-size);
  font-weight: var(--font-weight-normal);
  margin-right: var(--spacing-small);
}
.config-toggle-options__dropdown {
  background-color: var(--white);
  border: var(--border-width) solid var(--neutral-70);
  border-radius: var(--border-radius-small);
  cursor: pointer;
  min-width: 100px;
  padding: var(--spacing-xsmall) var(--spacing-small);
}
.config-toggle-options__dropdown:focus {
  outline: var(--border-width-thick) solid var(--primary-60);
  outline-offset: var(--border-width);
}

.config-header {
  align-items: center;
  background: var(--background-dim);
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-small);
}
.config-header__title {
  color: var(--text-primary);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  margin: 0;
}

.accordion-item h3 {
  background-color: var(--background-dim);
  font-size: var(--font-size-h6);
  margin-bottom: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!./src/components/CustomEmptyState/CustomEmptyState.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-empty-state-container {
  align-items: center;
  display: flex;
  position: relative;
  top: 2%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../packages/query-builder-library/build/dist/src/components/IndexLib.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.remove-eui-checkbox {
  margin-top: 0;
}

.flex-item-n {
  margin: 0;
}

.qbl-tooltip {
  display: inline-block;
  margin-top: var(--spacing-xsmall);
  position: relative;
}

.qbl-tooltip.qbl-tooltip-disable {
  opacity: 0.5;
  z-index: -1;
}

.qbl-tooltip__text {
  background-color: var(--neutral-50);
  border-radius: var(--border-radius);
  bottom: 2.5rem;
  color: var(--white);
  font-size: var(--font-size-small);
  line-height: normal;
  min-width: 150px;
  padding: var(--spacing-small);
  position: absolute;
  right: var(--spacing-small);
  visibility: hidden;
  z-index: 1;
}

.qbl-tooltip:hover .qbl-tooltip__text {
  visibility: visible;
}

.qbl-tooltip__text::after {
  border-top-color: var(--primary-40);
  border-top-style: solid;
  border-top-width: var(--border-radius);
}

.qbl-tooltip__text::before {
  border-left: var(--border-radius) solid rgba(0, 0, 0, 0);
  border-right: var(--border-radius) solid rgba(0, 0, 0, 0);
  bottom: -8px;
  left: 50%;
  margin-left: -10px;
}

.qbl-tooltip__text::after, .qbl-tooltip__text::before {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.cbk-pagination {
  align-items: center;
  border-bottom: 1px solid var(--neutral-80);
  border-top: 1px solid var(--neutral-80);
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--spacing-small);
  padding-top: var(--spacing-small);
  width: 100%;
}

.cbk-pagination-inner {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}

.ui-button {
  height: var(--spacing-xlarge);
}

.dropdown_menu {
  left: 0;
  position: absolute;
  top: var(--spacing-large);
}

.dropdown_button {
  height: var(--spacing-xlarge);
  position: relative;
}

.qbl-make-flex-end {
  justify-content: flex-end;
  padding: var(--spacing) var(--spacing-xlarge) var(--spacing-xlarge);
}

.ui-progress-indicator {
  background-color: rgba(0, 0, 0, 0.6588235294);
}

.ui-progress-indicator > div:first-child {
  background-color: var(--white);
  border: 1px solid var(--neutral-80);
  border-radius: 0.1875rem;
  box-sizing: border-box;
  height: 4.75rem;
  max-width: 362px;
  padding: 1.125rem var(--spacing-large);
  width: auto;
}

.qbl-progress__overlay {
  background-color: rgba(0, 0, 0, 0);
  color: var(--black);
  height: 150vh;
  width: 150vw;
}

.qbl-progress__none {
  display: none;
}

.qbl-progress__none [type=button] {
  display: none;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
}

.flex-container .flex-item {
  margin: 5px;
  min-width: 30%;
  text-align: left;
}

.flex-container .flex-item-auto {
  min-width: auto;
}

.flex-container .flex-item-large {
  flex-grow: 7;
  padding-right: var(--spacing-small);
}

.flex-container .flex-item-normal {
  flex-grow: 0;
}

.relative-selection-container {
  margin-bottom: var(--spacing);
  padding-left: var(--spacing-small);
  width: 100%;
}

.and-date-selectionval {
  margin-left: calc(var(--spacing-xlarge) - var(--spacing-xsmall));
  width: 100%;
}

@media (min-width: 1513px) {
  .and-date-selectionval {
    margin-right: calc(var(--spacing-2xlarge) + var(--spacing-xsmall));
  }
}
.and-date-selection-container {
  padding-left: var(--spacing-xlarge);
  padding-right: calc(var(--spacing-2xlarge) + var(--spacing-small));
}

.and-date-selection-checkbox {
  margin-left: calc(var(--spacing-small) + var(--spacing-xsmall));
}

.date-selection-entry {
  column-gap: 10px;
  display: grid;
  grid-template-columns: max-content 25% 32% max-content;
  margin-bottom: 30px;
  row-gap: 10px;
  .Form_element_QHWuszNq {
    margin-right: 0;
  }
  .date-checkbox-selection {
    margin-left: -0.35rem;
  }
  .search-date-picker {
    width: 18.75rem;
  }
}

.disabled-selection {
  opacity: 0.3;
  pointer-events: none;
}

.auto-sized-dropdown {
  margin-right: 50px;
}

.disabled-option {
  opacity: 0.5;
}

.column-2-to-5 {
  grid-column: 2/5;
}

.column-2-to-3 {
  grid-column: 2/3;
}

.column-3-to-5 {
  grid-column: 3/5;
}

.column-1 {
  grid-column: 1;
}

.column-2 {
  grid-column: 2;
}

.date-checkbox-selection {
  display: flex;
}

.date-range-container {
  padding: 3.75rem 2rem 0.5rem;
}

.date-range-container .date-range-view {
  background-color: #eee;
  display: flex;
  height: 1.5em;
}

.date-range-container .range-time-block {
  align-items: center;
  background-color: #eee;
  display: flex;
  font-size: 0.7rem;
  font-weight: 200;
  height: 100%;
  justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date-range-container .range-time-block.in-range {
  background-color: #a6e1fa;
  color: dimgray;
  font-weight: 600;
}

.date-range-container .range-date-indicator {
  position: relative;
  top: -3.5rem;
  width: 1%;
}

.date-range-container .range-date-indicator .date-marker {
  border: 1px solid #9c9c9c;
  height: 2.2rem;
  text-align: center;
  width: 1px;
}

.date-range-container .range-date-indicator .date-circle {
  background-color: #d8d8d8;
  border: 1px solid #9c9c9c;
  border-radius: 50%;
  height: 1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: 1rem;
}

.date-range-container .range-date-indicator .date-text {
  font-size: 0.75rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  text-align: center;
  white-space: nowrap;
  width: 3rem;
}

.Dropdown_dropdownList_bvV9zYdU {
  min-width: max-content;
}

.qbl-menus {
  display: inline-block;
  position: relative;
}

.qbl-menus__icon {
  margin-left: 5px;
}

.qbl-error {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.qbl-error__errortext {
  font-weight: 700;
  margin-top: 5px;
}

.qbl-close-btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 20px;
  outline: none;
}

.qbl-header {
  align-items: center;
  background-color: var(--neutral-99);
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  font-weight: 700;
  padding: var(--spacing);
}

.qbl-header__close-btn {
  align-items: center;
  display: flex;
  flex: 1;
}

.qbl-multiselectlabel {
  display: inline-block;
  font-weight: 700;
}

.qbl-checkboxlabel {
  display: inline-block;
}

.qbl-querybar {
  align-items: center;
  background-color: var(--neutral-40);
  color: var(--white);
  display: flex;
  font-weight: 700;
  padding: 10px 15px;
}

.qbl-querybar__description {
  flex: 1;
}

.qbl-entries {
  display: flex;
}

.qbl-entries__entrytext {
  flex: 1;
}

.qbl-entries__availableUnits {
  margin-left: var(--spacing-small);
}

.qbl-entries__comparison {
  display: inline;
  margin-left: var(--spacing-small);
}

.qbl-entries__comparison_values {
  margin-left: var(--spacing);
  width: 6rem;
}

.qbl-entries__comparison--values {
  display: inline;
  margin: 5px;
}

.qbl-zoomspace {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 750px;
}

.qbl-design-surface {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: scale(var(--zoom-level));
  transform-origin: top;
  width: 100%;
}

.qbl-design-no-rules {
  align-items: center;
  color: var(--neutral-20);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: 10%;
}

.qbl-design-no-rules__main-content {
  font-size: var(--font-size-h3);
  font-weight: 700;
  line-height: 2rem;
}

.qbl-design-no-rules__sub-content {
  font-size: var(--font-size-h6);
  font-weight: 400;
  line-height: 1.5rem;
}

.qbl-design-no-rules__create-btn {
  margin-top: var(--spacing-xlarge);
}

.qbl-input-rules {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.qbl-input-rules--border {
  border: 1px solid var(--neutral-70);
  border-radius: 5px;
}

.qbl-linkcanvas {
  pointer-events: none;
  position: fixed;
}

.qbl-age-event {
  align-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.qbl-age-event .eui-dropdown, .qbl-age-event input {
  margin-right: var(--spacing);
}

.qbl-age-event .eui-form-element .eui-form-element__field {
  display: flex;
}

.qbl-age-event_operator {
  margin-right: var(--spacing);
  width: 14rem;
}

.qbl-age-event .qbl-age-event_values {
  height: 2.2rem;
  padding-left: 0.35rem;
  width: 5rem;
}

.qbl-age-event__content-container {
  display: flex;
  padding-bottom: var(--spacing);
}

.qbl-age-date_event, .qbl-date_event {
  border-bottom: 1px solid var(--neutral-80);
}

.qbl-age-date_event .qbl-age-date_selection .date-checkbox-selection {
  flex: 1.5;
  margin-left: -0.35rem;
}

.qbl-age-date_event .qbl-age-date_selection .qbl-time-period-offset {
  flex: 1;
}

.qbl-age-date_event .qbl-age-date_selection .qbl-before-after-offset {
  flex: 1;
}

.qbl-age-entry {
  margin-top: var(--spacing);
}

.qbl-make-it-full-width {
  width: 100%;
}

.qbl-input-error-label {
  color: var(--negative-45);
}

.qbl-input-no-error-label {
  color: var(--neutral-20);
}

.qbl-rules__add-features .qbl-select-button {
  width: 100%;
}

.qbl-ageinfo {
  border-top: 1px solid var(--neutral-80);
  display: flex;
}

.qbl-ageinfo.eui-form-element {
  flex: 1;
  margin-left: var(--spacing);
}

.qbl-ageinfo svg {
  height: var(--spacing-large);
  margin-top: var(--spacing);
  width: var(--spacing-large);
}

.qbl-ageinfo .eui-form-element {
  margin-left: var(--spacing-small);
  margin-top: var(--spacing);
}

.age-checkbox-selection, .qbl-checkbox-selection {
  display: flex;
}

.age-checkbox-selection .select, .qbl-checkbox-selection .select {
  margin-right: var(--spacing);
}

.age-checkbox-selection .eui-dropdown, .qbl-checkbox-selection .eui-dropdown {
  margin-right: var(--spacing);
}

.age-checkbox-selection .eui-checkbox, .qbl-checkbox-selection .eui-checkbox {
  margin-left: -8px;
}

.qbl-age-date-time, .qbl-date-time {
  display: flex;
  margin-top: 0.5rem;
}

.qbl-age-date-time [data-testid=qbl-drpdwn-date__type], .qbl-date-time [data-testid=qbl-drpdwn-date__type] {
  margin-right: var(--spacing);
  width: 12rem;
}

.qbl-age-date-time [data-testid=qbl-drpdwn-variable__date], .qbl-date-time [data-testid=qbl-drpdwn-variable__date] {
  margin-right: var(--spacing);
  width: 12rem;
}

.qbl-age-date-time .eui-date-picker, .qbl-date-time .eui-date-picker {
  width: 12rem;
}

.qbl-age-date-time .column-2-to-3 {
  width: 25%;
}

.qbl-age-date-time .qbl-predefined-date-dropmenu {
  margin-left: var(--spacing);
  width: 33%;
}

.qbl-age-date-time [data-testid=qbl-drpdwn-and__type] {
  margin-right: var(--spacing);
  width: 18%;
}

.qbl-age-date-time .qbl-tooltip {
  margin-left: var(--spacing);
}

.qbl-age-date-time div:nth-child(2) .column-3-to-5 {
  height: 2.2rem;
}

@media (min-width: 1366px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 43%;
  }
}
@media (min-width: 1512px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 44%;
  }
}
@media (min-width: 1920px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 45.5%;
  }
}
@media (min-width: 2560px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 47%;
  }
}
@media (min-width: 3024px) {
  .qbl-age-date-time div:nth-child(2) .column-3-to-5 {
    width: 47.5%;
  }
}
.qbl-age-date_selection, .qbl-date_selection {
  display: flex;
  width: 60%;
}

.qbl-age-date_selection div:first-child, .qbl-date_selection div:first-child {
  align-items: center;
}

.qbl-age-date_selection > div:nth-child(2), .qbl-date_selection > div:nth-child(2) {
  flex: 1;
}

.qbl-age-date_selection > div:nth-child(3), .qbl-date_selection > div:nth-child(3) {
  flex: 1.5;
}

.qbl-age-date_selection > div:nth-child(4), .qbl-date_selection > div:nth-child(4) {
  flex: 1.5;
}

.qbl-age-date_selection .eui-dropdown, .qbl-age-date_selection div:not(:first-child), .qbl-date_selection .eui-dropdown, .qbl-date_selection div:not(:first-child) {
  margin-bottom: var(--spacing);
  margin-right: var(--spacing);
  margin-top: var(--spacing);
}

.qbl-date__offset-time-input {
  height: 2.2rem;
  padding-left: var(--spacing-small);
}

.qbl-query-item {
  border: calc(0.125rem / var(--zoom-level)) solid var(--neutral-light);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  max-width: 700px;
  width: 100%;
}

.expanded .qbl-query-item {
  width: 90%;
}

.expanded .qbl-query-item .item {
  width: 100%;
}

.qbl-query-item.zoomed {
  max-width: inherit;
  width: 100%;
}

.qbl-query-item .rule-item {
  box-shadow: var(--shadow-40);
}

.qbl-query-item .rule-type {
  font-size: clamp(var(--font-size), var(--font-size) / var(--zoom-level), 2.5rem);
  line-height: clamp(var(--line-height), var(--line-height) / var(--zoom-level), 3rem);
  margin-inline: var(--spacing);
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-query-item .group-item {
  box-shadow: 0 1px 1px var(--neutral-80), 0 10px 0 -5px var(--white), 0 10px 1px -4px var(--neutral-80), 0 20px 0 -10px var(--white), 0 20px 1px -9px var(--neutral-80), 0 5px 10px 0 var(--neutral-80), 0 0 1px 0 var(--neutral-80);
}

.qbl-header-icon {
  color: var(--primary-30);
  font-size: 25px;
}

.qbl-header-icon.equals {
  color: var(--positive-30);
}

.header-icon.not-equal {
  color: var(--negative-45);
}

.qbl-expand-ungroup {
  align-items: center;
  border-top: 1px solid var(--border-dim);
  display: flex;
  justify-content: space-between;
}

.qbl-expand-group {
  border-top: 1px solid var(--border-dim);
  display: flex;
  justify-content: flex-end;
}

.qbl-footer-links {
  display: flex;
}

.qbl-ungroup-footer {
  display: flex;
  margin-left: auto;
}

.qbl-ungroup-rules {
  margin-left: var(--spacing-small);
}

.qbl-expander {
  display: flex;
  padding-block: var(--spacing-small);
  padding-inline: var(--spacing) var(--spacing-small);
}

.qbl-expander__header {
  display: flex;
  flex: 1;
  font-weight: 700;
}

.qbl-expander__container {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
}

.qbl-expander__items {
  font-size: calc(var(--font-size) / var(--zoom-level));
  line-height: calc(var(--line-height) / var(--zoom-level));
  margin-inline: var(--spacing);
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-footer {
  align-items: center;
  background-color: var(--white);
  border-top: 1px solid var(--border-dim);
  display: flex;
}

.qbl-footer__btn {
  flex: 1;
}

.qbl-grid {
  cursor: pointer;
  grid-column: 1;
}

.qbl-addfooter {
  grid-column: 2;
}

.qbl-output {
  grid-column: 3;
}

.qbl-indicator {
  margin-right: 5px;
}

.qbl-outputitem {
  flex: 1;
  height: 230px;
  margin: 10px 0;
  overflow-y: "auto";
}

.qbl-queryitem {
  max-width: 900px;
}

.qbl-ruleitem {
  background-color: var(--white);
  flex: 1;
  max-height: 170px;
  overflow-y: auto;
}

.qbl-body {
  height: 100%;
}

.qbl-output-details .qbl-output-item {
  min-height: 250px;
}

.qbl-output-details .qbl-output-item .item {
  padding: var(--spacing-large) var(--spacing);
}

.qbl-output-details .qbl-output-item .item .query-item {
  max-width: 100%;
  width: 100%;
}

.qbl-output-details .qbl-output-item .qbl-output-create-rule {
  margin-top: var(--spacing);
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-footer__btn {
  display: flex;
  flex: initial;
  justify-content: center;
  min-width: 142px;
  padding: 0;
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector {
  border-left: 1px solid var(--neutral-90);
  padding-left: var(--spacing);
  padding-right: var(--spacing-small);
  padding-top: var(--spacing-small);
  width: 100%;
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-form-section {
  padding: 0;
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-form-element {
  padding-bottom: 0;
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-form-element__label {
  padding-left: var(--spacing-small);
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .eui-checkbox {
  display: inline-flex;
}

.qbl-output-details .qbl-output-item .qbl-footer .qbl-property-selector .qbl-property-disable .eui-checkbox__input:checked {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.qbl-edit_feature {
  color: var(--neutral-20);
}

.qbl-rule-header {
  flex: 1;
  font-weight: bold;
}

.qbl-rule-header__container {
  display: flex;
  justify-content: space-between;
}

.qbl-rule-header__title {
  align-items: center;
  display: flex;
}

.qbl-rule-header__title__edit-icon:hover {
  cursor: pointer;
}

.qbl-rule-header__title__edit-icon--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.qbl-rule-header__negation {
  align-items: stretch;
  display: flex;
  font-size: var(--font-size-small);
}

.qbl-rule-header__negation > div {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
}

.qbl-rule-header__negation > div div[class^=Switch_switchContainer] svg {
  transition: none;
}

.qbl-rule-header__divider {
  background-color: var(--neutral-light);
  margin-inline: var(--spacing-small) var(--spacing-xsmall);
  width: 1px;
}

.qbl-rule-header__titlecontent {
  display: flex;
}

.eui-dialog__footer button:first-child {
  margin-right: var(--spacing-small);
}

.qbl-group-rule-header, .qbl-output-rule-header {
  display: flex;
  flex: 1;
  font-weight: bold;
}

.qbl-group-rule-header-container {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
}

.qbl-normal-select-item {
  color: var(--neutral-10);
}

.qbl-group-rule-title {
  font-size: calc(var(--font-size) / var(--zoom-level));
  line-height: calc(var(--line-height) / var(--zoom-level));
  margin-inline: var(--spacing);
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.qbl-property-selector-checkbox-item {
  display: inline-flex;
}

.qbl-feature-edit__header {
  font-weight: var(--font-weight-bold);
}

.qbl-item-header {
  align-items: center;
  background-color: var(--primary-95);
  border-bottom: 1px solid var(--border-dim);
  display: flex;
  padding-block: var(--spacing-small);
  padding-inline: var(--spacing) var(--spacing-small);
}

.qbl-item-header[data-negated=true] {
  background-color: var(--negative-90);
}

.qbl-match-toggle-button[data-state=off] {
  border-color: var(--neutral);
  color: var(--neutral-dark);
  font-weight: var(--font-weight);
}

.qbl-match-toggle-button[data-state=off]:hover {
  background-color: var(--neutral-bright);
}

.qbl-match-toggle-button[data-state=off]:focus {
  box-shadow: color-mix(in srgb, var(--neutral), transparent 50%) 0 0 0 0.1875rem;
}

.qbl-match-toggle-button[data-state=on] {
  background-color: var(--toggle-button-color);
  border-left-color: var(--toggle-button-dark);
  border-right-color: var(--toggle-button-dark);
  color: var(--white);
  font-weight: var(--font-weight-bold);
}

.qbl-match-toggle-button[data-state=on]:hover {
  background-color: var(--toggle-button-dark);
}

.qbl-match-toggle-button[data-state=on]:focus {
  box-shadow: color-mix(in srgb, var(--toggle-button-color), transparent 50%) 0 0 0 0.1875rem;
}

.eui-form-element .qbl-rules {
  background-color: var(--neutral-99);
}

.qbl-rules {
  border: 1px solid var(--neutral-70);
  font-family: var(--font-family);
  font-size: 14px;
}

.qbl-rules__header {
  border-bottom: 1px solid var(--neutral-70);
  font-weight: 700;
  padding-inline: var(--spacing-small);
}

.qbl-rules__header span {
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.qbl-rules__header[data-negated=true] {
  background-color: var(--negative-90);
}

.qbl-rules__body {
  padding: var(--spacing-small);
}

.qbl-app-container .qbl-rules .qbl-rules__body .body-header {
  font-weight: 700;
}

.qbl-app-container .qbl-select-button.selected .qbl-rules .qbl-rules__body .body-header {
  color: #333;
}

.qbl-app-container .check-that-edit-btn, .qbl-app-container .check-that-rule-details, .qbl-app-container .qbl-size-spacing-small {
  margin-top: var(--spacing-small);
}

.qbl-app-container .qbl-select__features .qbl-rules .qbl-rules__header span {
  max-width: 185px;
}

.qbl-app-container .qbl-data-entry .qbl-rules .qbl-rules__header span {
  display: inline;
  white-space: initial;
}

.qbl-report-details {
  background-color: var(--neutral-99);
  border-color: var(--neutral-90);
}

.qbl-report-details .qbl-rules__header {
  border-color: var(--neutral-90);
  font-weight: 400;
}

.qbl-report-details .qbl-rules__body {
  font-weight: 700;
}

.qbl-add-rule__header {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing);
}

.qbl-add-rule__back-button {
  margin-top: var(--spacing-small);
}

.qbl-add-rule__title-section {
  display: flex;
  flex-direction: column;
}

.qbl-add-rule__title-section h3, .qbl-add-rule__title-section p {
  margin-bottom: 0;
}

.qbl-add-rule__content-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.qbl-add-rule__content-section h2[id^=radix-]:empty {
  margin: 0;
}

.qbl-add-rule__workflow {
  margin-bottom: var(--spacing-xlarge);
  max-width: 40%;
  position: relative;
  z-index: 0;
}

.qbl-add-rule__tabs button, .qbl-add-rule__tabs [role=radio], .qbl-add-rule__tabs [data-state] {
  flex: 1 !important;
}

.qbl-add-rule__tabs-content {
  flex: 1;
  margin-top: var(--spacing);
  overflow: hidden;
}

.qbl-rule-type-content {
  display: grid;
  gap: var(--spacing);
  grid-template-columns: repeat(auto-fill, minmax(clamp(15rem, 15vw, 24rem), 1fr));
  overflow-y: auto;
}

.qbl-rule-type-card {
  border-radius: var(--border-radius);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  max-width: clamp(18rem, 15vw, 24rem);
}

.qbl-rule-type-card:hover {
  border-color: var(--primary);
}

.qbl-rule-type-card__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
  height: 100%;
  justify-content: center;
  text-align: center;
}

.qbl-rule-type-card__title, .qbl-rule-type-card__description {
  margin: 0;
}

.qbl-rule-type-card__icon {
  margin: var(--spacing-small);
}

.qbl-rule-type-card__select-btn {
  margin-top: var(--spacing-large);
  width: 100%;
}

.qbl-data-source {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.qbl-data-source__container {
  display: flex;
  gap: var(--spacing);
  margin-bottom: var(--spacing);
  width: 100%;
}

.qbl-data-source__search {
  flex: 1;
}

.qbl-data-source__groups {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}

.qbl-data-source__group-tag {
  border: 1px solid var(--border-bright) !important;
  cursor: pointer;
  font-size: var(--font-size);
  padding: var(--spacing) !important;
}

.qbl-data-source__noResults {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: var(--spacing-xlarge);
}

.qbl-data-source__noResults--message {
  margin-top: var(--spacing);
}

.qbl-basedOnMethod-content {
  display: grid;
  gap: var(--spacing);
  grid-auto-rows: max-content;
  grid-template-columns: repeat(auto-fill, minmax(clamp(24rem, 24vw, 50rem), 1fr));
  height: 100%;
  overflow-y: auto;
}

.qbl-basedOnMethod-content .qbl-rule-type-card {
  max-width: 100%;
}

.container {
  padding-block: 0;
}

.container button[data-completed=true] div {
  background: var(--positive);
  border-color: var(--positive);
  color: var(--white);
}

.container label {
  max-width: none;
}

.qbl-info__container {
  background-color: var(--primary-light);
  border-radius: var(--border-radius-large);
  color: var(--primary-dark);
  margin-top: var(--spacing);
  max-height: 9rem;
  overflow-y: auto;
}

.qbl-info__header {
  display: flex;
  gap: var(--spacing-xsmall);
  margin-bottom: var(--spacing-xsmall);
}

.qbl-info__title {
  margin: 0;
}

.qbl-info__sources {
  display: grid;
  gap: var(--spacing-xsmall);
  grid-template-columns: repeat(auto-fill, minmax(clamp(15rem, 40vw, 50rem), 1fr));
}

.qbl-info__item {
  align-items: baseline;
  column-gap: var(--spacing-small);
  display: grid;
  grid-template-columns: minmax(max-content, 9rem) max-content 1fr;
}

.qbl-info__item p {
  margin: 0;
}

.qbl-info__name {
  font-weight: var(--font-weight-bold);
  grid-column: 1;
  justify-self: start;
  white-space: nowrap;
}

.qbl-info__colon {
  align-self: baseline;
  grid-column: 2;
  white-space: nowrap;
}

.qbl-info__description {
  grid-column: 3;
  min-width: 0;
  overflow-wrap: anywhere;
}

.qbl-add-rule-non-modal {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3rem);
  margin: var(--spacing);
  overflow: hidden;
}

.qbl-add-rule-non-modal__header {
  flex-shrink: 0;
}

.qbl-add-rule-non-modal__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}

.qbl-add-rule-non-modal__content .qbl-add-rule__tabs-content {
  flex: 1;
  overflow-y: auto;
}

.qbl-entry-component {
  height: 100%;
  overflow: hidden;
}

.qbl-drop-area-indicator {
  border: 1px solid var(--neutral-20);
  opacity: 0.2;
}

.qbl-edit-container {
  height: 100%;
  overflow-y: hidden;
}

.qbl-rules {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: inherit;
}

.qbl-rules__content {
  display: flex;
  flex-grow: 1;
  height: calc(100vh - 17rem);
  overflow-y: auto;
}

.qbl-rules__add-features {
  border-right: 1px solid var(--neutral-80);
  flex: 0 0 25%;
  height: 100%;
  max-width: 25%;
  overflow: hidden auto;
}

.qbl-rules__select-features {
  border-right: 1px solid var(--neutral-80);
  flex: 0 0 25%;
  height: 100%;
  max-width: 25%;
  overflow: hidden auto;
}

.qbl-rules__select-features .select-button {
  border: none;
}

.qbl-rules__select-features .qbl-selected-items:first-child .qbl-selected-items__details .qbl-select-button:last-child {
  border-bottom: 1px solid var(--neutral-80);
  margin: 0;
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container {
  border: 1px dashed var(--neutral-80);
  margin: var(--spacing-small);
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container--added {
  border: none;
  border-bottom: 1px solid var(--neutral-80);
  margin: 0;
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select {
  border: 1px solid var(--neutral-70);
  padding: var(--spacing-small) var(--spacing) var(--spacing) var(--spacing);
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select .feature-details .qbl-rules {
  border: 1px solid var(--neutral-70);
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select .feature-details .qbl-rules__header[data-negated=true] {
  background-color: unset;
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container:hover {
  background: var(--neutral-95);
}

.qbl-rules__select-features .qbl-selected-items-linked-criteria-container:has(.qbl-select-button.selected) {
  background-color: var(--primary-90);
  border: none;
}

.qbl-rules__select-features .qbl-selected-items__orderbycontainer:has(.qbl-select-button.selected) {
  background-color: var(--primary-90);
  border: none;
}

.qbl-rules__select-features .qbl-selected-items__checkThatContainer:has(.qbl-select-button.selected) {
  background-color: var(--primary-90);
  border: none;
}

.qbl-rules__select-features .linked-criteria .qbl-selected-items__details {
  padding: var(--spacing-xsmall) var(--spacing);
}

.qbl-rules__select-features .linked-criteria .qbl-selected-items__details .qbl-select-button:hover {
  cursor: pointer;
}

.qbl-rules__select-features .linked-criteria .qbl-selected-items__text {
  font-weight: 700;
}

.qbl-rules__select-features .linked-criteria button {
  color: var(--neutral-20);
  font-weight: normal;
}

.qbl-rules__select-features .linked-criteria button svg {
  margin-right: var(--spacing-small);
}

.qbl-rules__select-features .linked-criteria button:hover {
  border: none;
}

.qbl-rules__entries {
  flex: 1;
  max-width: 50%;
  min-height: 96%;
  overflow-y: auto;
  padding-left: 20;
  padding-right: 20;
  padding-top: 10;
}

.qbl-update {
  align-items: center;
  border-top: 1px solid var(--neutral-80);
  display: flex;
  padding: 8;
}

.qbl-update__btn {
  flex: 1;
}

.qbl-feature {
  display: flex;
}

.qbl-feature__description {
  flex: 1;
}

.qbl-accordian {
  background-color: var(--white);
  line-height: 1.5;
  padding-left: 0.5em;
}

.qbl-data-entry {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: "100%";
  padding: var(--spacing-large);
}

.qbl-select {
  display: flex;
}

.qbl-select__features {
  flex: 1;
  padding: 0 15px;
}

.qbl-select__features .selected {
  color: var(--neutral-20);
}

.qbl-select__features span {
  color: var(--neutral-20);
  font-family: var(--font-family);
  font-weight: normal;
}

.qbl-selected-items__orderbycontainer {
  border-bottom: 1px solid var(--neutral-80);
}

.qbl-selected-items__orderbycontainer__orderby button {
  color: var(--neutral-20);
  font-weight: normal;
}

.qbl-selected-items__orderbycontainer__orderby button svg {
  margin-right: var(--spacing-small);
}

.qbl-selected-items__orderbycontainer__orderby button:hover {
  border: none;
  color: var(--neutral-20);
}

.qbl-selected-items__orderbycontainer__orderby .eui-button--secondary:disabled {
  color: var(--neutral-20);
}

.qbl-selected-items__orderbycontainer__orderby--added {
  padding-top: var(--spacing-small);
}

.qbl-selected-items__orderbycontainer__orderby--added .qbl-selected-items__text {
  font-weight: 700;
}

.qbl-selected-items__orderbycontainer:hover {
  background: var(--neutral-95);
}

.qbl-selected-items__details .qbl-select-button {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.qbl-selected-items__details .qbl-select-button .move-filters {
  cursor: move;
  margin-left: -var(--spacing-small);
  margin-right: var(--spacing-small);
  min-width: 1.375rem;
}

.qbl-selected-items__text {
  font-size: var(--font-size);
  padding-left: var(--spacing);
}

.qbl-selected-items__icon {
  display: flex;
  justify-content: space-between;
}

.qbl-selected-items__filter {
  margin-bottom: var(--spacing-xsmall);
  margin-left: 0.7rem;
  margin-top: var(--spacing-small);
}

.qbl-selected-items__checkThatContainer {
  border-bottom: 1px solid var(--neutral-80);
}

.qbl-selected-items__checkThatContainer__checkThat button {
  color: var(--neutral-20);
  font-weight: normal;
}

.qbl-selected-items__checkThatContainer__checkThat button svg {
  margin-right: var(--spacing-small);
}

.qbl-selected-items__checkThatContainer__checkThat button:hover {
  border: none;
  color: var(--neutral-20);
}

.qbl-selected-items__checkThatContainer__checkThat--added {
  padding-top: var(--spacing-small);
}

.qbl-selected-items__checkThatContainer__checkThat--added .qbl-selected-items__text {
  font-weight: 700;
}

.qbl-selected-items__checkThatContainer:hover {
  background: var(--neutral-95);
}

.qbl-selected-items__closeBtn {
  margin-right: 0.85rem;
  padding: 0;
}

.qbl-selected-items .qbl-feature__description button {
  border: none;
  color: var(--neutral-20);
  display: flex;
  font-size: var(--font-size);
  height: 100%;
  justify-content: space-between;
  margin: var(--spacing-xsmall);
  width: 100%;
}

.qbl-selected-items .qbl-feature__description button .eui-button__icon {
  height: 1.375rem;
  width: 1.375rem;
}

.qbl-selected-items .qbl-feature__description button .eui-button__icon--secondary {
  fill: var(--neutral-20);
}

.qbl-selected-items__linked .qbl-selected-items__title {
  padding-bottom: 5px;
  padding-top: var(--spacing-small);
}

.qbl-selected-items-linked-criteria-container .qbl-select-button {
  padding: 10px 12px;
  width: 93%;
}

.qbl-selected-items-linked-criteria-container .qbl-select-button .qbl-select__features {
  padding: 10px;
  width: 93%;
}

.qbl-selected-items__details > button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.qbl-rules__add-features .qbl-select-button {
  width: 100%;
}

.qbl-selected-items__orderbycontainer .qbl-feature__description > button[aria-label="Order By query"] {
  padding: 10px 12px;
}

@media (max-width: 1920px) {
  .qbl-selected-items-linked-criteria-container .qbl-select-button {
    padding: 10px 12px;
    width: 95%;
  }
}
@media (max-width: 1512px) {
  .qbl-selected-items-linked-criteria-container .qbl-select-button {
    padding: 10px 12px;
    width: 94%;
  }
}
@media (max-width: 1366px) {
  .qbl-selected-items-linked-criteria-container .qbl-select-button {
    padding: 10px 12px;
    width: 93%;
  }
}
.Dialog_internals_9NnYoWuT {
  height: 100%;
  max-height: none;
}

.edit-rule-dialog {
  height: 100%;
}

.edit-rule-dialog.dialog-full-screen > div:nth-child(2) {
  height: 100%;
  max-height: none;
}

.qbl-edit-rule-non-modal__header {
  align-items: center;
  display: flex;
  margin: var(--spacing-small);
}

.qbl-edit-rule-non-modal__header .qbl-configureFilter__label {
  font-size: var(--font-size-h4);
}

.qbl-edit-rule-non-modal__header .qbl-configureFilter__btnGroup {
  padding-top: 0;
}

.qbl-edit-rule-non-modal__footer {
  float: right;
  padding: var(--spacing);
}

.qbl-activeRule-emptyState {
  margin-top: var(--spacing);
  padding: var(--spacing);
  text-align: center;
}

.qbl-activeRule-emptyState__message {
  font-size: var(--font-size-small);
}

.qbl-configureFilter-emptyState {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: var(--spacing-2xlarge);
  padding: var(--spacing);
  text-align: center;
}

.qbl-configureFilter-emptyState__title {
  margin: var(--spacing-small) 0 0 0;
}

.qbl-configureFilter-emptyState__description {
  font-size: var(--font-size-small);
  margin: var(--spacing-small) 0 0 0;
}

.qbl-linkedCriteria__emptyState {
  color: var(--neutral-20);
  font-size: var(--font-size-small);
  margin: var(--spacing-small);
}

.qbl-linkedCriteria__emptyState--disabled {
  color: var(--neutral-60);
}

.qbl-configureFilter__label {
  margin: var(--spacing);
}

.qbl-configureFilter__ruleName {
  font-weight: var(--font-weight);
  margin: var(--spacing);
}

.qbl-configureFilter__container {
  display: flex;
}

.qbl-configureFilter__btnGroup {
  gap: var(--spacing);
  margin: var(--spacing-small);
  padding-top: var(--spacing-xsmall);
}

.qbl-configureFilter__input {
  min-width: 30%;
  width: 100%;
}

.qbl-configureFilter__form {
  margin: var(--spacing-small);
}

.qbl-configureFilter-content {
  padding: 0;
}

.qbl-configureFilter-content > h2 {
  margin: 0 !important;
}

.qbl-configureFilter-content__workflow {
  margin-bottom: var(--spacing-xlarge);
  max-width: 40%;
}

.qbl-rules__heading {
  background-color: var(--neutral-99);
  border-bottom: 1px solid var(--neutral-80);
  display: inline-flex;
  text-indent: var(--spacing);
  width: 100%;
}

.qbl-rules__heading__title {
  font-weight: var(--font-weight-bold);
  margin: 0;
}

.qbl-rules__heading__description {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  margin: 0;
}

.qbl-rules__heading__filtercolumn {
  border-right: 1px solid var(--neutral-90);
  flex: 0 0 25%;
  padding: var(--spacing-small) 0;
}

.qbl-rules__heading__editcolumn {
  flex: 0 0 50%;
  padding: var(--spacing-small) 0;
}

.qbl-rule-dialog .eui-dialog__header {
  padding-bottom: 0;
  padding-left: var(--spacing);
}

.qbl-rule-dialog .eui-dialog__header .eui-dialog__title {
  color: red;
  font-family: var(--font-family);
  font-size: var(--font-size-h4);
  font-weight: bold;
}

.qbl-rule-dialog .eui-dialog__content {
  padding: 0;
}

.qbl-rule-header {
  margin-bottom: var(--spacing-xsmall);
}

.qbl-rule-list {
  border-bottom: 1px solid var(--neutral-90);
  border-top: 1px solid var(--neutral-90);
}

.qbl-rule-list__item {
  flex-basis: 0;
  flex-grow: 1;
  padding: var(--spacing-xsmall);
}

.qbl-rule-list__item--rule {
  border-left: 1px solid var(--neutral-90);
}

.qbl-rule-list__types {
  display: flex;
}

.qbl-rule-list__types .qbl-select-button {
  border: none;
  color: var(--neutral-20);
  font-family: var(--font-family);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight);
  margin: 0;
  padding: var(--spacing-xsmall) var(--spacing-small);
  width: 100%;
}

.qbl-rule-list__types--title {
  color: var(--neutral-20);
  font-family: var(--font-family);
  font-size: var(--font-size-h4);
  font-weight: bold;
  margin-bottom: var(--spacing-small);
  padding-left: var(--spacing-small);
}

.rule-to-compare-label {
  color: var(--negative-45);
}

.qbl-linked_criteria .qbl-date_drp {
  width: 62%;
}

.qbl-linked_criteria .qbl-date_operator {
  width: 62%;
}

.qbl-linked_criteria .isLinkedCriteria-container {
  margin-left: 2%;
}

.qbl-linked_criteria .qbl-date-checkbox-selection, .qbl-linked_criteria .qbl-date-selector-prefix-container {
  margin-bottom: var(--spacing);
  margin-left: 0;
}

.qbl-linked_criteria .qbl-date-selector-prefix-container {
  width: 50%;
}

.qbl-linked_criteria .qbl-date-selection-where-dropdown {
  width: 32%;
}

.qbl-linked_criteria .qbl-date-selection-where-dropdown > ul {
  width: 32;
}

.qbl-compare-drpDwn {
  display: flex;
  gap: var(--spacing);
  margin-top: var(--spacing);
}

.qbl-compare-form-parent {
  padding: 0;
}

.qbl-compare-form-child {
  padding-top: 0;
}

.qbl-rule-compare-exclude {
  display: flex;
  justify-content: space-between;
  margin-top: var(--spacing);
  padding-top: var(--spacing-small);
}

.qbl-rule-compare {
  font-weight: 700;
}

.qbl-parent-data > div > button, .qbl-child-data > div > button {
  margin-top: var(--spacing-small);
}

.check-that-rule-details {
  color: var(--negative-45);
}

.cbk-checkPatient-codeDetails__container {
  border-bottom: 1px solid var(--neutral-80);
}

.cbk-checkPatient-codeDetails__feature-text, .cbk-checkPatient-codeDetails__backButton {
  margin: var(--spacing);
}

.cbk-checkPatient-codeDetails__actions {
  align-items: center;
  display: flex;
  gap: var(--spacing);
  justify-content: space-between;
}

.cbk-checkPatient-codeDetails__switch {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
  margin: var(--spacing);
}

.cbk-checkPatient-codeDetails__switchLabel {
  margin-top: 0;
}

.cbk-checkPatient-codeDetails__emptyStateMessage {
  font-family: var(--font-family);
  font-size: var(--font-size);
  padding: var(--spacing);
  text-align: center;
}

.cbk-checkPatient-codeDetails__noMatchedCodes {
  text-align: left;
}

.cbk-checkPatient-codeDetails__noMatchedCodes strong {
  display: block;
  margin-bottom: var(--spacing-small);
}

.cbk-checkPatient-codeDetails__noMatchedCodes p {
  margin: 0;
}

.cbk-checkPatient-codeDetails__termWithTag {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}

.cbk-execution-checkPatient__header {
  display: flex;
  gap: var(--spacing-small);
  justify-content: space-between;
  margin-top: var(--spacing-large);
}

.cbk-execution-checkPatient__spinner {
  padding: var(--spacing);
  text-align: center;
}

.cbk-execution-checkPatient__header-content {
  align-items: center;
  display: flex;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-small);
  margin-right: -1rem;
  overflow: hidden;
  width: 100%;
}

.cbk-execution-checkPatient__header-content--ruleName {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbk-execution-checkPatient__content {
  padding-top: 0;
}

.cbk-execution-checkPatient__content .item-body {
  padding: 0;
}

.cbk-execution-checkPatient__container {
  border: 1px solid var(--border);
}

.cbk-execution-checkPatient__ruleinfo {
  background-color: var(--neutral-95);
  padding: var(--spacing-xsmall);
  text-align: right;
}

.cbk-execution-checkPatient__outcomeinfo {
  align-items: flex-end;
  display: inline-flex;
}

.cbk-execution-checkPatient__outcomeinfo__container {
  border-top: 1px solid var(--border-bright);
  padding: var(--spacing-xsmall);
  text-align: right;
}

.cbk-execution-checkPatient__rules {
  padding-left: var(--spacing-small);
}

.cbk-execution-checkPatient__rules__found {
  color: var(--positive);
  font-weight: var(--font-weight-bold);
}

.cbk-execution-checkPatient__rules__notfound {
  color: var(--negative);
  font-weight: var(--font-weight-bold);
}

.cbk-execution-checkPatient__rules__outcometag {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-small);
  margin: var(--spacing-small) 0;
}

.cbk-execution-checkPatient__rules__skeleton {
  width: 10%;
}

.cbk-execution-checkPatient__filter__skeleton {
  width: 50%;
}

.cbk-execution-checkPatient__tag {
  margin-right: var(--spacing);
}

.cbk-execution-checkPatient__pagination {
  background-color: var(--white);
  bottom: 0;
  position: fixed;
  width: 45.18rem;
}

.cbk-checkPatient-flyout {
  background-color: var(--white);
  overflow-y: auto;
}

.item-body {
  padding: var(--spacing-small) var(--spacing);
}

.cbk-checkPatient-src-title {
  padding-left: var(--spacing-small);
}

.cbk-execution-checkPatient__header {
  display: flex;
  gap: var(--spacing-small);
  justify-content: space-between;
  margin-top: var(--spacing-large);
}

.cbk-execution-checkPatient__spinner {
  padding: var(--spacing);
  text-align: center;
}

.cbk-execution-checkPatient__header-content {
  align-items: center;
  display: flex;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-small);
  margin-right: -1rem;
  overflow: hidden;
  width: 100%;
}

.cbk-execution-checkPatient__header-content--ruleName {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbk-execution-checkPatient__content {
  padding-top: 0;
}

.cbk-execution-checkPatient__content .item-body {
  padding: 0;
}

.cbk-execution-checkPatient__container {
  border: 1px solid var(--border);
}

.cbk-execution-checkPatient__ruleinfo {
  background-color: var(--neutral-95);
  padding: var(--spacing-xsmall);
  text-align: right;
}

.cbk-execution-checkPatient__outcomeinfo {
  align-items: flex-end;
  display: inline-flex;
}

.cbk-execution-checkPatient__outcomeinfo__container {
  border-top: 1px solid var(--border-bright);
  padding: var(--spacing-xsmall);
  text-align: right;
}

.cbk-execution-checkPatient__rules {
  padding-left: var(--spacing-small);
}

.cbk-execution-checkPatient__rules__found {
  color: var(--positive);
  font-weight: var(--font-weight-bold);
}

.cbk-execution-checkPatient__rules__notfound {
  color: var(--negative);
  font-weight: var(--font-weight-bold);
}

.cbk-execution-checkPatient__rules__outcometag {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-small);
  margin: var(--spacing-small) 0;
}

.cbk-execution-checkPatient__rules__skeleton {
  width: 10%;
}

.cbk-execution-checkPatient__filter__skeleton {
  width: 50%;
}

.cbk-execution-checkPatient__tag {
  margin-right: var(--spacing);
}

.cbk-execution-checkPatient__pagination {
  background-color: var(--white);
  bottom: 0;
  position: fixed;
  width: 45.18rem;
}

.cbk-checkPatient-flyout {
  background-color: var(--white);
  overflow-y: auto;
}

.item-body {
  padding: var(--spacing-small) var(--spacing);
}

.cbk-checkPatient-src-title {
  padding-left: var(--spacing-small);
}

.qbl-codelist-add__container {
  bottom: var(--spacing-small);
  padding: var(--spacing-small);
  position: fixed;
  width: inherit;
}

@media screen and (min-width: 992px) {
  .qbl-codelist-add__container {
    bottom: var(--spacing-large);
    padding: 0 var(--spacing);
  }
}
.qbl-codelist-add__container .ico {
  height: 1.25rem;
  width: 1.25rem;
}

.qbl-codelist-add__reset-button {
  margin-left: var(--spacing-small);
}

.qbl-codelist-add__title {
  color: var(--primary-30);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-small) var(--spacing-xsmall) 0 0;
  padding-left: 0;
}

.qbl-codelist-add__controls-container {
  padding: 0 0 0 var(--spacing);
  padding-bottom: var(--spacing-small);
}

.qbl-codelist-add__footer {
  margin-top: var(--spacing);
}

.Dialog_dialog_9NnYoWuT.qbl-picker-dialog-refset.ui-dialog {
  height: 80%;
  overflow-x: hidden;
}

.Dialog_dialog_9NnYoWuT.qbl-picker-dialog-refset.ui-dialog .ui-dialog-content {
  margin-bottom: var(--spacing-xsmall);
  margin-top: var(--spacing);
  padding: 0;
}

.qbl-dialog-refset > div:nth-child(2) header button {
  margin-right: -0.4rem;
}

.qbl-dialog-refset > div header button {
  margin-top: -0.9rem;
}

.qbl-dialog-refset > div:nth-child(2) {
  height: 100%;
  max-height: none;
}

.qbl-dialog-refset {
  width: 80%;
}

@media (max-width: 3024px) {
  .qbl-dialog-refset {
    height: 50%;
  }
}
@media (max-width: 2560px) {
  .qbl-dialog-refset {
    height: 70%;
  }
}
@media (max-width: 1920px) {
  .qbl-dialog-refset {
    height: 100%;
  }
}
@media (max-width: 1512px) {
  .qbl-dialog-refset {
    height: 100%;
  }
}
@media (max-width: 1366px) {
  .qbl-dialog-refset {
    height: 100%;
  }
}
.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
  overflow: hidden;
}

@media (max-width: 1920px) {
  .qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
    height: calc(100vh - 15rem);
  }
}
@media (max-width: 1512px) {
  .qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
    height: calc(100vh - 15rem);
  }
}
@media (max-width: 1366px) {
  .qbl-dialog-refset > div .qbl-right-panel__content-container__pagination {
    height: calc(100vh - 15rem);
  }
}
.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination .qbl-refSet-no-pagination .qbl-codelist-manage {
  height: calc(100% - 1rem);
}

.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination .qbl-refSet-content-container-child__right_panel .qbl-codelist-manage {
  height: calc(100% + 0.5rem);
}

.qbl-dialog-refset > div .qbl-right-panel__content-container__pagination .qbl-refSet-content-container-child__right_panel .qbl-codelist-manage table td:nth-child(4) {
  text-align: center;
}

.qbl-codelist-refset-empty-content, .qbl-druglist-refset-empty-content {
  display: table-cell;
  width: 20%;
}

.qbl-codelist-search-title, .qbl-druglist-search-title {
  font-weight: bold;
  margin-top: 3px;
  width: 35%;
}

.qbl-codelist-refset-search, .qbl-druglist-refset-search {
  display: flex;
  padding-bottom: 5px;
}

.qbl-codelist-refset-search .Input_container_-peGv0m4, .qbl-druglist-refset-search .Input_container_-peGv0m4 {
  width: 50%;
}

.qbl-codelist-refset-search .Input_inputIcon_-peGv0m4, .qbl-druglist-refset-search .Input_inputIcon_-peGv0m4 {
  margin-left: var(--spacing);
}

.qbl-codelist-refset-search .Input_clear_-peGv0m4, .qbl-druglist-refset-search .Input_clear_-peGv0m4 {
  right: 54%;
  top: 50%;
  transform: translateY(-50%);
}

.qbl-dialog-refset > div .qbl-codelist-manage .qbl-refSet-table thead th:nth-child(1) {
  width: 6%;
}

.qbl-dialog-refset > div .qbl-codelist-manage .qbl-refSet-table thead th:nth-child(4) .qbl-refSet-term-header {
  border-right: none;
}

.qbl-refSet-codelist-content {
  height: 100%;
}

.qbl-refSet-codelist-content .Input_clear_FO9O1760 {
  min-height: 1.6rem;
}

.qbl-ref-head > tr th:nth-child(2) {
  width: 17%;
}

.qbl-ref-head > tr th:nth-child(3) {
  width: 64%;
}

.qbl-ref-empty-head > tr th:nth-child(3) {
  width: 30%;
}

.qbl-ref-head {
  color: var(--primary-40);
  font-size: "0.875rem";
  font-weight: 700;
}

.qbl-ref-row {
  font-size: "0.875rem";
  font-weight: 700;
}

.qbl-ref-row > td:nth-child(4) {
  text-align: right;
}

@media (max-width: 3024px) {
  .qbl-ref-row > td {
    padding: 16px;
  }
}
@media (max-width: 2560px) {
  .qbl-ref-row > td {
    padding: 18px;
  }
}
@media (max-width: 1920px) {
  .qbl-ref-row > td {
    padding: 6px;
  }
}
@media (max-width: 1512px) {
  .qbl-ref-row > td {
    padding: 6px;
  }
}
@media (max-width: 1366px) {
  .qbl-ref-row > td {
    padding: 6px;
  }
}
.qbl-refSet-table-container {
  overflow-y: auto;
}

@media (max-width: 1920px) {
  .qbl-refSet-table-container {
    height: 634px;
  }
}
@media (max-width: 1512px) {
  .qbl-refSet-table-container {
    height: 634px;
  }
}
@media (max-width: 1366px) {
  .qbl-refSet-table-container {
    height: 269px;
  }
}
.qbl-refSet-thead {
  background-color: var(--background-light);
  position: sticky;
  top: -2px;
}

.qbl-refSet-thead::after, .qbl-refSet-thead::before {
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.qbl-refSet-thead::before {
  margin-top: -0.5px;
  top: 0;
}

.qbl-refSet-thead::after {
  border-bottom: 3px solid var(--primary-40);
  bottom: 0;
}

.qbl-ref-empty-row {
  height: 3rem;
}

.qbl-codelist__container {
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  max-height: 95px;
  min-height: 3.5rem;
  margin: 0;
  overflow: auto;
  padding: var(--spacing) 0;
  padding: 0 0 var(--spacing-small) 0;
}

.qbl-codelist__container div {
  margin-right: var(--spacing);
  margin-top: var(--spacing);
}

.qbl-headertext {
  margin-bottom: 1px;
}

.eui-form-element__label--invalid {
  margin-bottom: 1px;
}

.qbl_newcodelist {
  margin-top: var(--spacing);
}

.qbl_newcodelist .eui-form-element__field {
  margin-left: -0.5rem;
}

.qbl-editorbody {
  margin-top: var(--spacing);
}

.qbl-update {
  align-items: bottom;
  display: flex;
  margin-bottom: var(--spacing-xlarge);
  padding: 8px;
}

.qbl-update__query {
  flex: 1;
}

.qbl-update__query--content {
  color: red;
  font-size: 0.875rem;
  margin: 1px;
  padding-bottom: var(--spacing-small);
  text-align: left;
  width: 500px;
}

.qbl-picker-btn {
  margin-bottom: var(--spacing);
}

.qbl-picker__codes {
  display: inline-flex;
  margin-right: var(--spacing);
}

.qbl-picker__id {
  display: inline-block;
}

.qbl-picker__id__description {
  width: 177px;
}

.qbl-picker__id .qbl-txtArea-code {
  min-height: 100px;
  min-width: 250px;
}

.qbl-picker .qbl-picker__input > div {
  display: inline-block;
  min-width: 185px;
  width: 100%;
}

.qbl-picker .qbl-picker__input > div:nth-child(2)::after {
  content: "\a";
  white-space: pre;
}

.line {
  border: none;
}

.wrapper li:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}

.wrapper .selected {
  background-color: var(--neutral-95);
}

.qbl-codelist-managelist {
  margin-left: var(--spacing-small);
  margin-top: var(--spacing-xsmall);
}

.qbl-codelist-managelist :hover {
  cursor: pointer;
}

.qbl-selected-codelist {
  display: flex;
  justify-content: space-between;
}

.qbl-selected-codelist-name {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: 16px;
  color: var(--primary-30);
  padding-bottom: var(--spacing);
}

.qbl-table {
  border-collapse: collapse;
}

.qbl-table th, .qbl-table td {
  border-top: 1px solid var(--neutral-80);
  padding-left: 0;
  padding: 0.75rem;
  vertical-align: middle;
  white-space: nowrap;
}

.qbl-table thead th {
  border-bottom: 2px solid var(--primary-40);
  border-top: none;
}

.qbl-table .term-header {
  border-right: 1px solid;
}

.qms-reportdetail__Picker-refset {
  height: 1.85rem;
  padding-left: var(--spacing-small);
  width: 1.85rem;
}

.row .qbl-codelist__container {
  overflow: hidden;
}

.qbl-codelist-manage .qbl-table thead th:nth-child(1), .qbl_newcodelist .qbl-table thead th:nth-child(1) {
  width: 5%;
}

.qbl-codelist-manage .qbl-table thead th:nth-child(4), .qbl_newcodelist .qbl-table thead th:nth-child(4) {
  width: 25%;
}

.qbl-codelist-manage .qbl-table thead th:nth-child(5), .qbl_newcodelist .qbl-table thead th:nth-child(5) {
  width: 13%;
}

.qbl-editlist {
  text-decoration: underline;
}

.qbl-editlist :hover {
  cursor: pointer;
}

.qbl-editlist__text {
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h4);
}

.qbl-editlist__edit {
  margin-left: var(--spacing-small);
}

.qbl-codelist-management .eui-dialog-window__header {
  background-color: var(--primary-40);
}

.qbl-codelist-management__content {
  display: flex;
  height: 100%;
}

.qbl-codelist-management__content .qbl-right-panel__content-container {
  overflow: hidden;
}

.qbl-codelist-management__content .dialog-full-screen > div:nth-child(2) {
  height: 100%;
  max-height: none;
}

.qbl-codelist-container {
  display: flex;
}

.qbl-codelist-container__autocomplete {
  margin-right: var(--spacing);
}

@media (max-width: 1920px) {
  .qbl-codelist-container__autocomplete {
    width: 65%;
  }
}
@media (max-width: 1366px) {
  .qbl-codelist-container__autocomplete {
    width: 60%;
  }
}
.qbl-codelist-container .qbl-addcodelistbtn {
  margin-right: var(--spacing);
  white-space: nowrap;
}

.qbl-codelist-container__dropdown {
  margin-left: auto;
  white-space: nowrap;
}

.qbl-codelist-container__dropdown ul {
  width: 100%;
}

.qbl-inc-options {
  display: flex;
}

.qbl-data-entry .eui-dialog-window--small {
  bottom: 5%;
  left: 54%;
  position: absolute;
  top: 30%;
}

.qbl-data-entry .eui-dialog-window__header {
  background-color: var(--primary-40);
}

.codeList-container-form {
  padding-top: 0;
}

.qbl-input-type {
  padding-top: var(--spacing);
}

.qbl-radio-type {
  display: inline-block;
}

.qbl-radio-type label {
  padding-bottom: 0;
}

.qbl-codelist-auto-complete {
  position: relative;
}

.qbl-picker__desc .qbl-input-type > div {
  display: flex;
}

.qbl-picker__desc .qbl-input-type > div .Form_elementPreamble_QHWuszNq {
  width: 100%;
}

.qbl-picker__refset {
  padding-right: 3px;
}

.qbl-codelist-refset-picker {
  height: 30px;
}

.qbl-right-panel {
  background-color: var(--white);
  height: 100%;
  width: 80%;
}

.qbl-right-panel__content-container {
  overflow: auto;
  padding-left: var(--spacing);
}

.qbl-right-panel__content-container--error {
  overflow: auto;
  padding: var(--spacing);
}

@media (max-width: 1920px) {
  .qbl-right-panel__content-container--error {
    height: calc(100vh - 245px);
  }
}
@media (max-width: 1366px) {
  .qbl-right-panel__content-container--error {
    height: calc(100vh - 235px);
  }
}
.qbl-right-panel__content-container__pagination {
  height: calc(100% - 82px);
  overflow-y: hidden;
}

.qbl-right-panel__content-container .eui-dialog-window--small {
  bottom: 5%;
  left: 30%;
  position: absolute;
  top: 17%;
}

.qbl-right-panel__name {
  margin-right: 24px;
  padding: var(--spacing);
}

.qbl-right-panel__label {
  font-weight: bold;
  margin-left: var(--spacing-small);
}

.qbl-right-panel__header {
  align-items: center;
  background-color: var(--neutral-99);
  border-bottom: 1px solid var(--neutral-80);
  display: flex;
  gap: var(--spacing);
  justify-content: space-between;
  padding: var(--spacing-small) var(--spacing-large);
}

.qbl-right-panel__header .eui-form-element {
  margin-right: var(--spacing-xlarge);
  padding-bottom: 0;
}

.qbl-right-panel__listname {
  height: fit-content;
  padding-top: 0;
  width: 16%;
}

.qbl-right-panel__listname label {
  margin-bottom: 0.15rem;
}

.qbl-right-panel__listname input {
  width: 100%;
}

.qbl-right-panel__codesystem {
  height: fit-content;
  padding-right: var(--spacing-small);
  padding-top: 0.15rem;
  width: auto;
}

.qbl-right-panel__codesystem label {
  height: var(--spacing);
  line-height: var(--spacing-small);
  margin-bottom: 0;
  margin-top: var(--spacing-xsmall);
  padding-bottom: 0;
  width: 6rem;
}

.qbl-right-panel__codesystem-dropmenu {
  width: 7rem;
}

.qbl-right-panel__clearlist {
  height: fit-content;
  margin-left: auto;
  padding-top: 0;
  white-space: nowrap;
}

.qbl-right-panel__addcodes {
  margin-left: 22px;
  margin-top: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.qbl-right-panel__addcodes--disabled {
  margin-left: 22px;
  margin-top: 12px;
  text-decoration: underline;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}

.qbl-right-panel__editlist {
  margin-left: 10px;
}

.qbl-right-panel__text {
  font-weight: bold;
}

.qbl-right-panel-footer {
  border-top: 1px solid #d5d5d5;
  bottom: var(--spacing-xsmall);
  display: flex;
  flex-direction: row-reverse;
  padding: var(--spacing);
  width: 100%;
}

.qbl-right-panel-footer__cancel-btn {
  margin-right: var(--font-size-small);
}

.qbl-right-panel__metadata {
  display: flex;
  flex-grow: 1;
  gap: var(--spacing);
  height: fit-content;
  padding-top: 0;
}

.qbl-right-panel__metadata__container {
  align-items: center;
  display: flex;
  gap: var(--spacing);
  min-height: 2rem;
}

.qbl-right-panel__metadata__label {
  font-size: var(--font-size);
  min-width: 4rem;
}

.qbl-right-panel__metadata__column {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  white-space: nowrap;
}

.qbl-right-panel__metadata__user {
  margin-right: var(--spacing-large);
  white-space: nowrap;
}

.qbl-right-panel__metadata__user__created-by {
  margin-bottom: var(--spacing);
}

.qbl-right-panel__code-list-name input {
  height: var(--spacing-xlarge);
  padding-left: var(--spacing-small);
}

.qbl-right-panel__code-list-name input:disabled {
  background-color: var(--neutral-70);
  border-radius: 0.1875rem;
  color: var(--neutral-40);
  height: var(--spacing-xlarge);
  opacity: 0.5;
  padding-left: var(--spacing-small);
}

.qbl-emptystate {
  text-align: center;
}

@media (max-width: 3024px) {
  .qbl-emptystate {
    margin-top: 45rem;
  }
}
@media (max-width: 2560px) {
  .qbl-emptystate {
    margin-top: 35rem;
  }
}
@media (max-width: 1920px) {
  .qbl-emptystate {
    margin-top: 15rem;
  }
}
@media (max-width: 1366px) {
  .qbl-emptystate {
    margin-top: 5rem;
  }
}
.qbl-emptystate__title {
  font-family: var(--font-family);
  font-size: var(--font-size-h3);
  font-weight: bold;
  margin-bottom: var(--spacing-small);
}

.qbl-emptystate__message {
  font-family: var(--font-family);
}

.qbl-emptystate__message p {
  font-size: var(--font-size-small);
}

.qbl-codelist-reference {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

.qbl-codelist-emptyterm {
  pointer-events: none;
}

.qbl-table {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 1rem;
  width: 100%;
}

.header {
  border-right: 1px solid;
  padding: 0 var(--spacing);
}

.eui-dialog-window__content {
  padding: var(--spacing);
}

tbody td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-codelist-ref-set {
  overflow: auto;
  padding: 0 var(--spacing);
}

@media (min-width: 1366px) {
  .qbl-codelist-ref-set {
    height: 32rem;
  }
}
@media (min-width: 1512px) {
  .qbl-codelist-ref-set {
    height: 32rem;
  }
}
@media (min-width: 1920px) {
  .qbl-codelist-ref-set {
    height: 40rem;
  }
}
@media (min-width: 2560px) {
  .qbl-codelist-ref-set {
    height: 64rem;
  }
}
@media (min-width: 3024px) {
  .qbl-codelist-ref-set {
    height: 32rem;
  }
}
.qbl-codelist-ref-set .qbl-table thead {
  background-color: var(--white);
  position: sticky;
  top: 0;
  z-index: 10;
}

.qbl-codelist-ref-set tbody td {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qbl-codelist-ref-set th {
  width: 50%;
}

.content-container {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  height: 100%;
  position: relative;
}

.content-container .content-container-child {
  margin: 10px;
  text-align: center;
}

.content-container .content-container-child__left_panel {
  border-right: 1px solid var(--neutral-80);
  box-shadow: 3px 0 17px -6px var(--neutral-20);
  flex-grow: 1;
  height: 100%;
  max-width: 23%;
  min-width: 23%;
  overflow-x: hidden;
  width: 23%;
}

.content-container .content-container-child__left_panel .left_panel-content {
  padding: 0 0 0 var(--spacing);
}

.content-container .content-container-child__right_panel {
  flex-grow: 8;
  height: 100%;
}

.codelist-content {
  height: 100%;
}

.codelist-content .Input_clear_FO9O1760 {
  min-height: 1.6rem;
}

.no-scroll {
  overflow: hidden;
}

.codelist-content-container-item {
  height: 100%;
}

.panel-dialog {
  height: 100%;
}

.manage-codelist-mode {
  overflow: hidden;
  width: 23%;
}

.add-codelist-mode {
  width: 23%;
}

.left-panel-footer {
  flex: auto;
}

.qbl-header-container {
  display: block;
  padding-left: var(--spacing-small);
  position: relative;
  z-index: 100;
}

.qbl-codelist-manage {
  height: calc(100% - 4rem);
  overflow-y: auto;
}

.no-pagination .qbl-codelist-manage {
  height: calc(100% - 1rem);
}

.qbl-reference-set {
  padding: 0;
}

.qbl-reference-set h2[id^=radix] {
  margin-bottom: 0;
}

.qbl-reference-set header {
  background-color: var(--primary-dim);
  padding: var(--spacing-small) var(--spacing);
}

.qbl-reference-set header h2 {
  color: var(--white);
  margin-bottom: 0;
}

.qbl-reference-set header button[aria-label*=Close], .qbl-reference-set header button[type=button] {
  color: var(--white);
}

.cbk-pagination > div:nth-child(1) {
  padding-left: 0;
}

.qbl-codelist-info {
  padding: var(--spacing);
  white-space: pre-line;
}

.qbl-codelist-infoIcon {
  cursor: pointer;
  margin-left: var(--spacing-small);
}

#qbl-codelist-rightpanel-dialog, #qbl-druglist-rightpanel-dialog, #qbl-ethnicity-rightpanel-dialog {
  padding: 0;
}

#qbl-codelist-rightpanel-dialog .cbk-pagination-section, #qbl-druglist-rightpanel-dialog .cbk-pagination-section, #qbl-ethnicity-rightpanel-dialog .cbk-pagination-section {
  padding-right: var(--spacing);
  width: 100%;
}

#qbl-codelist-rightpanel-dialog .ui-dialog-header, #qbl-druglist-rightpanel-dialog .ui-dialog-header, #qbl-ethnicity-rightpanel-dialog .ui-dialog-header {
  align-items: center;
  background-color: var(--primary-dim);
  height: var(--spacing-2xlarge);
}

#qbl-codelist-rightpanel-dialog .ui-dialog-header h2, #qbl-druglist-rightpanel-dialog .ui-dialog-header h2, #qbl-ethnicity-rightpanel-dialog .ui-dialog-header h2 {
  color: var(--white);
  font-size: var(--font-size-h5);
  margin-bottom: 0;
  margin-left: var(--spacing-large);
}

#qbl-codelist-rightpanel-dialog .ui-dialog-header button[aria-label*=Close], #qbl-codelist-rightpanel-dialog .ui-dialog-header button[type=button], #qbl-druglist-rightpanel-dialog .ui-dialog-header button[aria-label*=Close], #qbl-druglist-rightpanel-dialog .ui-dialog-header button[type=button], #qbl-ethnicity-rightpanel-dialog .ui-dialog-header button[aria-label*=Close], #qbl-ethnicity-rightpanel-dialog .ui-dialog-header button[type=button] {
  color: var(--white);
  margin-right: var(--spacing-small);
}

#qbl-codelist-rightpanel-dialog .ui-dialog-content, #qbl-druglist-rightpanel-dialog .ui-dialog-content, #qbl-ethnicity-rightpanel-dialog .ui-dialog-content {
  padding: 0;
}

#qbl-codelist-rightpanel-dialog .ui-dialog-footer, #qbl-druglist-rightpanel-dialog .ui-dialog-footer, #qbl-ethnicity-rightpanel-dialog .ui-dialog-footer {
  border-top: 1px solid var(--neutral-80);
  margin: 0;
  padding: var(--spacing);
}

.qbl-codelist-autocomplete {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  position: absolute;
  z-index: 2;
}

@media (max-width: 1920px) {
  .qbl-codelist-autocomplete {
    width: 65%;
  }
}
@media (max-width: 1366px) {
  .qbl-codelist-autocomplete {
    width: 59%;
  }
}
.qbl-codelist-autocomplete-input input {
  height: 35px;
  width: 100%;
}

.qbl-codelist-autocomplete-clear {
  position: absolute;
  right: 16.4rem;
  top: 5px;
}

.qbl-codelist-autocomplete-clear :hover {
  cursor: pointer;
}

.qbl-codelist-autocomplete-results-container {
  background-color: var(--white);
  border: 1px solid var(--neutral-60);
  border-radius: var(--spacing-xsmall);
  margin-top: var(--spacing-small);
  position: absolute;
}

@media (max-width: 1511px) {
  .qbl-codelist-autocomplete-results-container {
    width: 61%;
  }
}
@media (min-width: 1512px) and (max-width: 1919px) {
  .qbl-codelist-autocomplete-results-container {
    width: 65%;
  }
}
@media (min-width: 1920px) and (max-width: 2559px) {
  .qbl-codelist-autocomplete-results-container {
    width: 73%;
  }
}
@media (min-width: 2560px) {
  .qbl-codelist-autocomplete-results-container {
    width: 80%;
  }
}
.qbl-codelist-autocomplete-results {
  list-style-type: none;
  margin: 0;
  max-height: calc(100vh - 750px);
  overflow: auto;
  padding-left: 0;
}

@media (max-width: 1920px) {
  .qbl-codelist-autocomplete-results {
    max-height: calc(100vh - 360px);
  }
}
@media (max-width: 1366px) {
  .qbl-codelist-autocomplete-results {
    max-height: calc(100vh - 300px);
  }
}
.qbl-codelist-autocomplete-results li {
  margin-bottom: 0;
}

.qbl-codelist-autocomplete-results--items {
  align-items: center;
  display: flex;
  padding: var(--spacing-xsmall);
}

.qbl-codelist-autocomplete-results--names {
  margin-left: 12px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.qbl-codelist-autocomplete-results li:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}

@media (max-width: 3024px) {
  .qbl-editor-body {
    height: calc(100vh - 314px);
  }
}
@media (max-width: 2560px) {
  .qbl-editor-body {
    height: calc(100vh - 350px);
  }
}
@media (max-width: 1920px) {
  .qbl-editor-body {
    height: calc(100vh - 347px);
  }
}
@media (max-width: 1512px) {
  .qbl-editor-body {
    height: calc(100vh - 350px);
  }
}
@media (max-width: 1366px) {
  .qbl-editor-body {
    height: calc(100vh - 320px);
  }
}
@media (max-width: 3024px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 414px);
  }
}
@media (max-width: 2560px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 450px);
  }
}
@media (max-width: 1920px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 447px);
  }
}
@media (max-width: 1512px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 450px);
  }
}
@media (max-width: 1366px) {
  .qbl-editor-body-list-added {
    height: calc(100vh - 403px);
  }
}
.flex-col-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.flex-col-container .flex-col-item-search {
  height: var(--spacing-xlarges);
  padding: var(--spacing-small);
}

.flex-col-container .flex-col-item-list {
  height: calc(100% - var(--spacing-2xlarge));
}

.flex-col-container .flex-col-item-btn {
  background-color: var(--primary-99);
  display: flex;
  height: 10%;
}

.flex-col-container .flex-col-item-btn .qbl-create-codelist-btn {
  margin: auto;
  padding: var(--spacing-small);
}

.qbl-code-list {
  height: 100%;
  margin: 0;
  overflow: hidden auto;
  padding-left: 0;
}

.qbl-code-list li {
  border-bottom: 1px solid var(--neutral-80);
  margin-bottom: 0;
}

.qbl-code-list li:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}

.qbl-code-list__item {
  border-bottom: 1px solid var(--neutral-80);
  display: block;
  font-size: var(--font-size);
  margin: 0;
}

.qbl-code-list__item--active {
  background: var(--neutral-95);
  border-bottom: none;
}

.qbl-code-list__item :hover {
  cursor: pointer;
}

.qbl-code-list .List_label__cQIc0eW {
  width: 100%;
}

.qbl-extract-search {
  color: var(--neutral-50);
  font-size: 0.875rem;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}

.qbl-tree-list__display-text--label {
  margin-bottom: 0;
}

.qbl-code-list-wrapper {
  overflow-y: hidden;
}

.qbl-code-list-item__selected {
  background-color: var(--selected);
}

.qbl-code-list-item__deselected {
  background-color: var(--white);
}

.qbl-codelist-search {
  color: var(--neutral-50);
  font-size: var(--font-size);
  padding: 0 var(--spacing);
}

.qbl-ruleitem .qbl-codelist-link {
  color: var(--primary-dark);
  cursor: pointer;
  text-decoration: underline;
}

.qbl-codelist-detail__container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 5rem);
  margin: var(--spacing-small);
}

.qbl-codelist-detail__container--refset {
  height: calc(100vh - 4rem);
}

.qbl-codelist-detail__header-codelist {
  margin: var(--spacing) var(--spacing) 0;
}

.qbl-codelist-detail__header-refset {
  margin-inline: var(--spacing);
}

.qbl-codelist-detail__spinner {
  margin: var(--spacing);
  padding: var(--spacing);
  text-align: center;
}

.qbl-codelist-detail__searchBar {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-small);
  margin: var(--spacing);
}

.qbl-codelist-detail__searchInput {
  width: 100%;
}

.qbl-codelist-detail__searchLabel {
  display: inline-block;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  margin: 0;
  white-space: nowrap;
}

.qbl-codelist-detail__totalCodes {
  flex-shrink: 0;
  margin: var(--spacing);
}

.qbl-codelist-detail__tableWrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

.qbl-codelist-detail__table {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.qbl-codelist-detail__pagination .cbk-pagination {
  flex-direction: column;
  padding: var(--spacing-small);
}

.qbl-codelist-detail__pagination .cbk-pagination-inner {
  justify-content: space-between;
  padding-bottom: var(--spacing-small);
  white-space: nowrap;
  width: 100%;
}

.qbl-codelist-detail__pagination .cbk-pagination-inner + div {
  border-top: 1px solid var(--neutral-80);
  display: flex;
  padding-top: var(--spacing-small);
  width: 100%;
}

.qbl-codelist-detail__pagination .cbk-pagination-inner + div > :nth-child(2) {
  flex: 1;
}

.qbl-codelist-detail__empty {
  padding: var(--spacing);
  text-align: center;
}

.qbl-codelist-detail__term {
  color: var(--primary-dark);
  cursor: pointer;
  text-decoration: underline;
}

.qbl-score-group__dialog-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  margin: var(--spacing-small);
}

.qbl-score-group__criteria-row {
  display: flex;
}

.qbl-score-group__criteria-value {
  width: 6rem;
}

.qbl-score-group__criteria-checkbox {
  margin-left: var(--spacing);
}

.qbl-score-group__divider {
  background-color: var(--neutral-light);
  height: 1px;
  margin: var(--spacing) 0;
  width: 100%;
}

.qbl-score-group__criteria-note {
  display: flex;
  flex-direction: row;
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-small);
  margin: var(--spacing-small);
}

.qbl-score-group__popUp-Content {
  box-sizing: border-box;
  font-family: var(--font-family);
  font-size: var(--font-size);
  gap: var(--spacing);
  padding: var(--spacing);
}

.qbl-score-group__criteria-block {
  display: flex;
  flex-direction: row;
}

.qbl-score-value {
  width: 6rem;
}

.qbl-score-group-block, .qbl-score-rule-block {
  align-items: center;
  border-bottom: 2px solid var(--neutral-80);
  border-top: 2px solid var(--neutral-80);
  display: flex;
  gap: var(--spacing);
  padding: var(--spacing-small);
}

.qbl-score-group-block__label, .qbl-score-rule-block__label {
  margin-left: var(--spacing);
}

.qbl-score-group-block__description, .qbl-score-rule-block__description {
  flex: 1;
}

.qbl-score-group-block__edit, .qbl-score-rule-block__edit {
  align-items: center;
  display: flex;
}

.qbl-score-group-block__warning, .qbl-score-rule-block__warning {
  text-align: left;
}

.qbl-score-group-block__warning strong, .qbl-score-rule-block__warning strong {
  display: block;
  margin-bottom: var(--spacing-small);
}

.qbl-score-group-block__warning p, .qbl-score-rule-block__warning p {
  margin: 0;
}

.qbl-score-group-block__switch-disabled, .qbl-score-rule-block__switch-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.qbl-custom-dialog {
  z-index: 9999;
}

.qbl-error-alert {
  z-index: 9999;
}

.qbl-notification__container {
  bottom: var(--spacing-small);
  display: flex;
  flex-flow: column-reverse wrap;
  left: var(--spacing-small);
  max-height: 100vh;
  position: fixed;
  width: inherit;
  z-index: 9999;
}

.qbl-notification__content {
  align-items: center;
  display: flex;
  gap: var(--spacing);
}

.qbl-notification_content {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing);
}

.qbl-notification_content[data-type=success] {
  border: 1px solid var(--positive-inverse);
}

.qbl-notification_content[data-type=success] .qbl-notification__icon {
  color: var(--positive);
}

.qbl-notification_content[data-type=error] {
  border: 1px solid var(--negative-inverse);
}

.qbl-notification_content[data-type=error] .qbl-notification__icon {
  color: var(--negative);
}

.qbl-notification_content[data-type=information] {
  border: 1px solid var(--primary);
}

.qbl-notification_content[data-type=information] .qbl-notification__icon {
  color: var(--primary);
}

.qbl-notification__message .eui-notification__message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit;
}

.qbl-progress-spinner {
  background-color: rgba(0, 0, 0, 0.6588235294);
  height: 100vh;
  z-index: 9999;
}

.qbl-progress-spinner .eui-progress-short__container {
  box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2), 0 0 0.0625rem 0 rgba(0, 0, 0, 0.2);
  display: flex;
  height: 76px;
  max-width: 362px;
  position: absolute;
  width: 362px;
}

.qbl-progress-spinner .eui-progress-spinner {
  margin: 0 10px 0 0;
}

.qbl-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}

.qbl-advanced-view {
  flex: 1;
  height: 100%;
  overflow: hidden auto;
}

.qbl-advanced-view textarea {
  border: none;
  height: 100%;
  padding: 1rem;
}

.qbl-context-menu__menu-items {
  border: 1px solid rgba(0, 0, 0, 0);
  display: block;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: normal;
  max-width: 11.3rem;
  text-align: left;
  width: 100%;
}

.qbl-context-menu__menu-items:hover {
  background-color: var(--neutral-95);
}

.qbl-context-menu__menu-items__container {
  background: var(--white);
  border: 1px solid var(--neutral-60);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-20);
  position: fixed;
  z-index: 10;
}

.parameter-edit-view {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.parameter-edit {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.parameter-edit-header {
  padding-top: 10px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
}

.parameter-edit-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
  display: block;
  text-align: right;
}

.parameter-edit-body {
  flex: 1;
}

.parameter-edit-body .parameter-edit-item {
  padding-top: 10px;
  border-bottom: 1px solid #ccc;
}

.parameter-edit-body .parameter-edit-item:last-child {
  border-bottom: none;
}

.parameter-edit-item .eui-date-picker {
  width: auto;
}

.qbl-resources__drawer {
  background-color: var(--white);
  box-shadow: 0 5px 10px 0;
  display: flex;
  left: -400px;
  margin-left: 15px;
  position: absolute;
  transition: left 0.5s ease, visibility 0.5s linear;
  visibility: hidden;
  width: inherit;
}

.qbl-resources__drawer.visible {
  left: 0;
  visibility: visible;
}

.qbl-resources__list {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
}

.qbl-resources__list.showing-resource {
  border-right: var(--neutral-40);
}

.qbl-type__list {
  flex: 1;
  overflow: hidden auto;
}

.qbl-resource-type {
  border-bottom: var(--neutral-40);
}

.qbl-resource-type-header, .qbl-resource-type-list {
  padding: 5px;
}

.qbl-resource-type-header {
  background-color: #fff;
}

.qbl-resource-type-header button {
  display: flex;
  font-size: 90%;
  font-weight: 700;
  text-align: left;
  width: 100%;
}

.qbl-resource-type-header button span {
  flex: 1;
}

.qbl-resource-type-list {
  font-size: 90%;
}

.qbl-resource-item {
  align-items: center;
  border-radius: 5px;
  display: flex;
  padding: 5px;
  text-align: left;
  width: 100%;
}

.qbl-resource-item:hover {
  background-color: #fff;
}

.qbl-resource-item span {
  flex: 1;
  margin-left: 5px;
  margin-right: 5px;
}

.qbl-resource-item.selected-resource, .qbl-resource-item.dragging {
  background-color: var(--primary-90);
  color: var(--white);
}

.qbl-resource-item .type-icon {
  color: var(--deco-aubergine);
}

.qbl-resource-item.selected-resource .type-icon, .qbl-resource-item.dragging .type-icon {
  color: var(--white);
}

.qbl-resource-item.dragging .item-icon {
  display: none;
}

.qbl-resource__editor {
  flex: 1;
}

.qbl-resource__search {
  padding: 5px;
}

.qbl-data-defaults-list {
  display: grid;
  grid-template-columns: max-content max-content;
}

.qbl-data-defaults-list input {
  grid-column: 1;
}

.qbl-data-defaults-list label {
  grid-column: 2;
  padding-top: 0.1rem;
}

.qbl-picker-tree-view {
  display: flex;
  flex-direction: column;
  padding-left: 0;
}

@media (max-width: 1920px) {
  .qbl-picker-tree-view {
    height: 590px;
    overflow-y: auto;
  }
}
@media (max-width: 1512px) {
  .qbl-picker-tree-view {
    height: 400px;
    overflow-y: auto;
  }
}
@media (max-width: 1366px) {
  .qbl-picker-tree-view {
    height: 300px;
    overflow-y: auto;
  }
}
.qbl-picker-tree-view__item {
  display: inline-flex;
  font-size: var(--font-size);
}

.qbl-picker-tree-view__item__content {
  display: flex;
}

.qbl-picker-tree-view__item__content--disabled {
  color: var(--neutral-60);
  pointer-events: none;
}

.qbl-picker-tree-view__active {
  border-bottom: none;
}

.qbl-picker-tree-view__active .qbl-picker-tree-view__item__content--name {
  background: var(--neutral-95);
}

.qbl-picker-tree-view > li {
  margin-left: -var(--spacing-xlarge);
}

.qbl-picker-report_search {
  margin-right: var(--spacing-small);
  width: 50%;
}

.qbl-picker-report_search .Input_clear_FO9O1760 {
  min-height: 1.6rem;
}

.qbl-picker-search_text {
  align-items: center;
  display: flex;
  margin-top: var(--spacing);
}

.qbl-picker-tree-view__item:hover {
  cursor: default;
}

.qbl-picker {
  height: 100%;
  padding: 3px;
}

@media (max-width: 2560px) {
  .qbl-picker-dialog {
    height: 84%;
    width: 80%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker-dialog {
    height: 84%;
    width: 80%;
  }
}
.qbl-picker-dialog .eui-dialog__header {
  padding-bottom: 0;
}

.qbl-picker-dialog .eui-dialog__title {
  font-size: var(--spacing-large);
  font-weight: var(--font-weight-bold);
}

.qbl-picker__container {
  height: 100%;
}

@media (max-width: 1920px) {
  .qbl-picker__container {
    height: 94%;
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container {
    height: 91%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker__container .eui-dialog__content {
    overflow-y: hidden;
  }
}
.qbl-picker__container .eui-dialog__footer {
  padding: 0;
}

.qbl-picker__container__precontent {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.qbl-picker__container__precontent__text {
  font-size: var(--font-size);
}

.qbl-picker__container__precontent__refresh {
  background-color: rgba(0, 0, 0, 0);
  border: 0.0625rem solid var(--neutral-20);
  color: var(--neutral-20);
  height: 2rem;
  margin-top: var(--spacing-small);
}

.qbl-picker__container__precontent__refresh .eui-button__icon--standard {
  fill: var(--neutral-20);
  transform: scaleX(-1);
}

.qbl-picker__container__warning {
  font-size: 14px;
  margin-top: var(--spacing-small);
}

.qbl-picker__container__content {
  border: 1px solid var(--neutral-80);
  height: 100%;
  margin-top: var(--spacing-small);
  overflow-y: auto;
  padding-top: var(--spacing-small);
}

@media (max-width: 2560px) {
  .qbl-picker__container__content {
    height: 91%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker__container__content {
    height: 92%;
  }
}
@media (max-width: 1512px) {
  .qbl-picker__container__content {
    height: 88%;
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container__content {
    height: 86%;
  }
}
.qbl-picker__container__content--with-precontent {
  border: 1px solid var(--neutral-80);
  height: 100%;
  margin-top: var(--spacing-small);
  overflow-y: auto;
  padding-top: var(--spacing-small);
}

@media (max-width: 1920px) {
  .qbl-picker__container__content--with-precontent {
    height: calc(100% - 75px);
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container__content--with-precontent {
    height: calc(100% - 75px);
  }
}
.qbl-picker__container__content__message {
  padding-top: var(--spacing-small);
}

.qbl-picker__container__content__message p {
  margin-bottom: 0;
}

.qbl-picker__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--spacing);
}

@media (max-width: 2560px) {
  .qbl-picker__container--with-precontent-warning {
    height: 96%;
  }
}
@media (max-width: 1920px) {
  .qbl-picker__container--with-precontent-warning {
    height: 87%;
  }
}
@media (max-width: 1512px) {
  .qbl-picker__container--with-precontent-warning {
    height: 83%;
  }
}
@media (max-width: 1366px) {
  .qbl-picker__container--with-precontent-warning {
    height: 78%;
  }
}
.qbl-report-search {
  margin-right: var(--spacing-large);
}

.qms-picker-artifact-type {
  width: 8rem;
}

.qbl-artifact-type {
  width: 8rem;
}

.qbl-picker-empty-message {
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.qbl-dialog-content {
  padding-right: var(--spacing);
}

.qbl-toolbar-container {
  align-items: anchor-center;
  background-color: var(--white);
  border-bottom: 1px solid #ccc;
  display: flex;
}

.qbl-toolbar-control {
  align-items: stretch;
  display: flex;
}

.qbl-custom-action-bar {
  cursor: pointer;
  margin: 0 var(--spacing);
  text-align: center;
}

.qbl-toolbar-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  gap: var(--spacing-small);
  justify-content: space-between;
  margin-left: var(--spacing-xsmall);
  margin-right: var(--spacing-xsmall);
  min-width: 4rem;
  padding: var(--spacing-small) var(--spacing);
}

.qbl-toolbar-dropdown-item {
  align-items: center;
  display: flex;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  gap: var(--spacing);
  padding: var(--spacing-small) var(--spacing);
}

.qbl-toolbar-dropdown-item .fas {
  min-height: 1rem;
  min-width: 1rem;
  text-align: center;
}

.qbl-toolbar-icon {
  font-size: 25px;
}

.qbl-blue {
  color: var(--primary);
}

.qbl-green {
  color: var(--positive);
}

input#zoom-slider {
  accent-color: var(--primary);
  cursor: pointer;
  min-height: var(--spacing);
}

input#zoom-slider:disabled {
  cursor: not-allowed;
}

.qbl-dropped-down-icon.resource {
  color: #673ab7;
}

.qbl-toolbar-divider {
  background-color: var(--neutral-light);
  margin-bottom: 0.125rem;
  width: 1px;
}

.qbl-dropped-down-button {
  background-color: var(--white);
  box-shadow: var(--shadow-20);
  list-style: none;
  min-width: 200px;
  padding-left: 5px;
  position: absolute;
  z-index: 10;
}

.qbl-dropped-down-button :first-child {
  padding-top: var(--spacing-small);
}

.qbl-dropped-down-button .qbl-dropped-down-icon {
  margin-right: 10px;
}

.qbl-dropped-down-button .divider {
  border-top: 1px solid #ccc;
  margin-right: 5px;
}

.qbl-toolbar-score {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
  margin-left: var(--spacing);
  padding: var(--spacing);
}

.qbl-toolbar-score__popUp-Content {
  box-sizing: border-box;
  font-family: var(--font-family);
  font-size: var(--font-size);
  padding: var(--spacing);
}

.qbl-toolbar-score__toggle {
  margin-right: var(--spacing);
}

.qbl-toolbar-score__toggle-disabled {
  cursor: not-allowed;
  margin-right: var(--spacing);
  opacity: 0.5;
  pointer-events: none;
}

.qbl-demo-container {
  height: calc(100vh - 65px);
}

.qbl-demo-container__buttonConatiner {
  display: flex;
  justify-content: space-between;
  position: sticky;
  width: 100%;
}

.qbl-demo-container__resultView {
  height: 100%;
  overflow-y: auto;
}

.eui-lightbox {
  display: flex;
}

.eui-lightbox .eui-dialog-window__content {
  overflow: hidden;
  padding: 0;
}

body {
  background-color: #f9f9f9;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

select:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

*:focus {
  outline: 0;
}

.qbl-tool-bar--no-rules {
  padding: var(--spacing) 0;
}

.qbl-select-button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--neutral-80);
  border-radius: var(--border-radius);
  height: 100;
  margin: var(--spacing-small);
  outline: none;
  padding: 10px 15px;
  text-align: left;
  width: 97%;
}

.qbl-select-button:hover {
  background-color: #e8f3ff;
}

.qbl-select-button .item-description {
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
}

.qbl-select-button.selected {
  background-color: var(--primary-90);
}

.qbl-select-button.selected .item-description {
  color: #333;
}

.qbl-select-button.disabled .item-description {
  color: #a6a6a6;
}

.select-list {
  border-right: 1px solid #ccc;
  height: 100%;
  overflow-y: auto;
}

.qbl-customTooltip {
  left: 30%;
  margin-left: 60px;
  position: absolute;
  visibility: hidden;
  z-index: 1;
}

.qbl-substringText:hover + .qbl-customTooltip {
  background: var(--neutral-80);
  border-radius: 5px;
  color: #fff;
  display: block;
  left: 0;
  margin-left: 25rem;
  padding: 10px;
  position: absolute;
  visibility: visible;
}

.qbl-edit-rule-button {
  font-size: 14px;
  padding-inline: var(--spacing-small);
  text-align: left;
}

.qbl-result-value-indicator {
  border-left: 1px solid var(--border-dim);
  font-size: var(--font-size-small);
  min-width: 6rem;
  padding: var(--spacing-small) var(--spacing-small) var(--spacing-xsmall);
  text-align: center;
}

.qbl-result-value-indicator .qbl-result-header {
  font-weight: 700;
  margin-bottom: var(--spacing-xsmall);
}

.qbl-result-value-indicator .qbl-result-header.passed {
  color: var(--positive);
}

.qbl-result-value-indicator .qbl-result-header.failed {
  color: var(--negative);
}

.qbl-result-value-indicator .qbl-result-header .description.disabled {
  color: var(--neutral-dim);
}

.qbl-result-value-indicator .link-option-enable {
  align-items: center;
  border-radius: var(--border-radius);
  cursor: pointer;
  display: flex;
  justify-content: center;
  max-height: var(--spacing-xlarge);
  max-width: var(--spacing-xlarge);
  min-height: var(--spacing-xlarge);
  min-width: var(--spacing-xlarge);
  padding: 0.1875rem;
}

.qbl-result-value-indicator .link-option-enable svg {
  height: 1.375rem;
  width: 1.375rem;
}

.qbl-result-value-indicator .link-option-enable:hover {
  background-color: color-mix(in srgb, var(--neutral-dim), transparent 90%);
}

.qbl-result-value-indicator .link-option-disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}

.qbl-result-value-indicator .link-options {
  align-items: center;
  display: flex;
  gap: var(--spacing-small);
  justify-content: space-between;
}

.qbl-result-value-indicator .link-options .qbl-grid {
  background-color: inherit;
  border: 0;
}

.item {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  padding: 25px 0;
  width: 95%;
}

.eui-navigation-bar__link {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
}

.eui-navigation-bar__link:focus {
  outline: none;
}

.eui-checkbox__input:checked + ::after {
  border-bottom-width: 0.03rem;
  border-left-width: 0.06rem;
  top: 0.55rem;
  width: 0.6rem;
}

.eui-dropdown.inline {
  float: right;
}

.auto-sized-dialog.eui-lightbox__dialog {
  bottom: inherit;
}

.qbl-form-label-same-line.eui-form-element {
  padding-bottom: 0;
}

.qbl-form-label-same-line.eui-form-element .eui-form-element__label {
  display: inline-block;
  margin-right: 20px;
}

.qbl-form-label-same-line.eui-form-element .eui-form-element__field {
  display: inline-block;
}

.qbl-resource-item-editor {
  height: 100%;
  padding: 20px;
}

.qbl-resource-item-editor .qbl-editor-detail {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.qbl-editor-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.qbl-editor-body .qbl-editorbody, .qbl-editor-body .qbl-editor-body-list-added {
  padding: 0;
}

.qbl-editor-body-list-added {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.qbl-blank-button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: 0;
}

.qbl-blank-button:focus {
  outline: 0;
}

.qbl-blank-button.disabled .toolbar-icon {
  color: #ccc;
}

.qbl-notifications-container {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
}

.qbl-notifications-container .app-notification {
  margin: 0;
  padding: 0;
}

.qbl-fill-available {
  flex: 1;
  overflow: hidden auto;
}

.item-body {
  padding: var(--spacing-small) var(--spacing);
}

.item-body .body-header {
  color: var(--primary);
  font-weight: 700;
}

.item-body .rule-feature {
  align-items: center;
  display: grid;
  gap: var(--spacing-xsmall);
  grid-template-columns: 1fr 1.5rem 1.5rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}

.item-body .rule-feature :first-child {
  padding-top: 0;
}

.item-body .rule-feature .feature-detail {
  grid-column: 1;
}

.item-body .rule-feature .feature-detail span {
  font-size: clamp(var(--font-size), var(--font-size) / var(--zoom-level), 2.5rem);
  line-height: clamp(var(--line-height), var(--line-height) / var(--zoom-level), 3rem);
}

.item-body .rule-feature .edit-button {
  grid-column: 2;
}

.item-body .rule-feature .delete-button {
  grid-column: 3;
}

.qbl-entry-header {
  color: var(--primary);
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.qbl-entry-header button {
  float: right;
}

.qbl-output-designer {
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.qbl-output-designer .qbl-item {
  margin: 0;
  width: 100%;
}

.qbl-inline-editor {
  height: 200px;
}

.qbl-app-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  user-select: none;
}

.qbl-app-container .app-container__child {
  flex: 1;
  position: relative;
}

.qbl-app-container h2 {
  font-size: 1.125rem;
}

.qbl-app-container h3 {
  font-size: 1rem;
}

.qbl-app-container h4 {
  font-size: 0.875rem;
}

.qbl-fa-icon-button {
  flex-shrink: 0;
  min-width: 32px;
  width: 32px;
}

.qbl-fa-icon-button i {
  font-size: 1.125rem;
}

.eui-text-input {
  border: 1px solid #949494;
  border-radius: 0.1875rem;
  box-sizing: border-box;
  color: #333;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.125rem;
  margin: 0;
  padding: 0.375rem 0.5rem;
  width: 100%;
}

.eui-checkbox {
  line-height: normal;
  position: relative;
}

.eui-checkbox__label {
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.25rem 0.25rem 0.25rem 2rem;
  position: relative;
  text-align: left;
}

.eui-checkbox__input {
  cursor: pointer;
  height: 1rem;
  left: 0.3rem;
  position: absolute;
  top: 0.1rem;
  width: 1rem;
}

.eui-radio__input {
  cursor: pointer;
  height: 1rem;
  left: 0.25rem;
  top: 0.05rem;
  width: 1rem;
  z-index: 1;
}

.eui-radio__label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0.25rem 0.25rem 0.25rem 2rem;
  position: relative;
  text-align: left;
}

.eui-dropdown {
  position: relative;
}

.eui-dropdown__select {
  appearance: none;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 0.1875rem;
  box-sizing: border-box;
  color: #333;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
  padding: 0.375rem 1.5rem 0.375rem 0.5rem;
  width: 100%;
}

.eui-form-section {
  border-width: 0;
  padding: 0 1rem;
}

.eui-form-element {
  border-width: 0;
  padding-bottom: 1rem;
  position: relative;
  text-align: left;
}

.eui-form-element__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
  margin-right: 0.375rem;
}

.eui-form-element__label--invalid {
  color: #dc3545;
}


/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!./src/Style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
body,
#root {
  height: 100%;
  margin: 0;
  overflow: hidden !important;
  padding: 0;
}

.qbl-demo-container__resultView {
  overflow: auto;
}
@media (max-width: 1920px) {
  .qbl-demo-container__resultView {
    height: 84vh !important;
  }
}
@media (max-width: 1512px) {
  .qbl-demo-container__resultView {
    height: 80vh !important;
  }
}
@media (max-width: 1366px) {
  .qbl-demo-container__resultView {
    height: 74vh !important;
  }
}

.hide-toolbar .toolbar-container {
  display: none !important;
}
@media (max-width: 1920px) {
  .hide-toolbar .qbl-demo-container__resultView {
    height: 92vh !important;
  }
}
@media (max-width: 1512px) {
  .hide-toolbar .qbl-demo-container__resultView {
    height: 90vh !important;
  }
}
@media (max-width: 1366px) {
  .hide-toolbar .qbl-demo-container__resultView {
    height: 87vh !important;
  }
}

body:has(.config-header) .qbl-rules__content {
  height: calc(100vh - 20rem);
}
body:has(.config-header) .qbl-add-rule-non-modal {
  height: calc(100vh - 5rem);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.3/node_modules/css-loader/dist/cjs.js!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.97.3_webpack@5.105.3/node_modules/sass-loader/dist/cjs.js!../../node_modules/.pnpm/@emisgroup+ui-styles@3.0.1/node_modules/@emisgroup/ui-styles/dist/base.css (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: Enterprise Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/8193c940fa8c850bc7e6.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/95e523271ce7752c7c38.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/54da00293b3597e9949c.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/0a86ba96fd54cbc33177.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans Condensed;
  font-style: normal;
  font-weight: 400;
  src: url(/8880a3b82fd0d85faf66.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans Condensed;
  font-style: italic;
  font-weight: 400;
  src: url(/591e273c8e9ab33009bb.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans Condensed;
  font-style: normal;
  font-weight: 700;
  src: url(/1ff7e7ea8c6cb2381cbe.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Enterprise Sans Condensed;
  font-style: italic;
  font-weight: 700;
  src: url(/0929f662d0c045751844.woff2) format("woff2");
}
@layer theme {
  :root, [data-theme=light] {
    --primary-10:#001833;
    --primary-20:#00397a;
    --primary-30:#155297;
    --primary-40:#2e6bb0;
    --primary-45:#3a76ba;
    --primary-50:#4582c7;
    --primary-60:#619ee3;
    --primary-70:#7cb9fe;
    --primary-80:#a8d1ff;
    --primary-90:#d4e8ff;
    --primary-95:#e9f3ff;
    --primary-99:#fbfdff;
    --accent-1-10:#192300;
    --accent-1-20:#2c3d00;
    --accent-1-30:#415900;
    --accent-1-40:#577210;
    --accent-1-50:#6f8a28;
    --accent-1-60:#88a341;
    --accent-1-70:#a4bf5d;
    --accent-1-80:#c0db79;
    --accent-1-90:#dcf795;
    --accent-1-95:#ecffba;
    --accent-1-99:#fbfff1;
    --accent-2-10:#00272b;
    --accent-2-20:#00454c;
    --accent-2-30:#03646e;
    --accent-2-40:#1b7c86;
    --accent-2-50:#34959f;
    --accent-2-60:#4daeb8;
    --accent-2-70:#69cad4;
    --accent-2-80:#85e6f0;
    --accent-2-90:#b6f8ff;
    --accent-2-95:#dcfcff;
    --accent-2-99:#f7feff;
    --accent-3-10:#350a44;
    --accent-3-20:#421751;
    --accent-3-30:#552a64;
    --accent-3-40:#673c76;
    --accent-3-50:#7f548e;
    --accent-3-55:#90659f;
    --accent-3-60:#a57ab4;
    --accent-3-70:#c499d3;
    --accent-3-80:#e1b6f0;
    --accent-3-90:#f5d9ff;
    --accent-3-95:#faecff;
    --accent-3-99:#fefaff;
    --neutral-10:#161e22;
    --neutral-20:#2b3337;
    --neutral-30:#41494d;
    --neutral-40:#596165;
    --neutral-50:#71797d;
    --neutral-60:#8b9397;
    --neutral-70:#a6aeb2;
    --neutral-80:#c1c9cd;
    --neutral-90:#dde5e9;
    --neutral-95:#ebf3f7;
    --neutral-99:#fafdff;
    --positive-10:#062c00;
    --positive-20:#0a4d00;
    --positive-30:#1c6711;
    --positive-40:#337e28;
    --positive-50:#4b9640;
    --positive-60:#66b15b;
    --positive-70:#81cc76;
    --positive-80:#9ce791;
    --positive-90:#bdffb3;
    --positive-95:#deffd9;
    --positive-99:#f9fff8;
    --cautionary-10:#291a00;
    --cautionary-20:#472e00;
    --cautionary-30:#684300;
    --cautionary-40:#8b5a00;
    --cautionary-50:#aa7109;
    --cautionary-60:#c58c24;
    --cautionary-70:#dfa63e;
    --cautionary-80:#fac159;
    --cautionary-90:#ffe0a7;
    --cautionary-95:#ffefd2;
    --cautionary-99:#fffcf7;
    --negative-10:#590009;
    --negative-20:#9c0010;
    --negative-30:#ba1324;
    --negative-40:#d12a3b;
    --negative-45:#dc3546;
    --negative-60:#ff6070;
    --negative-70:#ff8692;
    --negative-80:#ffadb5;
    --negative-90:#ffd6da;
    --negative-95:#ffebed;
    --negative-99:#fffbfe;
    --deco-aubergine:#751b7c;
    --deco-kobi:#dba7c9;
    --deco-rainforest:#2d6b67;
    --deco-vermillion:#ba573c;
    --deco-pacific:#b2e0f7;
    --deco-champagne:#f8d0a0;
    --deco-wasabi:#d1eb81;
    --deco-razzmatazz:#e6006b;
    --deco-honey:#e9b049;
    --deco-umber:#645146;
    --deco-turbo:#ff0;
    --primary-bright:#fbfdff;
    --primary-light:#e9f3ff;
    --primary:#3a76ba;
    --primary-dim:#155297;
    --primary-dark:#00397a;
    --primary-inverse:#00397a;
    --positive-bright:#f9fff8;
    --positive-light:#deffd9;
    --positive:#337e28;
    --positive-dim:#0a4d00;
    --positive-dark:#062c00;
    --positive-inverse:#0a4d00;
    --negative-bright:#fffbfe;
    --negative-light:#ffebed;
    --negative:#dc3546;
    --negative-dim:#ba1324;
    --negative-dark:#9c0010;
    --negative-inverse:#ba1324;
    --cautionary-bright:#fffcf7;
    --cautionary-light:#ffefd2;
    --cautionary:#fac159;
    --cautionary-dim:#dfa63e;
    --cautionary-dark:#8b5a00;
    --cautionary-inverse:#472e00;
    --neutral-bright:#dde5e9;
    --neutral-light:#c1c9cd;
    --neutral:#a6aeb2;
    --neutral-dim:#8b9397;
    --neutral-dark:#71797d;
    --neutral-inverse:#2b3337;
    --text-bright:var(--white);
    --text-light:#596165;
    --text:#2b3337;
    --text-dim:#161e22;
    --text-dark:var(--black);
    --text-inverse:#dde5e9;
    --background-light:var(--white);
    --background:#fafdff;
    --background-dim:#ebf3f7;
    --background-dark:#dde5e9;
    --background-inverse:#2b3337;
    --link:var(--primary);
    --link-dim:var(--primary-dim);
    --link-dark:#00272b;
    --border-bright:var(--neutral-bright);
    --border-light:var(--neutral-light);
    --border:var(--neutral);
    --border-dim:var(--neutral-dim);
    --border-dark:var(--neutral-dark);
    --hover:#e9f3ff;
    --selected:#d4e8ff;
    --accent-1:#577210;
    --accent-2:#1b7c86;
    --accent-3:#673c76;
    --accent-dark:var(--black);
    --accent-bright:var(--white);
    --severe:#dc3546;
    --urgent:#dc3546;
    --code:#421751;
    --text-alpha-10:#2b33371a;
    --text-alpha-20:#2b333733;
    --text-alpha-40:#2b333766;
    --text-translucent:#2b333780;
    --text-inverse-alpha-10:#dde5e91a;
    --text-inverse-alpha-20:#dde5e933;
    --text-inverse-alpha-40:#dde5e966;
    --text-inverse-translucent:#dde5e980;
    --primary-alpha-10:#3a76ba1a;
    --primary-alpha-20:#3a76ba33;
    --primary-alpha-30:#3a76ba4d;
    --primary-translucent:#3a76ba80;
    --positive-translucent:#337e2880;
    --negative-translucent:#dc354680;
    --cautionary-translucent:#fac15980;
    --accent-1-alpha-10:#88a3411a;
    --accent-1-alpha-20:#88a34133;
    --accent-1-translucent:#88a34180;
    --negative-alpha-30:#ff86924d;
    --severe-alpha-30:#dc35464d;
    --neutral-translucent:#a6aeb280;
    --white-alpha-20:#fafdff33;
    --black:#000;
    --black-10:#0000001a;
    --white:#fff;
    --white-10:#ffffff1a;
    --white-20:#fff3;
    --white-translucent:#fffc;
    --shadow-2:#0003;
    --shadow-33:#00000054;
    --shadow-5:#00000080;
    --shadow-66:#000000a8;
    --animation-speed-slowest:.5s;
    --animation-speed-slow:.4s;
    --animation-speed:.3s;
    --animation-speed-fast:.2s;
    --animation-speed-fastest:.1s;
    --border-radius:3px;
    --border-radius-small:2px;
    --border-radius-large:4px;
    --border-radius-xlarge:8px;
    --border-radius-circle:50%;
    --breakpoint-small:(min-width: 576px);
    --breakpoint-medium:(min-width: 768px);
    --breakpoint-large:(min-width: 992px);
    --breakpoint-xlarge:(min-width: 1200px);
    --font-family:Roboto,“Arial”,sans-serif;
    --font-weight:400;
    --font-weight-bold:700;
    --font-size:.875rem;
    --font-size-small:.75rem;
    --font-size-h1:1.8125rem;
    --font-size-h2:1.625rem;
    --font-size-h3:1.4375rem;
    --font-size-h4:1.25rem;
    --font-size-h5:1.125rem;
    --font-size-h6:1rem;
    --line-height:1.25rem;
    --line-height-small:1.25rem;
    --line-height-h1:2.1875rem;
    --line-height-h2:2.0625rem;
    --line-height-h3:2rem;
    --line-height-h4:1.75rem;
    --line-height-h5:1.56rem;
    --line-height-h6:1.375rem;
    --shadow-20:0px 0px 1px 0px #161e220d,0px 1px 3px 0px #161e221a;
    --shadow-40:0px 0px 1px 0px #161e220d,0px 2px 4px 0px #161e221a;
    --shadow-60:0px 0px 1px 0px #161e220d,0px 4px 8px 0px #161e221a;
    --shadow-80:0px 0px 1px 0px #161e220d,0px 8px 16px 0px #161e221a;
    --shadow-100:0px 0px 1px 0px #161e220d,0px 16px 24px 0px #161e221a;
    --spacing-xsmall:.25rem;
    --spacing-small:.5rem;
    --spacing:1rem;
    --spacing-large:1.5rem;
    --spacing-xlarge:2rem;
    --spacing-2xlarge:3rem;
    --sidebar-width:320px;
    --sidebar-width-negative:-320px;
    --density-padding-xsmall:4px;
    --density-padding-small:8px;
    --density-padding:10px;
    --density-padding-large:12px;
    --density-padding-xlarge:16px;
    --width-33:33%;
    --width-66:66%;
    --width-50:50%;
    --width-25:25%;
    --width-75:75%;
    --width-20:20%;
    --width-40:40%;
    --width-60:60%;
    --width-80:80%;
    --width-side-panel:320px;
    --threshold-small:calc(576px*.9);
    --threshold-medium:calc(768px*.9);
    --threshold-large:calc(992px*.9);
    --threshold-xlarge:calc(1200px*.9);
    --divider-black:var(--black-10);
    --divider-white:var(--white-10);
  }
  :root [data-preferscontrast=yes], [data-theme=light] [data-preferscontrast=yes] {
    --primary-10:var(--accent-dark);
    --primary-20:var(--accent-dark);
    --primary-30:#001833;
    --primary-40:#00397a;
    --primary-45:#155297;
    --primary-50:#3a76ba;
    --primary-60:#4582c7;
    --primary-70:#619ee3;
    --primary-80:#7cb9fe;
    --primary-95:#d4e8ff;
    --primary-99:#e9f3ff;
    --accent-1-10:var(--accent-dark);
    --accent-1-20:#192300;
    --accent-1-30:#2c3d00;
    --accent-1-40:#415900;
    --accent-1-50:#577210;
    --accent-1-60:#6f8a28;
    --accent-1-70:#88a341;
    --accent-1-80:#a4bf5d;
    --accent-1-95:#dcf795;
    --accent-1-99:#ecffba;
    --accent-2-10:var(--accent-dark);
    --accent-2-20:#00272b;
    --accent-2-30:#00454c;
    --accent-2-40:#03646e;
    --accent-2-50:#1b7c86;
    --accent-2-60:#34959f;
    --accent-2-70:#4daeb8;
    --accent-2-80:#69cad4;
    --accent-2-95:#b6f8ff;
    --accent-2-99:#dcfcff;
    --accent-3-10:var(--accent-dark);
    --accent-3-20:#350a44;
    --accent-3-30:#421751;
    --accent-3-40:#552a64;
    --accent-3-50:#673c76;
    --accent-3-55:#7f548e;
    --accent-3-60:#90659f;
    --accent-3-70:#a57ab4;
    --accent-3-80:#c499d3;
    --accent-3-95:#f5d9ff;
    --accent-3-99:#faecff;
    --neutral-10:var(--accent-dark);
    --neutral-20:#161e22;
    --neutral-30:#2b3337;
    --neutral-40:#41494d;
    --neutral-50:#596165;
    --neutral-60:#71797d;
    --neutral-70:#8b9397;
    --neutral-80:#a6aeb2;
    --neutral-95:#dde5e9;
    --neutral-99:#ebf3f7;
    --positive-10:var(--accent-dark);
    --positive-20:#062c00;
    --positive-30:#0a4d00;
    --positive-40:#1c6711;
    --positive-50:#337e28;
    --positive-60:#4b9640;
    --positive-70:#66b15b;
    --positive-80:#81cc76;
    --positive-95:#bdffb3;
    --positive-99:#deffd9;
    --cautionary-10:var(--accent-dark);
    --cautionary-20:#291a00;
    --cautionary-30:#472e00;
    --cautionary-40:#684300;
    --cautionary-50:#8b5a00;
    --cautionary-60:#aa7109;
    --cautionary-70:#c58c24;
    --cautionary-80:#dfa63e;
    --cautionary-95:#ffe0a7;
    --cautionary-99:#ffefd2;
    --negative-10:var(--accent-dark);
    --negative-20:#590009;
    --negative-30:#9c0010;
    --negative-40:#ba1324;
    --negative-45:#d12a3b;
    --negative-60:#ff8692;
    --negative-70:#ff6070;
    --negative-80:#ff8692;
    --negative-95:#ffd6da;
    --negative-99:#ffebed;
    --primary-bright:#e9f3ff;
    --primary-light:#d4e8ff;
    --primary:#155297;
    --primary-dim:#00397a;
    --primary-dark:#001833;
    --primary-inverse:#001833;
    --positive-bright:#deffd9;
    --positive-light:#bdffb3;
    --positive:#1c6711;
    --positive-dim:#062c00;
    --positive-dark:var(--accent-dark);
    --positive-inverse:#062c00;
    --negative-bright:#ffebed;
    --negative-light:#ffd6da;
    --negative:#ba1324;
    --negative-dim:#9c0010;
    --negative-dark:#590009;
    --negative-inverse:#9c0010;
    --cautionary-bright:#ffefd2;
    --cautionary-light:#ffe0a7;
    --cautionary:#dfa63e;
    --cautionary-dim:#c58c24;
    --cautionary-dark:#aa7109;
    --cautionary-inverse:#291a00;
    --neutral-light:#a6aeb2;
    --neutral:#8b9397;
    --neutral-dim:#71797d;
    --neutral-dark:#596165;
    --neutral-inverse:#161e22;
    --text-light:#41494d;
    --text:#161e22;
    --text-dim:var(--accent-dark);
    --link:#2e6bb0;
    --link-dim:#00397a;
    --link-dark:var(--accent-dark);
    --border-bright:var(--neutral-bright);
    --border-light:var(--neutral-light);
    --border:var(--neutral);
    --border-dim:var(--neutral-dim);
    --border-dark:var(--neutral-dark);
    --hover:var(--accent-light);
    --accent-1:#415900;
    --accent-2:#03646e;
    --accent-3:#552a64;
    --severe:#d12a3b;
    --urgent:#d12a3b;
    --code:#350a44;
    --text-alpha-10:#161e221a;
    --text-alpha-20:#161e2233;
    --text-alpha-40:#161e2266;
    --text-translucent:#161e2280;
    --primary-alpha-10:#2e6bb01a;
    --primary-alpha-20:#2e6bb033;
    --primary-alpha-30:#2e6bb04d;
    --primary-translucent:#2e6bb080;
    --positive-translucent:#1c671180;
    --negative-translucent:#d12a3b80;
    --cautionary-translucent:#dfa63e80;
    --accent-1-alpha-10:#6f8a281a;
    --accent-1-alpha-20:#6f8a2833;
    --accent-1-translucent:#6f8a2880;
    --negative-alpha-30:#ff60704d;
    --severe-alpha-30:#d12a3b4d;
    --neutral-translucent:#8b939780;
    --white-alpha-20:#ebf3f733;
    --shadow-20:var(--accent-dark);
    --shadow-40:0px 0px 1px 0px #161e220d,0px 1px 3px 0px #161e221a;
    --shadow-60:0px 0px 1px 0px #161e220d,0px 2px 4px 0px #161e221a;
    --shadow-80:0px 0px 1px 0px #161e220d,0px 4px 8px 0px #161e221a;
    --shadow-100:0px 0px 1px 0px #161e220d,0px 8px 16px 0px #161e221a;
    --divider-black:var(--black);
    --divider-white:var(--white);
  }
  [data-theme=dark] {
    --primary-bright:#001833;
    --primary-light:#00397a;
    --primary:#a8d1ff;
    --primary-dim:#7cb9fe;
    --primary-dark:#619ee3;
    --primary-inverse:#e9f3ff;
    --positive-bright:#062c00;
    --positive-light:#0a4d00;
    --positive:#9ce791;
    --positive-dim:#81cc76;
    --positive-dark:#66b15b;
    --positive-inverse:#deffd9;
    --negative-bright:#590009;
    --negative-light:#9c0010;
    --negative:#ffadb5;
    --negative-dim:#ff8692;
    --negative-dark:#ff6070;
    --negative-inverse:#ffebed;
    --cautionary-bright:#472e00;
    --cautionary-light:#684300;
    --cautionary:#ffe0a7;
    --cautionary-dim:#fac159;
    --cautionary-dark:#dfa63e;
    --cautionary-inverse:#ffefd2;
    --neutral-bright:#2b3337;
    --neutral-light:#41494d;
    --neutral:#596165;
    --neutral-dim:#71797d;
    --neutral-dark:#8b9397;
    --neutral-inverse:#c1c9cd;
    --text-bright:var(--black);
    --text-light:#c1c9cd;
    --text:#dde5e9;
    --text-dim:#ebf3f7;
    --text-dark:var(--white);
    --text-inverse:#2b3337;
    --background-bright:var(--black);
    --background-light:#41494d;
    --background:#2b3337;
    --background-dim:#161e22;
    --background-dark:var(--black);
    --background-inverse:#c1c9cd;
    --link:var(--primary);
    --link-dim:var(--primary-dim);
    --link-dark:#4daeb8;
    --border-bright:var(--neutral-bright);
    --border-light:var(--neutral-light);
    --border:var(--neutral);
    --border-dim:var(--neutral-dim);
    --border-dark:var(--neutral-dark);
    --hover:#155297;
    --selected:#00397a;
    --accent-1:#a4bf5d;
    --accent-2:#69cad4;
    --accent-3:#c499d3;
    --accent-dark:var(--white);
    --accent-bright:var(--black);
    --severe:#dc3546;
    --code:#e1b6f0;
    --text-alpha-10:#fafdff1a;
    --text-alpha-20:#fafdff33;
    --text-alpha-40:#fafdff66;
    --text-translucent:#fafdff80;
    --text-inverse-alpha-10:#161e221a;
    --text-inverse-alpha-20:#161e2233;
    --text-inverse-alpha-40:#161e2266;
    --text-inverse-translucent:#161e2280;
    --primary-alpha-10:#a8d1ff1a;
    --primary-alpha-20:#a8d1ff33;
    --primary-alpha-30:#a8d1ff4d;
    --primary-translucent:#a8d1ff80;
    --positive-translucent:#9ce79180;
    --negative-translucent:#ffadb580;
    --cautionary-translucent:#fac15980;
    --accent-1-alpha-10:#6f8a281a;
    --accent-1-alpha-20:#6f8a2833;
    --accent-1-translucent:#6f8a2880;
    --neutral-translucent:#59616580;
    --negative-alpha-30:#ba13244d;
    --primary-dim-05:#7cb9fe0d;
    --primary-dim-08:#7cb9fe14;
    --primary-dim-11:#7cb9fe1c;
    --primary-dim-12:#7cb9fe1f;
    --primary-dim-14:#7cb9fe24;
    --shadow-20:0px 0px 1px 0px #000,0px 1px 3px 0px #000;
    --shadow-40:0px 0px 1px 0px #000,0px 2px 4px 0px #000;
    --shadow-60:0px 0px 1px 0px #000,0px 4px 8px 0px #000;
    --shadow-80:0px 0px 1px 0px #000,0px 8px 16px 0px #000;
    --shadow-100:0px 0px 1px 0px #000,0px 16px 24px 0px #000;
  }
  [data-theme=dark] [data-elevation="1"], [data-theme=dark] [data-elevation="2"], [data-theme=dark] [data-elevation="3"], [data-theme=dark] [data-elevation="4"], [data-theme=dark] [data-elevation="5"] {
    background-color: var(--background-light);
  }
  [data-theme=dark][data-preferscontrast=yes] {
    --primary-bright:#00397a;
    --primary-light:#155297;
    --primary:#d4e8ff;
    --primary-dim:#a8d1ff;
    --primary-dark:#7cb9fe;
    --primary-inverse:#fbfdff;
    --positive-bright:#0a4d00;
    --positive-light:#1c6711;
    --positive:#bdffb3;
    --positive-dim:#9ce791;
    --positive-dark:#81cc76;
    --positive-inverse:#f9fff8;
    --negative-bright:#9c0010;
    --negative-light:#ba1324;
    --negative:#ffd6da;
    --negative-dim:#ffadb5;
    --negative-dark:#ff8692;
    --negative-inverse:#fffbfe;
    --cautionary-bright:#684300;
    --cautionary-light:#8b5a00;
    --cautionary:#ffe0a7;
    --cautionary-dim:#fac159;
    --cautionary-dark:#dfa63e;
    --cautionary-inverse:#fffcf7;
    --neutral-bright:#41494d;
    --neutral-light:#596165;
    --neutral:#71797d;
    --neutral-dim:#8b9397;
    --neutral-dark:#a6aeb2;
    --neutral-inverse:#dde5e9;
    --text-bright:#161e22;
    --text-light:#dde5e9;
    --text:#ebf3f7;
    --text-dim:#fafdff;
    --text-inverse:#41494d;
    --link:#d4e8ff;
    --link-dim:#a8d1ff;
    --link-dark:#69cad4;
    --border-bright:#41494d;
    --border-light:#596165;
    --border:#71797d;
    --border-dim:#8b9397;
    --border-dark:#a6aeb2;
    --hover:#2e6bb0;
    --selected:#155297;
    --accent-1:#c0db79;
    --accent-2:#85e6f0;
    --accent-3:#e1b6f0;
    --accent-bright:#161e22;
    --severe:#ff8692;
    --code:#f5d9ff;
    --text-alpha-10:#fafdff1a;
    --text-alpha-20:#fafdff33;
    --text-alpha-40:#fafdff66;
    --text-translucent:#fafdff80;
    --text-inverse-alpha-10:#2b33371a;
    --text-inverse-alpha-20:#2b333733;
    --text-inverse-alpha-40:#2b333766;
    --text-inverse-translucent:#2b333780;
    --primary-alpha-10:#d4e8ff1a;
    --primary-alpha-20:#d4e8ff33;
    --primary-alpha-30:#d4e8ff4d;
    --primary-translucent:#d4e8ff80;
    --positive-translucent:#bdffb380;
    --negative-translucent:#ffd6da80;
    --cautionary-translucent:#ffe0a780;
    --accent-1-alpha-10:#88a3411a;
    --accent-1-alpha-20:#88a34133;
    --accent-1-translucent:#88a34180;
    --neutral-translucent:#71797d80;
    --negative-alpha-30:#d12a3b4d;
    --primary-dim-05:#a8d1ff0d;
    --primary-dim-08:#a8d1ff14;
    --primary-dim-11:#a8d1ff1c;
    --primary-dim-12:#a8d1ff1f;
    --primary-dim-14:#a8d1ff24;
    --shadow-20:0px 0px 1px 0px #000,0px 2px 4px 0px #000;
    --shadow-40:0px 0px 1px 0px #000,0px 4px 8px 0px #000;
    --shadow-60:0px 0px 1px 0px #000,0px 8px 16px 0px #000;
    --shadow-80:0px 0px 1px 0px #000,0px 16px 24px 0px #000;
    --shadow-100:var(--black);
  }
  @media (prefers-color-scheme: dark) {
    [data-theme=auto], [data-theme=system] {
      --primary-bright:#001833;
      --primary-light:#00397a;
      --primary:#a8d1ff;
      --primary-dim:#7cb9fe;
      --primary-dark:#619ee3;
      --primary-inverse:#e9f3ff;
      --positive-bright:#062c00;
      --positive-light:#0a4d00;
      --positive:#9ce791;
      --positive-dim:#81cc76;
      --positive-dark:#66b15b;
      --positive-inverse:#deffd9;
      --negative-bright:#590009;
      --negative-light:#9c0010;
      --negative:#ffadb5;
      --negative-dim:#ff8692;
      --negative-dark:#ff6070;
      --negative-inverse:#ffebed;
      --cautionary-bright:#472e00;
      --cautionary-light:#684300;
      --cautionary:#ffe0a7;
      --cautionary-dim:#fac159;
      --cautionary-dark:#dfa63e;
      --cautionary-inverse:#ffefd2;
      --neutral-bright:#2b3337;
      --neutral-light:#41494d;
      --neutral:#596165;
      --neutral-dim:#71797d;
      --neutral-dark:#8b9397;
      --neutral-inverse:#c1c9cd;
      --text-bright:var(--black);
      --text-light:#c1c9cd;
      --text:#dde5e9;
      --text-dim:#ebf3f7;
      --text-dark:var(--white);
      --text-inverse:#2b3337;
      --background-bright:var(--black);
      --background-light:#41494d;
      --background:#2b3337;
      --background-dim:#161e22;
      --background-dark:var(--black);
      --background-inverse:#c1c9cd;
      --link:var(--primary);
      --link-dim:var(--primary-dim);
      --link-dark:#4daeb8;
      --border-bright:var(--neutral-bright);
      --border-light:var(--neutral-light);
      --border:var(--neutral);
      --border-dim:var(--neutral-dim);
      --border-dark:var(--neutral-dark);
      --hover:#155297;
      --selected:#00397a;
      --accent-1:#a4bf5d;
      --accent-2:#69cad4;
      --accent-3:#c499d3;
      --accent-dark:var(--white);
      --accent-bright:var(--black);
      --severe:#dc3546;
      --code:#e1b6f0;
      --text-alpha-10:#fafdff1a;
      --text-alpha-20:#fafdff33;
      --text-alpha-40:#fafdff66;
      --text-translucent:#fafdff80;
      --text-inverse-alpha-10:#161e221a;
      --text-inverse-alpha-20:#161e2233;
      --text-inverse-alpha-40:#161e2266;
      --text-inverse-translucent:#161e2280;
      --primary-alpha-10:#a8d1ff1a;
      --primary-alpha-20:#a8d1ff33;
      --primary-alpha-30:#a8d1ff4d;
      --primary-translucent:#a8d1ff80;
      --positive-translucent:#9ce79180;
      --negative-translucent:#ffadb580;
      --cautionary-translucent:#fac15980;
      --accent-1-alpha-10:#6f8a281a;
      --accent-1-alpha-20:#6f8a2833;
      --accent-1-translucent:#6f8a2880;
      --neutral-translucent:#59616580;
      --negative-alpha-30:#ba13244d;
      --primary-dim-05:#7cb9fe0d;
      --primary-dim-08:#7cb9fe14;
      --primary-dim-11:#7cb9fe1c;
      --primary-dim-12:#7cb9fe1f;
      --primary-dim-14:#7cb9fe24;
      --shadow-20:0px 0px 1px 0px #000,0px 1px 3px 0px #000;
      --shadow-40:0px 0px 1px 0px #000,0px 2px 4px 0px #000;
      --shadow-60:0px 0px 1px 0px #000,0px 4px 8px 0px #000;
      --shadow-80:0px 0px 1px 0px #000,0px 8px 16px 0px #000;
      --shadow-100:0px 0px 1px 0px #000,0px 16px 24px 0px #000;
    }
    [data-theme=auto] [data-elevation="1"], [data-theme=auto] [data-elevation="2"], [data-theme=auto] [data-elevation="3"], [data-theme=auto] [data-elevation="4"], [data-theme=auto] [data-elevation="5"], [data-theme=system] [data-elevation="1"], [data-theme=system] [data-elevation="2"], [data-theme=system] [data-elevation="3"], [data-theme=system] [data-elevation="4"], [data-theme=system] [data-elevation="5"] {
      background-color: var(--background-light);
    }
    [data-theme=auto][data-preferscontrast=yes], [data-theme=system][data-preferscontrast=yes] {
      --primary-bright:#00397a;
      --primary-light:#155297;
      --primary:#d4e8ff;
      --primary-dim:#a8d1ff;
      --primary-dark:#7cb9fe;
      --primary-inverse:#fbfdff;
      --positive-bright:#0a4d00;
      --positive-light:#1c6711;
      --positive:#bdffb3;
      --positive-dim:#9ce791;
      --positive-dark:#81cc76;
      --positive-inverse:#f9fff8;
      --negative-bright:#9c0010;
      --negative-light:#ba1324;
      --negative:#ffd6da;
      --negative-dim:#ffadb5;
      --negative-dark:#ff8692;
      --negative-inverse:#fffbfe;
      --cautionary-bright:#684300;
      --cautionary-light:#8b5a00;
      --cautionary:#ffe0a7;
      --cautionary-dim:#fac159;
      --cautionary-dark:#dfa63e;
      --cautionary-inverse:#fffcf7;
      --neutral-bright:#41494d;
      --neutral-light:#596165;
      --neutral:#71797d;
      --neutral-dim:#8b9397;
      --neutral-dark:#a6aeb2;
      --neutral-inverse:#dde5e9;
      --text-bright:#161e22;
      --text-light:#dde5e9;
      --text:#ebf3f7;
      --text-dim:#fafdff;
      --text-inverse:#41494d;
      --link:#d4e8ff;
      --link-dim:#a8d1ff;
      --link-dark:#69cad4;
      --border-bright:#41494d;
      --border-light:#596165;
      --border:#71797d;
      --border-dim:#8b9397;
      --border-dark:#a6aeb2;
      --hover:#2e6bb0;
      --selected:#155297;
      --accent-1:#c0db79;
      --accent-2:#85e6f0;
      --accent-3:#e1b6f0;
      --accent-bright:#161e22;
      --severe:#ff8692;
      --code:#f5d9ff;
      --text-alpha-10:#fafdff1a;
      --text-alpha-20:#fafdff33;
      --text-alpha-40:#fafdff66;
      --text-translucent:#fafdff80;
      --text-inverse-alpha-10:#2b33371a;
      --text-inverse-alpha-20:#2b333733;
      --text-inverse-alpha-40:#2b333766;
      --text-inverse-translucent:#2b333780;
      --primary-alpha-10:#d4e8ff1a;
      --primary-alpha-20:#d4e8ff33;
      --primary-alpha-30:#d4e8ff4d;
      --primary-translucent:#d4e8ff80;
      --positive-translucent:#bdffb380;
      --negative-translucent:#ffd6da80;
      --cautionary-translucent:#ffe0a780;
      --accent-1-alpha-10:#88a3411a;
      --accent-1-alpha-20:#88a34133;
      --accent-1-translucent:#88a34180;
      --neutral-translucent:#71797d80;
      --negative-alpha-30:#d12a3b4d;
      --primary-dim-05:#a8d1ff0d;
      --primary-dim-08:#a8d1ff14;
      --primary-dim-11:#a8d1ff1c;
      --primary-dim-12:#a8d1ff1f;
      --primary-dim-14:#a8d1ff24;
      --shadow-20:0px 0px 1px 0px #000,0px 2px 4px 0px #000;
      --shadow-40:0px 0px 1px 0px #000,0px 4px 8px 0px #000;
      --shadow-60:0px 0px 1px 0px #000,0px 8px 16px 0px #000;
      --shadow-80:0px 0px 1px 0px #000,0px 16px 24px 0px #000;
      --shadow-100:var(--black);
    }
  }
  [data-density=xsmall] {
    --density-padding-xsmall:0px;
    --density-padding-small:1px;
    --density-padding:2px;
    --density-padding-large:4px;
    --density-padding-xlarge:6px;
    --line-height:1.25rem;
  }
  [data-density=small] {
    --density-padding-xsmall:2px;
    --density-padding-small:4px;
    --density-padding:6px;
    --density-padding-large:8px;
    --density-padding-xlarge:10px;
    --line-height:1.25rem;
  }
  [data-density=large] {
    --density-padding-xsmall:8px;
    --density-padding-small:10px;
    --density-padding:14px;
    --density-padding-large:16px;
    --density-padding-xlarge:20px;
    --line-height:1.25rem;
  }
  [data-density=xlarge] {
    --density-padding-xsmall:12px;
    --density-padding-small:16px;
    --density-padding:18px;
    --density-padding-large:20px;
    --density-padding-xlarge:24px;
    --line-height:1.25rem;
  }
  [data-fontsize=small] {
    --font-size:calc(.875rem*.86);
    --font-size-small:calc(.75rem*.86);
    --font-size-h1:calc(1.8125rem*.86);
    --font-size-h2:calc(1.625rem*.86);
    --font-size-h3:calc(1.4375rem*.86);
    --font-size-h4:calc(1.25rem*.86);
    --font-size-h5:calc(1.125rem*.86);
    --font-size-h6:calc(1rem*.86);
  }
  [data-fontsize=large] {
    --font-size:calc(.875rem*1.15);
    --font-size-small:calc(.75rem*1.15);
    --font-size-h1:calc(1.8125rem*1.15);
    --font-size-h2:calc(1.625rem*1.15);
    --font-size-h3:calc(1.4375rem*1.15);
    --font-size-h4:calc(1.25rem*1.15);
    --font-size-h5:calc(1.125rem*1.15);
    --font-size-h6:calc(1rem*1.15);
  }
  [data-fontsize=xlarge] {
    --font-size:calc(.875rem*1.29);
    --font-size-small:calc(.75rem*1.29);
    --font-size-h1:calc(1.8125rem*1.29);
    --font-size-h2:calc(1.625rem*1.29);
    --font-size-h3:calc(1.4375rem*1.29);
    --font-size-h4:calc(1.25rem*1.29);
    --font-size-h5:calc(1.125rem*1.29);
    --font-size-h6:calc(1rem*1.29);
  }
  [data-palette=optum][data-theme=light] {
    --brand:#fb6032;
    --primary-bright:#eaf9fb;
    --primary-light:#eaf9fb;
    --primary:#131e69;
    --primary-dim:#0e184f;
    --primary-dark:#0a1542;
    --primary-inverse:#0a1542;
    --positive-bright:#ecf5ed;
    --positive-light:#ecf5ed;
    --positive:#006511;
    --positive-dim:#00590f;
    --positive-dark:#004d0d;
    --positive-inverse:#ecf5ed;
    --negative-bright:#fbeeee;
    --negative-light:#fbeeee;
    --negative:#ba1f15;
    --negative-dim:#a61b13;
    --negative-dark:#8c1710;
    --negative-inverse:#fbeeee;
    --cautionary-bright:#fdf9e8;
    --cautionary-light:#fdf9e8;
    --cautionary:#f0b329;
    --cautionary-dim:#b2861f;
    --cautionary-dark:#755814;
    --cautionary-inverse:#fdf9e8;
    --neutral-bright:#e1e1e2;
    --neutral-light:#c4c5c6;
    --neutral:#424445;
    --neutral-dim:#2c2d2e;
    --neutral-dark:#181819;
    --neutral-inverse:#181819;
    --text-bright:#fff;
    --text-light:#626465;
    --text:#2c2d2e;
    --text-dim:#181819;
    --text-dark:#181819;
    --text-inverse:#f1f1f1;
    --link:#2246ac;
    --link-dim:#0e184f;
    --link-dark:#0a1542;
    --background-light:#fff;
    --background:#f9f7f0;
    --background-dim:#e8e5dd;
    --background-dark:#c4c5c6;
    --background-inverse:#2c2d2e;
    --border-bright:#e1e1e2;
    --border-light:#c4c5c6;
    --border:#424445;
    --border-dim:#2c2d2e;
    --border-dark:#181819;
    --accent-1:#1f9b8b;
    --accent-2:#be2c7b;
    --accent-3:#7854b1;
    --hover:#eaf9fb;
    --selected:#d5f4f9;
    --accent-dark:var(--black);
    --accent-bright:var(--white);
    --urgent:#a61b13;
    --code:#1c344d;
    --font-family:Enterprise Sans,“Arial”,sans-serif;
    --border-radius:8px;
    --border-radius-small:4px;
    --border-radius-large:8px;
    --border-radius-xlarge:8px;
  }
  [data-palette=optum][data-theme=dark] {
    --brand:#fb6032;
    --primary-bright:#1c344d;
    --primary-light:#1c344d;
    --primary:#bddeff;
    --primary-dim:#91c8ff;
    --primary-dark:#5eaeff;
    --primary-inverse:#5eaeff;
    --positive-bright:#00590f;
    --positive-light:#006511;
    --positive:#61d661;
    --positive-dim:#61d661;
    --positive-dark:#61d661;
    --positive-inverse:#ecf5ed;
    --negative-bright:#8c1710;
    --negative-light:#a61b13;
    --negative:#ff2e2e;
    --negative-dim:#ff2e2e;
    --negative-dark:#ff2e2e;
    --negative-inverse:#fbeeee;
    --cautionary-bright:#755814;
    --cautionary-light:#b2861f;
    --cautionary:#fff84f;
    --cautionary-dim:#fff84f;
    --cautionary-dark:#fff84f;
    --cautionary-inverse:#fdf9e8;
    --neutral-bright:#181819;
    --neutral-light:#c4c5c6;
    --neutral:#e1e1e2;
    --neutral-dim:#f1f1f1;
    --neutral-dark:#fff;
    --neutral-inverse:#424445;
    --text-bright:#181819;
    --text-light:#c4c5c6;
    --text:#e1e1e2;
    --text-dim:#f1f1f1;
    --text-dark:#fff;
    --text-inverse:#424445;
    --link:#bddeff;
    --link-dim:#91c8ff;
    --link-dark:#5eaeff;
    --background-light:#424445;
    --background:#2c2d2e;
    --background-dim:#181819;
    --background-dark:var(--black);
    --background-inverse:#f9f9f9;
    --border-bright:#181819;
    --border-light:#2c2d2e;
    --border:#424445;
    --border-dim:#626465;
    --border-dark:#c4c5c6;
    --accent-1:#1f9b8b;
    --accent-2:#be2c7b;
    --accent-3:#7854b1;
    --hover:#1c344d;
    --selected:#264666;
    --accent-dark:var(--white);
    --accent-bright:var(--black);
    --urgent:#ff2e2e;
    --code:#f9f7f0;
    --font-family:Enterprise Sans,“Arial”,sans-serif;
    --border-radius:8px;
    --border-radius-small:4px;
    --border-radius-large:8px;
    --border-radius-xlarge:8px;
  }
  [data-palette=optum][data-theme=auto], [data-palette=optum][data-theme=system] {
    --brand:#fb6032;
    --primary-bright:#eaf9fb;
    --primary-light:#eaf9fb;
    --primary:#131e69;
    --primary-dim:#0e184f;
    --primary-dark:#0a1542;
    --primary-inverse:#0a1542;
    --positive-bright:#ecf5ed;
    --positive-light:#ecf5ed;
    --positive:#006511;
    --positive-dim:#00590f;
    --positive-dark:#004d0d;
    --positive-inverse:#ecf5ed;
    --negative-bright:#fbeeee;
    --negative-light:#fbeeee;
    --negative:#ba1f15;
    --negative-dim:#a61b13;
    --negative-dark:#8c1710;
    --negative-inverse:#fbeeee;
    --cautionary-bright:#fdf9e8;
    --cautionary-light:#fdf9e8;
    --cautionary:#f0b329;
    --cautionary-dim:#b2861f;
    --cautionary-dark:#755814;
    --cautionary-inverse:#fdf9e8;
    --neutral-bright:#e1e1e2;
    --neutral-light:#c4c5c6;
    --neutral:#424445;
    --neutral-dim:#2c2d2e;
    --neutral-dark:#181819;
    --neutral-inverse:#181819;
    --text-bright:#fff;
    --text-light:#626465;
    --text:#2c2d2e;
    --text-dim:#181819;
    --text-dark:#181819;
    --text-inverse:#f1f1f1;
    --link:#2246ac;
    --link-dim:#0e184f;
    --link-dark:#0a1542;
    --background-light:#fff;
    --background:#f9f7f0;
    --background-dim:#e8e5dd;
    --background-dark:#c4c5c6;
    --background-inverse:#2c2d2e;
    --border-bright:#e1e1e2;
    --border-light:#c4c5c6;
    --border:#424445;
    --border-dim:#2c2d2e;
    --border-dark:#181819;
    --accent-1:#1f9b8b;
    --accent-2:#be2c7b;
    --accent-3:#7854b1;
    --hover:#eaf9fb;
    --selected:#d5f4f9;
    --accent-dark:var(--black);
    --accent-bright:var(--white);
    --urgent:#a61b13;
    --code:#1c344d;
    --font-family:Enterprise Sans,“Arial”,sans-serif;
    --border-radius:8px;
    --border-radius-small:4px;
    --border-radius-large:8px;
    --border-radius-xlarge:8px;
  }
  @media (prefers-color-scheme: dark) {
    [data-palette=optum][data-theme=auto], [data-palette=optum][data-theme=system] {
      --brand:#fb6032;
      --primary-bright:#1c344d;
      --primary-light:#1c344d;
      --primary:#bddeff;
      --primary-dim:#91c8ff;
      --primary-dark:#5eaeff;
      --primary-inverse:#5eaeff;
      --positive-bright:#00590f;
      --positive-light:#006511;
      --positive:#61d661;
      --positive-dim:#61d661;
      --positive-dark:#61d661;
      --positive-inverse:#ecf5ed;
      --negative-bright:#8c1710;
      --negative-light:#a61b13;
      --negative:#ff2e2e;
      --negative-dim:#ff2e2e;
      --negative-dark:#ff2e2e;
      --negative-inverse:#fbeeee;
      --cautionary-bright:#755814;
      --cautionary-light:#b2861f;
      --cautionary:#fff84f;
      --cautionary-dim:#fff84f;
      --cautionary-dark:#fff84f;
      --cautionary-inverse:#fdf9e8;
      --neutral-bright:#181819;
      --neutral-light:#c4c5c6;
      --neutral:#e1e1e2;
      --neutral-dim:#f1f1f1;
      --neutral-dark:#fff;
      --neutral-inverse:#424445;
      --text-bright:#181819;
      --text-light:#c4c5c6;
      --text:#e1e1e2;
      --text-dim:#f1f1f1;
      --text-dark:#fff;
      --text-inverse:#424445;
      --link:#bddeff;
      --link-dim:#91c8ff;
      --link-dark:#5eaeff;
      --background-light:#424445;
      --background:#2c2d2e;
      --background-dim:#181819;
      --background-dark:var(--black);
      --background-inverse:#f9f9f9;
      --border-bright:#181819;
      --border-light:#2c2d2e;
      --border:#424445;
      --border-dim:#626465;
      --border-dark:#c4c5c6;
      --accent-1:#1f9b8b;
      --accent-2:#be2c7b;
      --accent-3:#7854b1;
      --hover:#1c344d;
      --selected:#264666;
      --accent-dark:var(--white);
      --accent-bright:var(--black);
      --urgent:#ff2e2e;
      --code:#f9f7f0;
      --font-family:Enterprise Sans,“Arial”,sans-serif;
      --border-radius:8px;
      --border-radius-small:4px;
      --border-radius-large:8px;
      --border-radius-xlarge:8px;
    }
  }
}
@layer base {
  [data-elevation="1"] {
    box-shadow: var(--shadow-20, 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2));
  }
  [data-elevation="2"] {
    box-shadow: var(--shadow-40, 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2));
  }
  [data-elevation="3"] {
    box-shadow: var(--shadow-60, 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2));
  }
  [data-elevation="4"] {
    box-shadow: var(--shadow-80, 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2));
  }
  [data-elevation="5"] {
    box-shadow: var(--shadow-100, 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2));
  }
  kbd {
    border: 1px solid var(--border-dark);
    border-radius: var(--border-radius);
    color: var(--text);
    font-family: var(--font-mono);
    font-size: var(--font-size-small);
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0.2em var(--spacing-xsmall);
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
  }
  .rich-text-italic {
    font-style: italic;
  }
  .rich-text-span span {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
  }
  hr.divider-black {
    border-color: var(--divider-black);
    border-style: solid;
    border-width: 1px 0 0;
  }
  hr.divider-white {
    border-color: var(--divider-white);
    border-style: solid;
    border-width: 1px 0 0;
  }
  .striped > :nth-child(2n) {
    background-color: var(--background);
    border-bottom: 1px solid var(--border-bright);
  }
  .striped > :nth-child(odd) {
    background-color: var(--background-light);
    border-bottom: 1px solid var(--border-bright);
  }
  .container {
    padding-block: 2rem;
    padding-inline: clamp(1rem, 3.8462vw - 0.3846rem, 2rem);
  }
  .no-pad {
    padding: 0 !important;
  }
  .no-pad-x {
    padding-inline: 0 !important;
  }
  .no-pad-y {
    padding-block: 0 !important;
  }
  .no-margin {
    margin: 0 !important;
  }
  .no-margin-x {
    margin-inline: 0 !important;
  }
  .no-margin-y {
    margin-block: 0 !important;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .truncate-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: clip;
  }
  html, body {
    font-family: var(--font-family);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
  }
  html {
    box-sizing: border-box;
  }
  *, :after, :before {
    box-sizing: inherit;
  }
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    :before, :after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
  h1, h2, h3, h4, h5, h6, p {
    margin: 0;
  }
  h1 {
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h1);
    margin-bottom: 1.25rem;
  }
  h2 {
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h2);
    margin-bottom: 0.9375rem;
  }
  h3 {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h3);
    margin-bottom: 0.9375rem;
  }
  h4 {
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h4);
    margin-bottom: 0.9375rem;
  }
  h5 {
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h5);
    margin-bottom: 0.9375rem;
  }
  h6 {
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h6);
    margin-bottom: 0.9375rem;
  }
  span {
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
  }
  p {
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    margin-bottom: 0.9375rem;
  }
  ol, ul {
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    margin: 0 0 0.9375rem;
    padding: 0 0 0 1.875rem;
    line-height: 1.3125rem;
  }
  ol li, ul li {
    margin-bottom: 0.5rem;
  }
  ul {
    list-style-type: disc;
  }
  li > ul {
    margin: 0;
    list-style-type: circle;
  }
  blockquote {
    border-left: 0.25rem solid var(--accent-1);
    color: var(--accent-1);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    margin-block-start: 0;
    margin-inline-start: 1rem;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
  }
  a {
    color: var(--link);
    text-decoration: none;
  }
  a:hover, a:focus {
    color: var(--link-hover);
    cursor: pointer;
    text-decoration: underline;
  }
  .uppercase {
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .numeric, .monospace {
    font-variant-numeric: tabular-nums;
    font-family: Roboto Mono, monospace;
  }
  body {
    background-color: var(--background);
    color: var(--text, #333);
  }
  ::backdrop {
    --shadow-66:#000000a8;
  }
  ::placeholder {
    color: var(--text-translucent, #aaa);
  }
}
@layer components,utilities,app;

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