@charset "UTF-8";
/* ../Grid/lib/Grid/column/SparklineColumn.css */
.b-sparkline-cell .b-chart {
  background: transparent;
}

/* ../Grid/lib/Grid/feature/CellEdit.css */
.b-cell-editor {
  --b-widget-floating-box-shadow: none;
}
.b-cell-editor .b-field {
  border-radius: 0;
  background: var(--b-grid-cell-applied-background);
  --b-text-field-input-padding: var(--b-grid-cell-padding-block) var(--b-grid-cell-padding-inline);
}
.b-grid-cell.b-editing {
  color: transparent;
}
.b-grid-cell.b-editing:not(.b-tree-cell) > :not(.b-editor),
.b-grid-cell.b-editing.b-tree-cell > .b-tree-cell-value {
  visibility: hidden;
}

/* ../Grid/lib/Grid/feature/Charts.css */
.b-chart-designer-popup > .b-popup-body-wrap > .b-popup-content {
  padding-top: 0;
}

/* ../Grid/lib/Grid/feature/ColumnDragToolbar.css */
:root,
:host {
  --b-column-drag-toolbar-border-radius: var(--b-popup-border-radius);
  --b-column-drag-toolbar-opacity: .6;
  --b-column-drag-toolbar-hover-opacity: .9;
  --b-column-drag-toolbar-button-border-width: 0;
  --b-column-drag-toolbar-box-shadow: var(--b-widget-floating-box-shadow);
  --b-column-drag-toolbar-disabled-icon-color: var(--b-neutral-85);
  --b-column-drag-toolbar-button-box-shadow: none;
  --b-column-drag-toolbar-button-hover-box-shadow: none;
  --b-column-drag-toolbar-button-color: var(--b-neutral-20);
  --b-column-drag-toolbar-button-background: transparent;
  --b-column-drag-toolbar-title-color: var(--b-neutral-20);
}
.b-bryntum {
  --b-column-drag-toolbar-background: var(--b-panel-background);
  --b-column-drag-toolbar-icon-color: var(--b-primary-60);
  --b-column-drag-toolbar-default-hover-icon-color: var(--b-primary-60);
  --b-column-drag-toolbar-default-hover-background: var(--b-primary-95);
  --b-column-drag-toolbar-default-hover-color: var(--b-primary-60);
  --b-column-drag-toolbar-button-border-color: var(--b-primary-40);
}
.b-column-drag-toolbar {
  position: absolute;
  top: calc(100% - 3em);
  left: 50%;
  z-index: 100;
  animation-name: b-anim-show-column-drag-toolbar;
  animation-duration: 0.2s;
  translate: -50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, top 0.2s;
  padding: 1em 1em 0.5em 1em;
  font-size: .8em;
  border: var(--b-popup-border);
  border-radius: var(--b-column-drag-toolbar-border-radius);
  background: var(--b-column-drag-toolbar-background);
  box-shadow: var(--b-column-drag-toolbar-box-shadow);
  opacity: var(--b-column-drag-toolbar-opacity);
}
.b-column-drag-toolbar.b-closer {
  top: 50%;
  translate: -50% -50%;
}
.b-column-drag-toolbar.b-hover {
  --b-column-drag-toolbar-opacity: var(--b-column-drag-toolbar-hover-opacity);
}
.b-column-drag-toolbar.b-remove {
  animation-name: b-anim-hide-column-drag-toolbar;
  animation-duration: 0.2s;
  top: 100%;
  --b-column-drag-toolbar-opacity: 0;
}
.b-column-drag-toolbar.b-remove.b-closer {
  animation-name: b-anim-hide-column-drag-toolbar-closer;
}
.b-column-drag-toolbar > .b-title {
  flex-basis: 100%;
  margin-bottom: 1em;
  text-align: center;
  color: var(--b-column-drag-toolbar-title-color);
}
.b-column-drag-toolbar > .b-title:before {
  content: "Drag header downwards";
}
.b-column-drag-toolbar.b-closer > .b-title:before {
  content: "Drop header on a button";
}
.b-column-drag-toolbar .b-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-inline-end: 1.5em;
}
.b-column-drag-toolbar .b-group:last-child {
  margin-inline-end: 0;
}
.b-column-drag-toolbar .b-group .b-title {
  margin-block: .5em;
  color: var(--b-column-drag-toolbar-title-color);
}
.b-column-drag-toolbar .b-buttons {
  display: inline-flex;
  flex-direction: row;
}
.b-column-drag-toolbar .b-target-button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  transition: all .2s;
  padding: 1em 0;
  width: 7.5em;
  margin-inline-end: .5em;
  color: var(--b-column-drag-toolbar-button-color);
  border: var(--b-column-drag-toolbar-button-border-width) solid var(--b-column-drag-toolbar-button-border-color);
  border-radius: var(--b-column-drag-toolbar-border-radius);
  background: var(--b-column-drag-toolbar-button-background);
  box-shadow: var(--b-column-drag-toolbar-button-box-shadow);
}
.b-column-drag-toolbar .b-target-button:last-child {
  margin-inline-end: 0;
}
.b-column-drag-toolbar .b-target-button i {
  font-size: 2.5em;
  pointer-events: none;
  transition: all .2s;
  color: var(--b-column-drag-toolbar-icon-color);
}
.b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) {
  --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-default-hover-icon-color);
  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-default-hover-color);
  --b-column-drag-toolbar-button-background: var(--b-column-drag-toolbar-default-hover-background);
  --b-column-drag-toolbar-button-box-shadow: var(--b-column-drag-toolbar-button-hover-box-shadow);
}
.b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) i {
  scale: 1.1;
}
.b-column-drag-toolbar .b-target-button.b-activate i {
  scale: 1.1;
  rotate: 180deg;
}
.b-column-drag-toolbar .b-target-button[data-ref^=group] {
  --b-primary: var(--b-secondary);
}
.b-column-drag-toolbar .b-target-button[data-disabled=true] {
  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-disabled-icon-color);
  --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-disabled-icon-color);
}
@keyframes b-anim-show-column-drag-toolbar {
  from {
    top: 100%;
    opacity: 0;
  }
  to {
    top: calc(100% - 3em);
    opacity: .4;
  }
}
@keyframes b-anim-hide-column-drag-toolbar {
  from {
    top: calc(100% - 3em);
    opacity: .4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
@keyframes b-anim-hide-column-drag-toolbar-closer {
  from {
    top: 50%;
    opacity: .4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}

/* ../Grid/lib/Grid/feature/ColumnRename.css */
.b-column-rename-editor {
  --b-editor-background: var(--b-grid-header-background);
  --b-text-field-font-weight: var(--b-grid-header-font-weight);
}

/* ../Grid/lib/Grid/feature/ColumnReorder.css */
:root,
:host {
  --b-column-reorder-invalid-color: var(--b-color-red);
}
.b-grid-header.b-drag-proxy {
  line-height: normal;
  transition: background-color 0.3s;
  border-inline-end: none;
  font-weight: var(--b-grid-header-font-weight);
  background-color: var(--b-grid-header-background);
  outline: 1px solid var(--b-grid-header-border-color);
}
.b-grid-header.b-drag-proxy.b-grid-header-parent {
  justify-content: stretch;
}
.b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text {
  border-inline-end: none;
}
.b-grid-header.b-drag-proxy .b-grid-header:last-child {
  border-inline-end: none;
}
.b-grid-header.b-drop-placeholder {
  opacity: .3;
}
.b-grid-header.b-drag-invalid {
  --b-grid-header-color: var(--b-column-reorder-invalid-color);
  outline: 1px solid var(--b-column-reorder-invalid-color);
}

/* ../Grid/lib/Grid/feature/ColumnResize.css */
:root,
:host {
  --b-column-resize-handle-width: 1em;
  --b-column-resize-touch-handle-width: 1.5em;
  --b-column-resize-header-resizing-background: var(--b-grid-header-hover-background);
  --b-column-resize-touch-resizing-icon: "\f07e";
}
.b-column-resize .b-grid-header-parent {
  overflow: visible;
}
.b-column-resize .b-grid-header-resizable:not(.b-last-leaf) {
  overflow: visible;
}
.b-column-resize .b-grid-header-resizable .b-grid-header-resize-handle {
  position: absolute;
  inset-block: 0;
  background: transparent;
  z-index: 3;
  cursor: col-resize;
  display: block;
  inset-inline-end: calc(-1 * var(--b-column-resize-handle-width) / 2);
  width: var(--b-column-resize-handle-width);
}
.b-column-resize.b-touch {
  --b-column-resize-handle-width: var(--b-column-resize-touch-handle-width);
}
.b-column-resize.b-touch .b-grid-header.b-resizing {
  overflow: visible;
  z-index: 100;
}
.b-column-resize.b-touch .b-grid-header.b-resizing::before {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  translate: calc(50% * var(--b-rtl-negate)) -50%;
  border-radius: 50%;
  padding: 1em;
  z-index: 1;
  background: var(--b-neutral-90);
  content: var(--b-column-resize-touch-resizing-icon);
  font-family: var(--b-widget-icon-font-family);
}
.b-grid-header.b-resizing {
  --b-grid-header-background: var(--b-column-resize-header-resizing-background);
}

/* ../Grid/lib/Grid/feature/FillHandle.css */
:root,
:host {
  --b-fill-handle-handle-size: .8em;
}
.b-fill-handle-handle {
  translate: -50% -50%;
  position: absolute;
  cursor: crosshair;
  z-index: 200;
  background-clip: content-box;
  user-select: none;
  -webkit-user-select: none;
  background: var(--b-grid-cell-focused-outline-color);
  border: 1px solid var(--b-grid-cell-background);
  width: var(--b-fill-handle-handle-size);
  height: var(--b-fill-handle-handle-size);
}
.b-fill-handle-handle-right-edge {
  border-right: 0;
  translate: -100% -50%;
  width: 0.5em;
}
.b-fill-selection-border {
  position: absolute;
  border-radius: .1em;
  pointer-events: none;
  z-index: 2;
  user-select: none;
  -webkit-user-select: none;
  border: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
}
.b-indicate-crop {
  opacity: 0.4;
}
.b-rtl .b-fill-handle-handle {
  translate: 50% -50%;
}
.b-rtl .b-fill-handle-handle.b-fill-handle-handle-left-edge {
  border-right: 0;
  translate: 100% -50%;
  width: 0.5em;
}

/* ../Grid/lib/Grid/feature/Filter.css */
:root,
:host {
  --b-grid-filter-icon: "\f0b0";
  --b-grid-header-filtered-font-weight: var(--b-grid-header-font-weight);
  --b-grid-header-filtered-color: var(--b-grid-header-color);
  --bi-grid-filter-icon-opacity: 0;
  --bi-grid-filter-icon-active-opacity: 0.5;
  --bi-grid-filter-icon-size: 0;
  --bi-grid-filter-icon-margin-inline-start: 0;
}
.b-filter-icon {
  cursor: pointer;
  transition-property: opacity, font-size;
  font-size: var(--bi-grid-filter-icon-size);
  opacity: var(--bi-grid-filter-icon-opacity);
  margin-inline-start: var(--bi-grid-filter-icon-margin-inline-start);
  transition-duration: var(--b-grid-header-icon-transition-duration);
}
.b-filter-icon::before {
  content: var(--b-grid-filter-icon);
  font-family: var(--b-widget-icon-font-family);
}
.b-filter-icon:hover {
  --bi-grid-filter-icon-opacity: 1;
}
.b-grid-header.b-filter {
  --b-grid-header-font-weight: var(--b-grid-header-filtered-font-weight);
  --b-grid-header-color: var(--b-grid-header-filtered-color);
}
.b-grid-header.b-filter,
.b-grid-base:not(.b-column-resizing) .b-grid-header-container:not(.b-dragging-header) .b-grid-header.b-filterable:hover {
  --bi-grid-filter-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-active-opacity);
  --bi-grid-filter-icon-margin-inline-start: var(--b-grid-header-gap);
}
.b-grid-base:not(.b-filter, .b-multifilter) .b-filter-icon {
  pointer-events: none;
  --bi-grid-filter-icon-opacity: 0.2;
}
.b-filter-popup-legacy-mode .b-field {
  width: 16em;
}
.b-filter-popup .b-field-filter-picker-group {
  width: 34em;
}
.b-filter-popup .b-field-filter-picker-operator {
  grid-column: 1;
}
.b-filter-popup .b-field-filter-picker-values {
  grid-column: 2;
}
.b-filter-popup .b-field-filter-picker-values-multiple {
  grid-column: 1;
}
.b-filter-popup .b-field-filter-picker-property {
  display: none;
}

/* ../Grid/lib/Grid/feature/FilterBar.css */
.b-filter-bar-field {
  margin: 0 0 var(--b-grid-header-padding) 0;
  width: 100%;
  --b-field-trigger-color: var(--b-grid-header-icon-color);
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled {
  flex-direction: row;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text {
  order: 1;
  min-height: 3.5em;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-sort-icon {
  margin-inline-start: 0;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text-content {
  display: none;
}
:is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) .b-field {
  order: 100000;
}
:is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) input {
  text-align: end;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-center input {
  text-align: center;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end .b-field {
  order: 100000;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end input {
  text-align: end;
}
.b-filter-bar-compact .b-filter-bar-field {
  margin: 0;
  height: 100%;
  flex: 1;
  --b-text-field-input-padding: 0;
  --b-text-field-border-width: 0;
  --b-combo-chip-view-padding-top: 0;
  --b-combo-chip-view-padding: 0;
  --b-text-field-background: transparent;
}
.b-filter-bar-compact .b-filter-bar-field input::placeholder {
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  text-transform: var(--b-grid-header-text-transform);
}
.b-filter-bar-compact .b-filter-bar-field > .b-field-inner::before {
  transition: none;
}
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=expand],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=clear],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=spin],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=back],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=forward] {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove,
.b-filter-bar-compact .b-filter-bar-field:focus-within .b-field-trigger:not(.b-step-trigger, .b-icon-remove, .b-spintrigger) {
  display: flex;
}
.b-filter-bar-compact .b-filter-bar-field:not(.b-empty) input::placeholder {
  color: transparent;
}
.b-filter-bar-compact.b-dragging .b-filter-bar-field {
  display: none;
}

/* ../Grid/lib/Grid/feature/Group.css */
:root,
:host {
  --b-group-header-font-weight: 500;
  --b-group-header-border-width: var(--b-grid-row-border-width);
  --b-group-header-zindex: 7;
  --b-group-collapse-icon: "\f107";
  --b-group-header-icon: "\f5fd";
  --b-group-header-background: var(--b-neutral-100);
  --b-group-header-color: var(--b-neutral-20);
  --b-group-header-icon-color: var(--b-neutral-20);
  --b-group-header-border-color: var(--b-grid-row-border-color);
  --b-group-header-stripe-background: var(--b-neutral-97);
  --b-group-count-badge-background: var(--b-neutral-95);
  --b-group-count-badge-color: var(--b-text-2);
}
.b-no-row-lines {
  --b-group-header-border-width: 0;
}
.b-grid-header.b-group .b-sort-icon::after {
  margin-inline-start: 0.5em;
  font-style: normal;
  content: var(--b-group-header-icon);
  font-family: var(--b-widget-icon-font-family);
}
.b-group-row {
  --b-grid-cell-background: var(--b-group-header-background);
  --b-grid-row-border-width: var(--b-group-header-border-width);
  --b-grid-row-border-color: var(--b-group-header-border-color);
  --b-grid-row-zindex: var(--b-group-header-zindex);
}
.b-group-row .b-grid-cell {
  --b-grid-cell-border-color: transparent;
}
.b-stripe .b-group-row {
  --b-grid-row-border-width: var(--b-stripe-border-width);
  --b-group-header-background: var(--b-group-header-stripe-background);
}
.b-grid-cell.b-group-title {
  contain: size layout style;
  gap: 1em;
  z-index: 1;
  --b-grid-cell-color: var(--b-group-header-color);
  --b-grid-cell-font-weight: var(--b-group-header-font-weight);
  --bi-grid-cell-overflow: visible;
}
.b-grid-cell.b-group-title.b-grid-cell-align-right,
.b-grid-cell.b-group-title.b-grid-cell-align-end {
  justify-content: flex-end;
}
.b-grid-cell.b-group-title.b-grid-cell-align-center {
  justify-content: flex-start;
}
.b-group-state-icon {
  display: grid;
  place-items: center;
  font-style: normal;
  cursor: pointer;
  width: 1em;
  transition: rotate .2s;
  color: var(--b-group-header-icon-color);
}
.b-group-state-icon:before {
  content: var(--b-group-collapse-icon);
  font-family: var(--b-widget-icon-font-family);
}
.b-grid-group-collapsed .b-group-state-icon {
  rotate: -90deg;
}
.b-group-count {
  display: grid;
  place-items: center;
  min-width: 2em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  font-size: .7em;
  background: var(--b-group-count-badge-background);
  color: var(--b-group-count-badge-color);
}

/* ../Grid/lib/Grid/feature/GroupSummary.css */
:root,
:host {
  --b-group-summary-background: var(--b-neutral-99);
}
.b-grid-row.b-group-footer {
  --b-grid-cell-border-color: transparent;
  --b-grid-cell-background: var(--b-group-summary-background);
}
.b-grid-row.b-group-footer td {
  padding: .25em 0;
}
.b-grid-row.b-group-footer .b-grid-summary-label {
  padding-inline-end: 1em;
}
.b-grid-row.b-group-footer .b-grid-summary-value {
  width: 100%;
}
.b-grid-group-collapsed.b-header-summary .b-group-title {
  --bi-grid-cell-overflow: clip;
}

/* ../Grid/lib/Grid/feature/LockRows.css */
:root,
:host {
  --b-locked-rows-separator-width: 1px;
  --b-locked-rows-separator-color: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color));
}
.b-locked-rows {
  z-index: 1;
}
.b-locked-rows [aria-rowcount="1"] .b-virtual-scrollers {
  flex-basis: 0;
}
.b-locked-rows:has(.b-widget-scroller.b-grid-empty) {
  overflow: visible;
}
.b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-body-wrap,
.b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-panel-body {
  overflow: visible;
}
.b-locked-rows:has(.b-grid-row) {
  box-shadow: var(--b-grid-header-box-shadow);
  border-bottom: var(--b-locked-rows-separator-width) solid var(--b-locked-rows-separator-color);
}
.b-locked-rows .b-widget-scroller.b-grid-empty {
  min-height: 0;
}
.b-locked-rows .b-grid-row.b-last {
  --b-grid-row-border-width: 0;
}

/* ../Grid/lib/Grid/feature/MergeCells.css */
.b-merge-cells .b-single-child .b-grid-sub-grid:not(.b-grid-sub-grid-collapsed, .b-time-axis-sub-grid, .b-horizontal-overflow) {
  overflow: clip !important;
}
.b-merge-cells .b-grid-row:not(.b-selected, .b-hover) .b-merged-cell {
  border-bottom: none;
}
.b-merge-cells .b-grid-row:is(.b-selected, .b-hover):has(.b-merged-cell) {
  overflow: visible;
}
.b-merge-cells .b-grid-row:is(.b-selected, .b-hover) .b-merged-cell {
  top: -1px;
  height: calc(100% + 1px);
  border-top: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color);
}
.b-grid-merged-cells {
  position: absolute;
  contain: strict;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  border-bottom: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color);
  --b-grid-cell-background: transparent;
  --b-grid-row-border-color: transparent;
  --bi-grid-cell-overflow: visible;
}
.b-merge-cells-passthrough .b-grid-merged-cells {
  pointer-events: none;
}
.b-grid-merged-cells .b-grid-cell {
  position: sticky;
  top: 0;
  flex: 1;
  contain: none;
}
.b-grid-merged-cells.b-selected {
  background: var(--b-grid-cell-selected-background);
}

/* ../Grid/lib/Grid/feature/QuickFind.css */
:root,
:host {
  --b-quick-find-header-inset: 0;
  --b-quick-find-hit-padding: .2em 0;
  --b-quick-find-header-badge-color: var(--b-grid-header-color);
}
.b-quick-hit-cell {
  background: var(--b-quick-find-background);
}
.b-quick-hit-text {
  border-radius: 2px;
  --b-primary: var(--b-quick-find-primary);
  font-weight: var(--b-quick-find-font-weight);
  background: var(--b-quick-find-background);
  line-height: .8;
}
.b-quick-hit-text {
  padding: var(--b-quick-find-hit-padding);
}
.b-quick-hit-header {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  --b-primary: var(--b-quick-find-primary);
  inset: var(--b-quick-find-header-inset);
  background: var(--b-quick-find-background);
}
.b-quick-hit-cell-badge,
.b-quick-hit-header .b-quick-hit-badge {
  position: absolute;
  line-height: 1;
  font-size: var(--b-quick-find-badge-font-size);
  inset-inline-end: var(--b-quick-find-badge-offset);
  top: var(--b-quick-find-badge-offset);
}
.b-quick-hit-header .b-quick-hit-badge {
  color: var(--b-quick-find-header-badge-color);
}
.b-quick-hit-cell-badge {
  color: var(--b-quick-find-badge-color);
}

/* ../Grid/lib/Grid/feature/RegionResize.css */
:root,
:host {
  --b-grid-splitter-zindex: 10;
  --b-region-resize-splitter-width: var(--b-splitter-size);
  --b-region-resize-splitter-width-hover: var(--b-splitter-hover-size);
  --b-region-resize-splitter-touch-width-hover: var(--b-splitter-touch-hover-size);
  --b-region-resize-splitter-collapsed-width: var(--b-region-resize-splitter-width);
  --b-region-resize-splitter-color: var(--b-splitter-color);
  --b-region-resize-button-color: var(--b-splitter-button-icon-color);
  --b-region-resize-splitter-hover-color: var(--b-splitter-hover-color);
  --b-region-resize-button-hover-color: var(--b-splitter-button-hover-color);
  --bi-grid-splitter-button-size: 1em;
  --bi-grid-splitter-button-display: flex;
}
.b-grid-base.b-split {
  --b-grid-splitter-color: var(--b-region-resize-splitter-color);
}
.b-grid-base.b-split .b-grid-splitter:not(.b-disabled) {
  --b-grid-splitter-width: var(--b-region-resize-splitter-width);
}
@media (pointer : coarse) {
  .b-grid-base.b-split {
    --b-region-resize-splitter-width-hover: var(--b-region-resize-splitter-touch-width-hover);
  }
}
.b-grid-splitter {
  position: relative;
  pointer-events: var(--bi-grid-splitter-pointer-events, none);
  z-index: var(--b-grid-splitter-zindex);
}
@media (any-pointer : coarse) {
  .b-grid-splitter {
    --bi-grid-splitter-button-size: 1.3em;
  }
}
.b-split .b-grid-splitter {
  --bi-grid-splitter-pointer-events: all;
}
.b-grid-splitter.b-disabled {
  --bi-grid-splitter-pointer-events: none;
}
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse,
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  scale: -1 0;
}
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  justify-content: flex-end;
}
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse {
  justify-content: flex-start;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) {
  overflow: visible;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-inner {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 50%;
  translate: -50%;
  background: inherit;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: opacity .2s;
  display: var(--bi-grid-splitter-button-display);
  width: var(--b-region-resize-splitter-width-hover);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed {
  cursor: initial;
  --b-grid-splitter-width: var(--b-region-resize-splitter-collapsed-width);
  --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-inner {
  opacity: 1;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand {
  visibility: hidden;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-buttons {
  --bi-grid-splitter-buttons-opacity: 1;
  --bi-grid-splitter-buttons-scale: 1;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse {
  visibility: hidden;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-buttons {
  display: flex;
  position: absolute;
  translate: 0 -50%;
  height: 2.4em;
  width: 2.4em;
  transition: scale .1s, opacity .1s;
  opacity: var(--bi-grid-splitter-buttons-opacity, 0);
  scale: var(--bi-grid-splitter-buttons-scale, 0);
  font-size: var(--bi-grid-splitter-button-size);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand {
  flex: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: var(--b-grid-splitter-color);
}
:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand):hover {
  --b-region-resize-button-color: var(--b-region-resize-button-hover-color);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
  padding-right: .1em;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  padding-left: .1em;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-icon {
  cursor: pointer;
  height: 1.5em;
  fill: var(--b-region-resize-button-color);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving {
  --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color);
  --bi-region-resize-splitter-inner-width: var(--b-region-resize-splitter-width-hover);
}
:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving) .b-grid-splitter-inner {
  opacity: 1;
}
:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving):not(.b-partner-splitter-hover) {
  --bi-grid-splitter-buttons-scale: 1;
  --bi-grid-splitter-buttons-opacity: 1;
}
.b-grid-base.b-split:not(.b-grid-splitter-no-drag) .b-grid-splitter:not(.b-disabled, .b-grid-splitter-collapsed) .b-grid-splitter-inner {
  cursor: col-resize;
}
.b-grid-header-scroller.b-collapsed,
.b-grid-footer-scroller.b-collapsed,
.b-virtual-scroller.b-collapsed {
  width: 0;
  min-width: 0 !important;
}
.b-grid-splitter-button-collapse .b-splitter-button-touch-area {
  left: -.9em;
}
.b-grid-splitter-button-expand .b-splitter-button-touch-area {
  right: -.9em;
}
.b-drag-helper-active .b-grid-base.b-split .b-grid-splitter {
  pointer-events: none !important;
}
.b-hide-splitter-buttons {
  --bi-grid-splitter-button-display: none;
}

/* ../Grid/lib/Grid/feature/RowEdit.css */
.b-row-editor .b-bottom-toolbar .b-toolbar-content {
  justify-content: flex-end;
}
.b-row-editor.b-read-only [data-ref=save] {
  display: none;
}
.b-row-editor :is(.b-panel-overlay-right, .b-panel-overlay-left) .b-toolbar-content > * {
  flex: 1 1 33%;
  max-width: 10em;
}

/* ../Grid/lib/Grid/feature/RowExpander.css */
:root,
:host {
  --b-row-expander-border-bottom-width: var(--b-grid-row-border-width);
  --b-row-expander-font-weight: var(--b-grid-cell-font-weight);
  --b-row-expander-border-bottom-color: var(--b-grid-row-border-color);
  --b-row-expander-color: var(--b-grid-cell-color);
}
.b-row-expander-body {
  display: flex;
  inset-inline: 0;
  background: var(--b-row-expander-background);
  color: var(--b-row-expander-color);
  font-weight: var(--b-row-expander-font-weight);
  padding: var(--b-row-expander-padding, 0);
}
.b-row-expander-body,
.b-row-expander-body.b-no-resize-observer.b-resize-monitored {
  position: absolute;
}
.b-grid-vertical-scroller > .b-row-expander-body {
  z-index: 100;
  transition: height .3s, top .3s;
  overflow: hidden;
}
.b-row-expander-loading {
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  display: flex;
  width: 100%;
}
.b-row-expander-loading .b-icon-spinner {
  margin-inline-end: .5em;
}
.b-grid-base .b-grid-row [data-column=expanderActionColumn] .b-icon {
  transition: rotate 0.15s ease-in-out;
  font-size: 1em;
  rotate: 180deg;
}
.b-row-expander-disabled [data-column=expanderActionColumn] {
  opacity: 0.2;
  pointer-events: none;
}
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-body-container,
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-vertical-scroller {
  transition: height .3s;
  overflow-y: hidden !important;
}
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-yscroll-pad {
  display: none;
}
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating .b-grid-row {
  transition: height .3s, top .3s;
}
.b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-left {
  rotate: 270deg;
}
.b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-right {
  rotate: 90deg;
}
.b-row-expander-row-expanded {
  border-bottom: var(--b-row-expander-border-bottom-width) solid var(--b-row-expander-border-bottom-color);
}

/* ../Grid/lib/Grid/feature/RowReorder.css */
:root,
:host {
  --b-row-reorder-indicator-size: 2px;
  --b-row-reorder-grip-icon: "\f58e";
  --b-row-reorder-indicator-color: var(--b-secondary);
  --b-row-reorder-indicator-invalid-color: var(--b-color-red);
  --b-row-reorder-box-shadow: var(--b-elevation-1);
  --b-row-reorder-invalid-background: color-mix(in oklab, var(--b-row-reorder-indicator-invalid-color), transparent 80%);
  --b-row-reorder-proxy-opacity: 0.5;
}
.b-row-drop-indicator {
  display: none;
  pointer-events: none;
}
.b-row-reordering .b-row-drop-indicator {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  z-index: 2000;
  top: calc(var(--b-row-reorder-indicator-size) / -2);
  height: var(--b-row-reorder-indicator-size);
  background-color: var(--b-row-reorder-indicator-color);
}
.b-row-reordering .b-row-drop-indicator.b-drag-invalid {
  --b-row-reorder-indicator-color: var(--b-row-reorder-indicator-invalid-color);
}
.b-row-reordering .b-grid-body-container {
  z-index: 4;
}
.b-row-reordering .b-drag-original {
  opacity: 0.3;
}
.b-row-reordering .b-grid-group-collapsed.b-row-reordering-target {
  --b-grid-cell-background: var(--b-grid-cell-hover-background);
}
.b-row-reordering .b-row-reordering-target {
  z-index: 9999;
  box-shadow: 0 1px 0 0 var(--b-row-reorder-indicator-color) inset, 0 -1px 0 0 var(--b-row-reorder-indicator-color) inset;
}
.b-row-reorder-grip {
  display: grid;
  grid-template-columns: auto 1fr;
}
.b-row-reorder-grip.b-grid-cell-align-end {
  justify-items: end;
}
.b-row-reorder-grip.b-grid-cell-align-end:before {
  margin-inline-end: auto;
}
.b-row-reorder-grip.b-grid-cell-align-right {
  justify-items: right;
}
.b-row-reorder-grip.b-grid-cell-align-center {
  justify-items: center;
}
.b-row-reorder-grip::before {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  cursor: move;
  font-size: 0.8em;
  content: var(--b-row-reorder-grip-icon);
  font-family: var(--b-widget-icon-font-family);
  padding-inline: var(--b-grid-cell-padding-inline);
  margin-inline-start: calc(var(--b-grid-cell-padding-inline) * -1);
}
:is(.b-show-grip-on-hover.b-row-reordering, .b-show-grip-on-hover .b-grid-row:not(:hover, .b-hover)) .b-row-reorder-grip::before {
  visibility: hidden;
}
.b-row-reorder-proxy {
  display: flex;
  flex-direction: column;
  width: auto !important;
  height: auto !important;
  z-index: 10000;
  overflow: visible;
}
.b-row-reorder-proxy .b-grid-row {
  position: relative;
}
.b-row-reorder-proxy.b-drag-copy .b-row-proxy-copy {
  display: flex;
}
.b-row-reorder-proxy .b-row-proxy-copy {
  display: none;
  height: 1em;
  width: 1em;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-inline-start: -.5em;
  top: -.5em;
  border-radius: 50%;
  padding: .75em;
  z-index: 20000;
  background: var(--b-panel-background);
  box-shadow: var(--b-row-reorder-box-shadow);
}
.b-row-reorder-proxy .b-grid-row {
  width: 100%;
  position: relative;
}
.b-row-reorder-proxy.b-dragging {
  transition: margin-top 0.2s, opacity 0.2s;
  background: transparent;
  opacity: var(--b-row-reorder-proxy-opacity);
}
.b-row-reorder-proxy.b-dragging.b-drag-invalid {
  --b-grid-cell-background: var(--b-row-reorder-invalid-background);
}
.b-row-reorder-proxy.b-dragging .b-grid-row {
  transition: transform 0.2s, background-color 0.2s;
}
.b-row-drag-count-indicator:before {
  inset-inline-end: -.7em;
}
.b-grid-tree-grouped .b-tree-parent-row .b-row-reorder-grip::before {
  content: none;
}

/* ../Grid/lib/Grid/feature/RowResize.css */
.b-row-resize .b-grid-row.b-resize-handle {
  cursor: row-resize !important;
}
.b-row-resize .b-grid-row.b-resizing {
  z-index: 2;
}
.b-row-resize.b-row-resizing .b-grid-row {
  pointer-events: none;
}
.b-row-resize.b-row-resizing * {
  cursor: row-resize !important;
}

/* ../Grid/lib/Grid/feature/Search.css */
.b-search-hit-cell {
  background: var(--b-quick-find-background);
}
.b-search-hit-text {
  padding: .3em 0;
  --b-primary: var(--b-quick-find-primary);
  font-weight: var(--b-quick-find-font-weight);
  background: var(--b-quick-find-background);
}
.b-search-hit-field {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: .5em 0;
  background: var(--b-quick-find-background);
}
.b-search-hit-cell-badge {
  position: absolute;
  line-height: 1;
  color: var(--b-quick-find-badge-color);
  font-size: var(--b-quick-find-badge-font-size);
  inset-inline-end: var(--b-quick-find-badge-offset);
  top: var(--b-quick-find-badge-offset);
}

/* ../Grid/lib/Grid/feature/Sort.css */
:root,
:host {
  --b-sort-header-icon: "\f062";
  --b-sort-header-index-font-size: 0.6em;
  --b-sort-header-index-color: inherit;
  --bi-grid-sort-icon-rotate: 0;
  --bi-grid-sort-icon-opacity: 0;
  --bi-grid-sort-icon-size: 0;
  --bi-grid-sort-icon-margin-inline-start: 0;
}
.b-sort-hover-icon .b-grid-header.b-sortable {
  cursor: pointer;
}
.b-sort-hover-icon .b-grid-header.b-sortable:not(.b-sort, .b-resizing):hover {
  --bi-grid-sort-icon-opacity: 0.5;
  --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap);
}
.b-grid-base.b-sort.b-dragging-header .b-grid-header {
  --bi-grid-sort-icon-opacity: 0;
}
.b-sort-icon {
  transition-property:
    opacity,
    color,
    font-size,
    margin;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b-grid-header-icon-color);
  opacity: var(--bi-grid-sort-icon-opacity);
  font-size: var(--bi-grid-sort-icon-size);
  margin-inline-start: var(--bi-grid-sort-icon-margin-inline-start);
  transition-duration: var(--b-grid-header-icon-transition-duration);
}
.b-sort-icon::before {
  display: inline-block;
  transition: rotate .2s;
  content: var(--b-sort-header-icon);
  font-family: var(--b-widget-icon-font-family);
  rotate: var(--bi-grid-sort-icon-rotate);
}
:is(.b-grid-header.b-asc, .b-grid-header.b-desc) .b-sort-icon {
  --bi-grid-sort-icon-opacity: 1;
  --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap);
}
.b-grid-header.b-desc .b-sort-icon {
  --bi-grid-sort-icon-rotate: 180deg;
}
.b-sort .b-grid-header-text[data-sort-index]::before {
  content: attr(data-sort-index);
  position: relative;
  top: 1em;
  z-index: 30;
  order: 1;
  color: var(--b-sort-header-index-color);
  font-size: var(--b-sort-header-index-font-size);
}

/* ../Grid/lib/Grid/feature/Split.css */
.b-split-container {
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.b-split-container.b-split-horizontal,
.b-split-container.b-split-both {
  flex-direction: column;
}
.b-split-container.b-split-vertical {
  flex-direction: row;
}
.b-split-container .b-split-top,
.b-split-container .b-split-bottom {
  display: flex;
  flex: 1;
}
.b-split-container > .b-grid-base,
.b-split-container > div > .b-grid-base {
  flex: 1;
  flex-basis: 0;
  height: unset !important;
}

/* ../Grid/lib/Grid/feature/StickyCells.css */
.b-sticky-cells .b-grid-sticky-row {
  position: absolute;
  top: 0;
  left: 0;
  min-width: auto;
  border: 0 none;
  padding: 0;
  contain: initial;
}
.b-sticky-cells .b-grid-sticky-row .b-grid-cell {
  width: min-content;
  contain: initial;
  padding: 0;
  border: 0 none;
}
.b-sticky-cells .b-sticky-cells-current-top-row .b-sticky-content-el {
  visibility: hidden;
}
.b-sticky-cells .b-sticky-cells-current-top-row.b-not-enough-height .b-sticky-content-el {
  visibility: visible;
  align-self: flex-end;
}

/* ../Grid/lib/Grid/feature/Stripe.css */
:root,
:host {
  --b-stripe-odd-color: var(--b-neutral-98);
  --b-stripe-even-color: var(--b-neutral-100);
  --b-stripe-border-width: 0;
}
.b-stripe {
  --b-grid-row-border-width: var(--b-stripe-border-width);
}
.b-stripe .b-grid-row.b-odd {
  --b-grid-cell-background: var(--b-stripe-odd-color);
}
.b-stripe .b-grid-row.b-even {
  --b-grid-cell-background: var(--b-stripe-even-color);
}

/* ../Grid/lib/Grid/feature/Summary.css */
.b-summary-disabled .b-grid-footer-container {
  display: none;
}
.b-grid-footer.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1));
}

/* ../Grid/lib/Grid/feature/TreeGroup.css */
.b-generated-parent .b-grid-cell .b-grid-tree-group-summary {
  display: flex;
  justify-content: inherit;
}

/* ../Grid/lib/Grid/feature/base/SearchQuickFind.css */
:root,
:host {
  --b-quick-find-font-weight: var(--b-grid-cell-font-weight);
  --b-quick-find-badge-offset: .4em;
  --b-quick-find-badge-font-size: .7em;
  --b-quick-find-primary: var(--b-secondary);
  --b-quick-find-badge-color: var(--b-grid-header-color);
}
.b-colorize {
  --b-quick-find-background: var(--b-primary-95);
  --b-quick-find-row-hover-background: var(--b-primary-95);
}
:is(.b-grid-row.b-hover, .b-grid-row.b-selected) .b-colorize {
  --b-quick-find-background: var(--b-quick-find-row-hover-background);
}

/* ../Grid/lib/Grid/feature/export/PdfExport.css */
html.b-export-root,
.b-export-root body {
  margin: 0;
}
html.b-print-root,
.b-print-root body {
  margin: 0;
  height: auto;
  overflow: unset;
  display: block;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
html.b-export-root {
  overflow: auto;
}
.b-export-root body,
.b-print-root body {
  position: relative;
}
.b-print-root .b-float-root,
.b-print-root .b-scrollbar-measure-element,
.b-print-root .b-grid-header-resize-handle {
  display: none !important;
}
.b-print:not(.b-safari) .b-page-wrap {
  page-break-after: always;
}
.b-export .b-time-ranges-canvas {
  display: block;
  contain: strict;
  width: 100%;
  height: 100%;
  position: absolute;
}
.b-export .b-grid-base {
  min-height: 0 !important;
}
.b-export .b-export-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.b-export .b-export-body {
  flex: 1;
  contain: strict;
}
.b-export .b-grid-header-container {
  margin-inline-end: 0 !important;
  border-inline-end: none !important;
}
.b-export .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-export .b-grid-footer-container {
  padding-inline-end: 0 !important;
}
.b-export .b-virtual-scrollers {
  display: none;
}
.b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: none;
}
.b-export.b-multi-page .b-export-content {
  width: 100%;
  height: 100%;
}
.b-export.b-multi-page .b-export-body {
  overflow: hidden;
}
.b-export.b-single-page-unscaled .b-export-body {
  contain: content;
}
.b-export-header,
.b-export-header * {
  box-sizing: border-box;
}
@media print {
  .b-page-wrap {
    overflow: hidden;
  }
  .b-grid-body-container {
    contain: paint !important;
  }
}
.b-export-dialog .b-bottom-toolbar .b-button {
  width: 7.5em;
}

/* ../Grid/lib/Grid/feature/export/Print.css */
html.b-print-root,
.b-print-root body {
  margin: 0;
  height: auto;
  overflow: unset;
  display: block;
}
.b-print-root .b-float-root,
.b-print-root .b-scrollbar-measure-element,
.b-print-root .b-grid-header-resize-handle {
  display: none !important;
}
.b-print:not(.b-safari) .b-page-wrap {
  page-break-after: always;
}

/* ../Grid/lib/Grid/feature/mixin/SummaryFormatter.css */
:root,
:host {
  --b-grid-summary-label-font-size: 1em;
  --b-grid-summary-value-font-size: 1em;
}
.b-summary-wrap {
  display: grid;
  column-gap: 1em;
  grid-template-columns: auto auto;
  align-items: center;
}
.b-summary-wrap .b-grid-summary-label {
  font-size: var(--b-grid-summary-label-font-size);
}
.b-summary-wrap .b-grid-summary-value {
  overflow: clip;
  text-overflow: ellipsis;
  font-size: var(--b-grid-summary-value-font-size);
}
.b-summary-wrap .b-grid-summary-value.b-no-label {
  grid-column: span 2;
}

/* ../Grid/lib/Grid/view/Footer.css */
:root,
:host {
  --b-grid-footer-outline-width: var(--b-grid-header-border-width);
  --b-grid-footer-outline-color: var(--b-grid-header-border-color);
  --b-grid-footer-box-shadow: none;
  --b-grid-footer-border-width: var(--b-grid-header-border-width);
  --b-grid-footer-padding: var(--b-grid-header-padding);
  --b-grid-footer-background: var(--b-neutral-100);
  --b-grid-footer-border-color: var(--b-grid-header-border-color);
  --b-grid-footer-color: var(--b-grid-header-color);
}
.b-grid-footer-container {
  outline: var(--b-grid-footer-outline-width) solid var(--b-grid-footer-outline-color);
  box-shadow: var(--b-grid-footer-box-shadow);
}
.b-grid-footer-container.b-hidden {
  display: none;
}
.b-grid-footer-scroller {
  display: flex;
  position: relative;
  overflow: clip;
  flex-shrink: 0;
  min-width: 0;
}
.b-grid-footers {
  display: inline-flex;
  align-items: stretch;
  height: 100%;
  white-space: nowrap;
  line-height: initial;
}
.b-grid-footer {
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  transition: background-color .2s;
  color: var(--b-grid-footer-color);
  background: var(--b-grid-footer-background);
  border-inline-end: var(--b-grid-footer-border-width) solid var(--b-grid-footer-border-color);
  font-weight: var(--b-grid-footer-font-weight);
  padding: var(--b-grid-footer-padding);
  text-align: var(--b-grid-footer-text-align);
}
.b-grid-footer:last-child {
  --b-grid-footer-border-width: 0;
}
.b-grid-footer-align-start,
.b-grid-footer-align-left {
  --b-grid-footer-text-align: start;
}
.b-grid-footer-align-center {
  --b-grid-footer-text-align: center;
}
.b-grid-footer-align-end,
.b-grid-footer-align-right {
  --b-grid-footer-text-align: end;
}

/* ../Grid/lib/Grid/view/GridBase.css */
:root,
:host {
  --b-grid-column-transition-duration: .2s;
  --b-grid-row-transition-duration: .2s;
  --b-grid-empty-padding: var(--b-widget-padding);
  --b-grid-empty-color: var(--b-text-2);
  --b-grid-panel-header-padding: var(--b-panel-with-header-padding);
  --b-grid-background: var(--b-neutral-100);
  --b-grid-cell-border-width: 1px;
  --b-grid-cell-focused-outline-width: var(--b-widget-focus-outline-width);
  --b-grid-cell-focused-outline-color: var(--b-widget-focus-outline-color);
  --b-grid-cell-gap: 0.5em;
  --b-grid-cell-padding-block: 0;
  --b-grid-cell-padding-inline: var(--b-widget-padding);
  --b-grid-cell-font-size: 1em;
  --b-grid-cell-font-weight: var(--b-widget-font-weight);
  --b-grid-row-height: 45px;
  --b-grid-row-border-width: 1px;
  --b-grid-row-zindex: 1;
  --b-grid-splitter-width: 1px;
  --b-grid-cell-border-color: var(--b-border-7);
  --b-grid-cell-background: var(--b-neutral-100);
  --b-grid-cell-color: var(--b-widget-color);
  --b-grid-cell-selected-color: var(--b-widget-color);
  --b-grid-row-border-color: var(--b-grid-cell-border-color);
  --b-grid-cell-dirty-color: var(--b-color-red);
  --b-grid-splitter-narrow-color: var(--b-neutral-80);
  --bi-grid-cell-overflow: clip;
  --b-grid-row-placeholder-color: var(--b-neutral-95);
}
.b-bryntum {
  --b-grid-cell-hover-background: var(--b-primary-98);
  --b-grid-cell-selected-background: var(--b-primary-96);
  --b-grid-cell-hover-selected-background: var(--b-primary-94);
  --b-grid-link-color: var(--b-primary-30);
  --b-grid-row-hover-link-color: var(--b-primary-30);
}
.b-grid-base {
  overflow: clip;
  min-width: 0;
  --b-panel-bottom-toolbar-padding: var(--b-grid-header-padding);
  --b-panel-header-padding: var(--b-grid-panel-header-padding);
  --b-panel-background: var(--b-grid-background);
  --b-panel-top-toolbar-margin-inline: 0;
  --b-panel-top-toolbar-border-radius: 0;
}
.b-grid-base:where(.b-outer:not(.b-auto-height)) {
  height: 100%;
}
.b-grid-base.b-auto-height {
  height: auto;
  flex: none;
}
.b-grid-base.b-auto-height .b-grid-vertical-scroller {
  position: relative;
}
.b-grid-base.b-auto-height.b-grid-empty .b-grid-body-container {
  height: unset !important;
  flex: 1;
}
.b-grid-base .b-empty-text {
  display: none;
}
.b-grid-base.b-grid-empty .b-empty-text {
  display: block;
  color: var(--b-grid-empty-color);
  padding: var(--b-grid-empty-padding);
}
.b-grid-base .b-editing {
  overflow: visible;
  contain: unset;
  z-index: 1;
}
.b-grid-base.b-splicing-rows-toggle .b-grid-row:is(.b-adding, .b-removing, .b-repositioning),
.b-grid-base.b-splicing-rows-remove .b-grid-row:is(.b-removing, .b-repositioning),
.b-grid-base.b-splicing-rows-insert .b-grid-row:is(.b-adding, .b-repositioning) {
  transition: top var(--b-grid-row-transition-duration), left var(--b-grid-row-transition-duration);
  z-index: calc(var(--b-grid-row-zindex) - 1);
  pointer-events: none;
}
.b-grid-base.b-collapsing-column .b-collapsing,
.b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) {
  min-width: 0 !important;
  overflow: clip !important;
  padding: 0;
}
.b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child),
.b-grid-base.b-collapsing-column .b-grid-cell.b-collapsing {
  width: 0 !important;
}
.b-grid-base .b-expanding-start .b-grid-header:not(:first-child) {
  min-width: 0 !important;
  width: 0 !important;
  padding: 0;
}
.b-grid-base.b-expanding-column .b-expanding .b-grid-header:not(:first-child),
.b-grid-base.b-expanding-column .b-grid-cell.b-expanding {
  min-width: 0 !important;
}
:is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-header {
  transition-property:
    min-width,
    max-width,
    width,
    flex,
    padding;
  transition-duration: var(--b-grid-column-transition-duration);
}
:is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-cell {
  transition-property: padding;
  transition-duration: var(--b-grid-column-transition-duration);
}
.b-grid-base .b-grid-header:is(.b-showing, .b-hiding) {
  min-width: 0 !important;
  padding: 0 !important;
}
.b-grid-base .b-grid-header:is(.b-showing, .b-hiding).b-flex {
  flex: 0 !important;
}
.b-grid-base .b-grid-cell:is(.b-showing, .b-hiding) {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.b-grid-base .b-grid-cell:is(.b-showing, .b-hiding).b-flex {
  flex: 0 !important;
}
.b-grid-base .b-toggling-all-expand.b-grid-header,
.b-grid-base .b-toggling-all-expand.b-grid-cell {
  width: 0 !important;
}
.b-fill-last-column .b-grid-footers:not(.b-has-flex, .b-horizontal-overflow) .b-grid-footer:last-child,
.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent,
.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-leaf {
  flex-grow: 1;
  border-inline-end-color: transparent;
}
.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent > .b-grid-header-text {
  border-inline-end-color: transparent;
}
.b-fill-last-column .b-grid-cell:last-child,
.b-fill-last-column .b-row-expander-row-expanded .b-grid-cell:nth-last-child(2) {
  --b-grid-cell-border-width: 0;
}
.b-grid-panel-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container {
  flex: 1 1 0;
  contain: strict;
}
.b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container > .b-grid-vertical-scroller {
  min-height: 100%;
}
.b-grid-base.b-enable-sticky .b-sticky-cell,
.b-grid-base.b-enable-sticky .b-grid-sub-grid,
.b-grid-base.b-enable-sticky .b-grid-vertical-scroller,
.b-grid-base.b-enable-sticky .b-grid-row {
  overflow: visible !important;
}
.b-grid-base > .b-panel-body-wrap {
  --b-toolbar-background: var(--b-grid-toolbar-background);
}
.b-grid-base > .b-panel-body-wrap > .b-top-toolbar {
  border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-base:not(.b-auto-height) > .b-panel-body-wrap > .b-bottom-toolbar {
  border-top: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-body-container {
  position: relative;
}
.b-grid-vertical-scroller {
  display: flex;
  overflow: clip;
}
.b-grid-base .fa {
  font-family: inherit;
}
.b-grid-base .fa::before {
  font-family: var(--b-widget-icon-font-family);
}

/* ../Grid/lib/Grid/view/Header.css */
:root,
:host {
  --b-grid-header-font-size: inherit;
  --b-grid-header-font-weight: 500;
  --b-grid-header-padding: var(--b-grid-cell-padding-inline);
  --b-grid-header-text-transform: none;
  --b-grid-header-text-align: start;
  --b-grid-header-gap: 0.5em;
  --b-grid-header-icon-font-size: 1em;
  --b-grid-header-border-width: var(--b-grid-cell-border-width);
  --b-grid-header-container-border-width: 1px;
  --b-grid-header-zindex: 1;
  --b-grid-header-icon-transition-duration: 0.2s;
  --b-grid-header-background: var(--b-neutral-100);
  --b-grid-header-box-shadow: var(--b-elevation-0);
  --b-grid-header-color: var(--b-widget-color);
  --b-grid-header-icon-color: var(--b-grid-header-color);
  --b-grid-header-border-color: var(--b-grid-cell-border-color);
  --b-grid-header-hover-color: var(--b-widget-color);
}
.b-bryntum {
  --b-grid-header-hover-background: var(--b-primary-98);
}
.b-grid-headers,
.b-grid-footers {
  contain: paint style layout;
  flex: 1 1 auto;
  z-index: var(--b-grid-header-zindex);
}
div.b-grid-header-container,
.b-grid-footer-container {
  display: flex;
  z-index: var(--b-grid-header-zindex);
}
div.b-grid-header-container.b-hidden {
  clip-path: inset(0 0 100% 0);
  contain: strict;
  border-bottom: none;
}
.b-grid-header-scroller {
  display: flex;
  position: relative;
  overflow: clip;
  min-width: 0;
  box-shadow: var(--b-grid-header-box-shadow);
}
.b-grid-headers {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: clip;
  line-height: initial;
  position: relative;
}
.b-grid-header {
  position: relative;
  display: flex;
  user-select: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: stretch;
  justify-content: center;
  overflow: clip;
  transition: background-color .2s, border .2s;
  contain: style;
  --b-grid-header-applied-background: var(--b-grid-header-background);
  background: var(--b-grid-header-applied-background);
  border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  text-transform: var(--b-grid-header-text-transform);
}
.b-grid-header.b-depth-0:hover {
  color: var(--b-grid-header-hover-color);
  --b-grid-header-applied-background: var(--b-grid-header-hover-background);
  --b-grid-header-icon-color: var(--b-grid-header-hover-color);
}
.b-grid-header.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: calc(var(--b-grid-cell-focused-outline-width) * -1);
}
.b-grid-header.b-depth-0 {
  width: 0;
  padding-inline: var(--b-grid-header-padding);
  border-block-end: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-fill-last-column .b-grid-header.b-last-leaf {
  border-inline-end: none;
}
.b-grid-header:has(.b-widget) .b-grid-header-text-content:empty {
  display: none;
}
.b-grid-header-parent {
  border-inline-end: none;
  flex-basis: auto;
  padding-inline: 0;
}
.b-grid-header-parent > .b-grid-header-text {
  flex: 1 1 auto;
  padding: var(--b-grid-header-padding);
}
.b-grid-header-parent:where(:not(.b-last-parent)) > .b-grid-header-text {
  border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-header-children {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
  border-top: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-header-children > * {
  width: inherit;
}
.b-grid-header-text {
  display: flex;
  align-items: center;
  padding-block: var(--b-grid-header-padding);
}
.b-grid-header-text:has(.b-widget) {
  gap: var(--b-grid-header-gap);
}
.b-grid-header-text-content {
  flex: 1;
  overflow: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  text-align: var(--b-grid-header-text-align);
}
.b-grid-header-text-content.b-has-text > * {
  margin-inline-end: var(--b-grid-header-gap);
}
.b-grid-header-align-right,
.b-grid-header-align-end {
  --b-grid-header-text-align: end;
}
.b-grid-header-align-center {
  --b-grid-header-text-align: center;
}
.b-grid-header.b-collapsible > .b-grid-header-text {
}
.b-grid-header-collapse-button {
  background: transparent;
  --b-button-height: 1em;
  --b-button-type-text-color: var(--b-neutral-60);
}
.b-grid-header-collapse-button:hover {
  --b-button-color: var(--b-grid-header-color);
}

/* ../Grid/lib/Grid/view/SubGrid.css */
:root {
  --bi-grid-cell-dirty-indicator-clip-path: polygon(0% 50%, 0% 0%, 50% 0%);
  --bi-grid-cell-dirty-indicator-clip-path-rtl: polygon(100% 50%, 50% 0%, 100% 0%);
  --b-grid-cell-auto-height-padding-block: var(--b-grid-cell-padding-inline);
}
.b-no-column-lines,
.b-no-column-lines .b-grid-sub-grid {
  --b-grid-cell-border-width: 0;
  --b-grid-header-border-width: 0;
}
.b-no-row-lines {
  --b-grid-row-border-width: 0;
}
.b-grid-sub-grid {
  position: relative;
}
.b-grid-sub-grid.b-hidden {
  display: none;
}
.b-grid-sub-grid-collapsed {
  width: 0;
  min-width: 0 !important;
  overflow: hidden !important;
}
.b-animating .b-grid-header-scroller,
.b-animating .b-grid-sub-grid {
  transition-property:
    width,
    flex,
    min-width;
  transition-duration: .3s;
}
.b-grid-row {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  inset-inline-start: 0;
  overflow: clip;
  contain: layout;
  height: var(--b-grid-row-height);
  z-index: var(--b-grid-row-zindex);
}
.b-grid-sub-grid .b-grid-row {
  min-width: 100%;
}
.b-grid-row.b-hover .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-background);
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
  --b-grid-link-color: var(--b-grid-row-hover-link-color);
}
.b-grid-row.b-selected .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background);
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
  --b-grid-link-color: var(--b-grid-row-hover-link-color);
}
.b-grid-row.b-hover.b-selected .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-selected-background);
}
.b-grid-row.fa {
  display: flex;
}
.b-grid-row.fa::before {
  content: none;
}
.b-grid-row.b-row-placeholder .b-grid-cell {
  color: transparent;
  clip-path: inset(1em 1em 1em 1em);
}
.b-grid-row.b-row-placeholder .b-grid-cell > *:not(.b-editor) {
  display: none;
}
.b-grid-row.b-row-placeholder .b-grid-cell::after {
  content: "";
  position: absolute;
  inset: 1em;
  border-radius: 5px;
  background: var(--b-grid-row-placeholder-color);
}
.b-hide-row-hover {
  --b-grid-cell-hover-background: var(--b-grid-cell-background);
  --b-grid-cell-selected-background: var(--b-grid-cell-background);
  --b-grid-cell-hover-selected-background: var(--b-grid-cell-background);
}
.b-grid-body-container.b-vertical-overflow .b-grid-row.b-last .b-grid-cell {
  --b-grid-row-border-color: transparent;
}
.b-grid-cell {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  contain: strict;
  align-items: center;
  white-space: nowrap;
  height: 100%;
  background: var(--b-grid-cell-applied-background, var(--b-grid-cell-background));
  color: var(--b-grid-cell-color);
  border-inline-end: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color);
  border-bottom: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color);
  font-size: var(--b-grid-cell-font-size);
  font-weight: var(--b-grid-cell-font-weight);
  gap: var(--b-grid-cell-gap);
  overflow: var(--bi-grid-cell-overflow);
  padding-inline: var(--b-grid-cell-padding-inline);
  padding-block: var(--b-grid-cell-padding-block);
}
.b-grid-cell:not(.b-focused) *,
.b-grid-cell:not(.b-focused) *::before,
.b-grid-cell:not(.b-focused) *::after {
  transition: none;
}
.b-theme-transition .b-grid-cell {
  transition: background-color .2s, border .2s;
}
.b-windows .b-grid-cell {
  contain: layout;
}
.b-grid-cell.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1));
}
.b-grid-cell.b-hover {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-background);
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-grid-cell.b-selected {
  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background);
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-grid-cell.b-auto-height {
  white-space: normal;
}
.b-grid-cell.b-auto-height:not(.b-tree-cell) {
  --b-grid-cell-padding-block: var(--b-grid-cell-auto-height-padding-block);
}
.b-grid-cell.b-measuring-auto-height {
  contain: paint style layout;
  align-self: baseline;
  height: auto;
}
.b-grid-no-text-selection .b-grid-cell {
  user-select: none;
}
.b-grid-cell a {
  color: var(--b-grid-link-color);
}
.b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row {
  height: var(--b-grid-row-height);
}
.b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row .b-grid-cell:not(.b-auto-height, .b-row-reorder-grip, :has(*)) {
  display: block;
  text-overflow: ellipsis;
  line-height: var(--b-grid-row-height);
}
.b-grid-cell-align-right,
.b-grid-cell-align-end {
  justify-content: flex-end;
  text-align: end;
}
.b-grid-cell-align-center {
  justify-content: center;
  text-align: center;
}
.b-rtl {
  --bi-grid-cell-dirty-indicator-clip-path: var(--bi-grid-cell-dirty-indicator-clip-path-rtl) ;
}
.b-show-dirty .b-cell-dirty:not(.b-editing):after,
.b-show-dirty-during-edit .b-cell-dirty:after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  inset-inline-start: 1px;
  width: 1.2em;
  height: 1.2em;
  background-color: var(--b-grid-cell-dirty-color);
  clip-path: var(--bi-grid-cell-dirty-indicator-clip-path);
}
.b-grid-splitter {
  background: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color));
  flex: 0 0 var(--b-grid-splitter-width);
}
.b-grid-splitter .b-grid-splitter-inner {
  display: none;
}
.b-virtual-scrollers {
  z-index: 3;
  display: flex;
  flex-direction: row;
  contain: paint style layout;
}
.b-firefox .b-virtual-scrollers {
  contain: paint layout;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers {
  pointer-events: auto;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller {
  pointer-events: auto;
}
.b-overlay-scrollbar .b-virtual-scrollers {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller {
  height: 16px;
  pointer-events: none;
}
.b-virtual-scrollers .b-virtual-scroller {
  overflow-x: scroll;
  overflow-y: hidden;
}
.b-virtual-scrollers .b-virtual-width {
  height: 1px;
}
.b-overlay-scrollbar .b-virtual-scroller:hover,
.b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller {
  pointer-events: all;
  opacity: 1;
  transition: opacity .5s;
}

/* ../Grid/lib/Grid/widget/AIFilterField.css */
.b-aifilter-field .b-mask-text {
  padding: .5em;
}
.b-aifilter-field-result-popup {
  --b-primary: var(--b-color-yellow);
  --b-popup-background: var(--b-primary-95);
}

/* ../Grid/lib/Grid/widget/ChecklistFilterCombo.css */
.b-checklist-filter-combo-picker.b-panel {
  padding: 0;
  --b-panel-padding: 0;
  --b-list-item-padding: 0.75em var(--b-widget-padding);
}
.b-checklist-filter-combo-picker.b-panel [data-ref=searchField] {
  width: 100%;
}
.b-checklist-filter-combo-picker.b-panel .b-list-item-content {
  display: flex;
}
.b-checklist-filter-combo-picker.b-panel .b-checklist-filter-combo-item-text {
  flex-grow: 1;
}
.b-checklist-filter-combo-picker.b-panel .b-bottom-toolbar {
  --b-toolbar-padding: var(--b-widget-padding);
}

/* ../Grid/lib/Grid/widget/GroupBar.css */
:root,
:host {
  --b-group-bar-separator-icon: "\f054";
  --b-group-bar-separator-color: var(--b-neutral-50);
}
.b-group-bar {
  display: flex;
  flex: 1;
  align-self: center;
  gap: 2.2em;
  min-height: 2em;
  --b-chip-view-chip-padding: 0.5em 1em;
  --b-chip-view-chip-gap: 1em;
  --b-chip-view-chip-border-radius: var(--b-button-border-radius);
}
.b-group-bar .b-chip {
  position: relative;
  overflow: visible;
}
.b-group-bar .b-chip:not(:last-child):after {
  position: absolute;
  inset-inline-end: -1.5em;
  color: var(--b-group-bar-separator-color);
  content: var(--b-group-bar-separator-icon);
  font-family: var(--b-widget-icon-font-family);
}
.b-rtl :is(.b-group-bar .b-chip):not(:last-child):after {
  scale: -1 0;
}
.b-group-bar .b-drop-target {
  opacity: .5;
}
.b-group-bar .b-drop-target .b-chip-content {
  visibility: hidden;
}
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy {
  min-width: 10em !important;
  padding-inline: 1em;
  border-radius: var(--b-button-border-radius);
}
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text {
  padding: 0.5em 0;
}
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy,
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text-content {
  width: auto !important;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-drop-target {
  display: none;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-chip::after {
  content: none;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-chip {
  display: none;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-drop-target {
  display: flex;
}

/* ../Grid/lib/Grid/column/CheckColumn.css */
.b-check-header-with-checkbox {
  align-items: center;
}
.b-check-header-with-checkbox .b-grid-header-text {
  display: none;
}

/* ../Grid/lib/Grid/column/ActionColumn.css */
:root,
:host {
  --b-action-column-button-size: 1.1em;
  --b-action-column-color: var(--b-widget-color);
  --b-action-column-row-hover-color: var(--b-widget-color);
  --b-action-column-readonly-color: var(--b-widget-disabled-color);
  --b-action-column-hover-color: var(--b-neutral-10);
}
.b-action-ct {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5em;
}
.b-action-item {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  font-size: var(--b-action-column-button-size);
  color: var(--b-action-column-color);
  pointer-events: var(--bi-action-column-pointer-events, auto);
}
.b-action-item:hover {
  --b-action-column-color: var(--b-action-column-hover-color);
}
.b-action-item:focus-visible {
  outline-offset: 3px;
  outline: currentColor solid 3px;
}
.b-grid-base.b-read-only.b-action-column-readonly {
  --b-action-column-color: var(--b-action-column-readonly-color);
  --bi-action-column-pointer-events: none;
}
.b-grid-row.b-hover,
.b-grid-row.b-selected {
  --b-action-column-color: var(--b-action-column-row-hover-color);
}

/* ../Grid/lib/Grid/column/ColorColumn.css */
:root,
:host {
  --b-color-column-border-width: 0;
  --b-color-column-empty-border-width: 1px;
  --b-color-column-border-color: transparent;
  --b-color-column-empty-border-color: var(--b-border-7);
  --b-color-column-picker-width: 11em;
}
.b-color-cell-swatch {
  border-radius: 1em;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  margin-inline: 1em;
  flex-shrink: 0;
  --b-primary: transparent;
  background: var(--b-primary);
  border: var(--b-color-column-border-width) solid var(--b-color-column-border-color);
}
.b-color-cell-swatch.b-empty {
  --b-color-column-border-width: var(--b-color-column-empty-border-width);
  --b-color-column-border-color: var(--b-color-column-empty-border-color);
}
.b-color-cell-swatch.b-show-color-name {
  margin-inline: 0;
}
.b-color-column-picker {
  width: var(--b-color-column-picker-width);
}

/* ../Grid/lib/Grid/column/PercentColumn.css */
:root,
:host {
  --b-percent-column-bar-border-radius: var(--b-widget-border-radius);
  --b-percent-column-bar-max-height: 0.6em;
  --b-percent-column-bar-border: null;
  --b-percent-column-circle-thickness: 0.5em;
  --b-percent-column-circle-label-font-size: .8em;
  --b-percent-column-bar-background: var(--b-neutral-95);
  --b-percent-column-low-fill-background: var(--b-color-orange);
  --b-percent-column-wide-value-color: var(--b-neutral-100);
  --b-percent-column-low-value-color: var(--b-secondary);
  --b-percent-column-zero-value-color: transparent;
  --b-percent-column-circle-background: var(--b-grid-cell-border-color);
  --b-percent-column-circle-label-color: var(--b-grid-cell-color);
  --bi-percent-column-transition: none;
}
.b-bryntum {
  --b-percent-column-fill-background: var(--b-primary-50);
  --b-percent-column-value-color: var(--b-percent-column-fill-background);
  --b-percent-column-circle-done-color: var(--b-primary);
  --b-percent-column-circle-label-background: var(--b-grid-cell-background);
}
.b-percent-bar-outer {
  display: flex;
  height: 30%;
  overflow: hidden;
  width: 100%;
  background: var(--b-percent-column-bar-background);
  border: var(--b-percent-column-bar-border);
  border-radius: var(--b-percent-column-bar-border-radius);
  max-height: var(--b-percent-column-bar-max-height);
}
.b-percent-bar-outer.b-low {
  --b-percent-column-fill-background: var(--b-percent-column-low-value-color);
  --b-percent-column-value-color: var(--b-percent-column-low-value-color);
}
.b-percent-bar-outer.b-zero {
  --b-percent-column-value-color: var(--b-percent-column-zero-value-color);
}
.b-percent-bar-outer .b-percent-bar {
  background: var(--b-percent-column-fill-background);
  width: var(--bi-percent-bar-value);
  transition: var(--bi-percent-column-transition);
}
.b-percent-bar-value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  font-size: 0.6em;
  container-name: percent-column-value;
  container-type: size;
}
.b-percent-bar-value label {
  transition: translate .5s, color .5s;
  margin-inline-start: 0.5em;
  color: var(--b-percent-column-value-color);
  translate: var(--bi-percent-column-value-translate, 0);
}
@property --bi-percent-column-circle-angle { syntax : "<angle>"; inherits : false; initial-value : 0turn; }
.b-percent-done-circle {
  --grid-percent-circle-angle: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-height: 3em;
  max-width: 3em;
  border-radius: 50%;
  background: conic-gradient(var(--b-percent-column-circle-done-color) 0 var(--bi-percent-column-circle-angle), transparent var(--bi-percent-column-circle-angle) 1turn) var(--b-percent-column-circle-background);
}
.b-percent-done-circle::after {
  content: attr(data-value);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(100% - var(--b-percent-column-circle-thickness));
  height: calc(100% - var(--b-percent-column-circle-thickness));
  background: var(--b-percent-column-circle-label-background);
  font-size: var(--b-percent-column-circle-label-font-size);
  color: var(--b-percent-column-circle-label-color);
}
.b-animating .b-percent-done-circle {
  transition: --bi-percent-column-circle-angle .5s;
}
@container percent-column-value (width < 2em) {
  label {
    margin-inline-start: -.5em !important;
    --b-percent-column-value-color: var(--b-percent-column-wide-value-color);
    --bi-percent-column-value-translate: -100%;
  }
}
.b-grid-body-container.b-scrolling .b-percent-bar,
.b-grid-body-container.b-scrolling .b-percent-bar * {
  transition: none;
}
.b-animating,
.b-grid-row-updating {
  --bi-percent-column-transition:
    width 0.5s,
    padding .5s,
    background-color .5s;
}

/* ../Grid/lib/Grid/column/RatingColumn.css */
:root,
:host {
  --b-rating-column-icon-size: 1.2em;
  --b-rating-column-empty-color: var(--b-neutral-95);
  --b-rating-column-filled-color: var(--b-color-yellow);
}
.b-rating-cell .b-rating-icon {
  font-size: var(--b-rating-column-icon-size);
  color: var(--bi-rating-column-icon-color);
  opacity: var(--bi-rating-column-icon-opacity, 1);
  transition: var(--bi-rating-column-icon-transition, all .2s linear);
}
.b-rating-cell .b-empty {
  --bi-rating-column-icon-color: var(--b-rating-column-empty-color);
  --bi-rating-column-icon-opacity: var(--bi-rating-column-empty-opacity, 1);
}
.b-rating-cell .b-filled {
  --bi-rating-column-icon-color: var(--b-rating-column-filled-color);
}
.b-rating-cell-inner {
  display: flex;
}
.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon {
  cursor: pointer;
}
.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon:hover ~ .b-icon {
  --bi-rating-column-icon-color: var(--b-rating-column-empty-color);
  --bi-rating-column-empty-opacity: 1;
}
.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable):hover .b-rating-icon {
  --bi-rating-column-icon-color: var(--b-rating-column-filled-color);
  --bi-rating-column-empty-opacity: 0.4;
}
.b-grid-body-container.b-scrolling .b-rating-icon {
  --bi-rating-column-icon-transition: none;
}

/* ../Grid/lib/Grid/column/RowNumberColumn.css */
:root,
:host {
  --b-row-number-column-background: var(--b-neutral-97);
}
.b-grid-base .b-grid-cell.b-row-number-cell {
  --b-grid-cell-background: var(--b-row-number-column-background);
}

/* ../Grid/lib/Grid/column/TreeColumn.css */
:root,
:host {
  --b-tree-loading-icon: "\f110";
  --b-tree-icon-width: 1.25em;
  --b-tree-cell-gap: var(--b-widget-gap);
  --b-tree-parent-font-weight: 500;
  --b-tree-indent-size: 1.7em;
  --b-tree-leaf-icon-font-size: 0.3em;
  --b-tree-expander-color: var(--b-text-3);
  --b-tree-expander-row-hover-color: var(--b-tree-expander-color);
  --b-tree-parent-color: var(--b-grid-cell-color);
  --b-tree-icon-color: var(--b-tree-expander-color);
  --b-tree-icon-row-hover-color: var(--b-tree-expander-color);
  --b-tree-line-width: 2px;
  --b-tree-line-color: var(--b-neutral-85);
  --b-tree-line-offset: .45em;
}
.b-internal {
  --b-tree-level: null;
}
.b-tree-expander {
  position: relative;
  top: 1px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.b-loading-children .b-tree-expander.b-icon:before {
  animation: b-anim-rotate 2s infinite linear;
  content: var(--b-tree-loading-icon);
}
.b-grid-cell.b-tree-cell {
  align-items: stretch;
  gap: 0;
}
.b-grid-cell.b-tree-cell.b-selected,
.b-grid-cell.b-tree-cell.b-hover {
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-tree-cell-inner {
  gap: var(--b-tree-cell-gap);
}
.b-tree-leaf-cell .b-tree-cell-inner:before {
  margin-inline-end: .6em;
  text-align: center;
  font-family: var(--b-widget-icon-font-family);
  color: var(--b-tree-expander-color);
  width: var(--b-tree-icon-width);
  min-width: var(--b-tree-icon-width);
}
.b-tree-icon,
.b-icon-tree-leaf,
.b-icon-tree-folder,
.b-icon-tree-folder-open,
.b-icon-tree-expand,
.b-icon-tree-collapse {
  text-align: center;
  color: var(--b-tree-expander-color);
  width: var(--b-tree-icon-width);
  min-width: var(--b-tree-icon-width);
}
.b-tree-icon {
  color: var(--b-tree-icon-color);
}
.b-icon-tree-leaf:before {
  vertical-align: middle;
  width: 100%;
  font-size: var(--b-tree-leaf-icon-font-size);
}
.b-icon-tree-folder:before,
.b-icon-tree-folder-open:before {
  margin-inline-start: .1em;
}
:is(.b-icon-tree-expand, .b-icon-tree-collapse).b-empty-parent {
  visibility: hidden;
}
:is(.b-icon-tree-expand, .b-icon-tree-collapse):before {
  font-size: 1.2em;
}
.b-tree:not(.b-show-tree-lines) .b-tree-cell-inner {
  padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level));
}
.b-tree:not(.b-show-tree-lines) .b-tree-leaf-cell .b-tree-parent-has-icon {
  padding-inline-start: calc(var(--b-tree-indent-size) * (var(--b-tree-level) - 1) + var(--b-tree-icon-width) + var(--b-tree-cell-gap));
}
.b-tree-line {
  flex-shrink: 0;
  border-color: var(--b-tree-line-color);
  width: var(--b-tree-indent-size);
}
.b-tree-line::before {
  content: "";
  display: block;
  border-inline-start-color: inherit;
  border-inline-start-style: solid;
  height: 100%;
  position: relative;
  border-inline-start-width: var(--b-tree-line-width);
  inset-inline-start: var(--b-tree-line-offset);
}
.b-tree-cell-inner {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
  padding-block: 0.5em;
}
.b-tree-cell-inner.b-text-value {
  flex-shrink: 1;
  overflow: hidden;
}
.b-tree-cell-inner.b-text-value .b-tree-cell-value {
  display: initial;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-tree-cell.b-auto-height .b-tree-cell-inner {
  flex-shrink: 1;
}
.b-tree-cell.b-auto-height {
  flex-shrink: 1;
}
a.b-tree-cell-inner {
  text-decoration: none;
}
a.b-tree-cell-inner:hover .b-tree-cell-value {
  text-decoration: underline;
}
.b-tree-parent-row .b-grid-cell {
  font-weight: var(--b-tree-parent-font-weight);
  --b-grid-cell-color: var(--b-tree-parent-color);
}
.b-tree-parent-row .b-grid-cell.b-selected,
.b-tree-parent-row .b-grid-cell.b-hover {
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-tree-cell-value {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--b-grid-cell-gap);
}
.b-touch .b-tree-expander {
  width: 1.1em;
}
.b-touch .b-icon-tree-expand:before,
.b-touch .b-icon-tree-collapse:before {
  font-size: 1.8em;
}
.b-touch .b-icon-tree-leaf:before {
  font-size: .6em;
}
.b-touch .b-tree-icon,
.b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before {
  font-size: 1.2em;
}
:is(.b-grid-row, .b-grid-cell).b-hover,
:is(.b-grid-row, .b-grid-cell).b-selected {
  --b-tree-expander-color: var(--b-tree-expander-row-hover-color);
  --b-tree-icon-color: var(--b-tree-icon-row-hover-color);
}

/* ../Grid/lib/Grid/column/WidgetColumn.css */
.b-widget-cell {
  --b-button-max-height: 80%;
}

/* build/temp-entry-Grid.css */
