@bryntum/grid-thin-trial 7.1.1

package/grid.css

@@ -0,0 +1,2567 @@
+@charset "UTF-8";
+/* lib/Grid/column/SparklineColumn.css */
+.b-sparkline-cell .b-chart {
+  background: transparent;
+}
+
+/* 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;
+}
+.b-grid-cell.b-editing,
+.b-grid-cell.b-after-edit {
+  --bi-grid-cell-selected-color-transition-duration: 0ms;
+}
+
+/* lib/Grid/feature/Charts.css */
+.b-chart-designer-popup > .b-popup-body-wrap > .b-popup-content {
+  padding-top: 0;
+}
+.b-chart-cell .b-chart {
+  background: none;
+}
+
+/* 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-column-drag-toolbar-background: var(--b-neutral-100);
+}
+.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, var(--b-primary-40));
+  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, var(--b-primary-60));
+}
+.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, var(--b-primary-60));
+  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-default-hover-color, var(--b-primary-60));
+  --b-column-drag-toolbar-button-background: var(--b-column-drag-toolbar-default-hover-background, var(--b-primary-95));
+  --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;
+  }
+}
+
+/* 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);
+}
+
+/* lib/Grid/feature/ColumnReorder.css */
+:root,
+:host {
+  --b-column-reorder-invalid-color: var(--b-color-red);
+  --b-column-reorder-stretched-background: var(--b-primary-95);
+}
+.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);
+}
+.b-column-reorder-stretched {
+  outline: none;
+  --b-grid-header-background: var(--b-column-reorder-stretched-background);
+}
+.b-column-reorder-stretched > * {
+  display: none !important;
+}
+
+/* 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);
+}
+
+/* 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;
+}
+
+/* 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: 1;
+  --bi-grid-filter-icon-header-hover-opacity: 0.5;
+  --bi-grid-filter-icon-hover-opacity: 0.8;
+  --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: var(--bi-grid-filter-icon-hover-opacity);
+}
+.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);
+  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-active-opacity);
+}
+.b-grid-header.b-filter,
+.b-grid-base:not(.b-column-resizing, .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-margin-inline-start: var(--b-grid-header-gap);
+}
+.b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:not(.b-filter):hover {
+  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-header-hover-opacity);
+}
+.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:not(.b-filter-popup-legacy-mode) .b-panel-content {
+  padding-inline: 0;
+}
+.b-filter-popup .b-field-filter-picker-group-row {
+  padding-inline: var(--b-panel-padding);
+}
+.b-filter-popup .b-field-filter-picker-group {
+  width: 36em;
+}
+.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;
+}
+
+/* lib/Grid/feature/FilterBar.css */
+.b-filter-bar-field {
+  margin: 0 0 var(--b-grid-header-padding) 0;
+  width: 100%;
+}
+.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-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input,
+.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input::placeholder {
+  color: var(--b-grid-header-hover-color);
+}
+.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-text-field-border-radius: 0;
+  --b-combo-chip-view-padding-top: 0;
+  --b-combo-chip-view-padding: 0;
+  --b-text-field-background: transparent;
+  --b-field-trigger-color: var(--b-grid-header-icon-color);
+}
+.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 {
+  gap: 0.5em;
+}
+.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;
+}
+
+/* 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: 5;
+  --b-group-header-collapsing-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 {
+  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-collapsing,
+.b-group-row.b-expanding {
+  --b-grid-row-zindex: var(--b-group-header-collapsing-zindex);
+}
+.b-group-row .b-grid-cell {
+  --b-grid-cell-border-color: transparent;
+}
+.b-hide-row-hover .b-group-row {
+  --b-grid-cell-hover-background: var(--b-group-header-background);
+  --b-grid-cell-selected-background: var(--b-group-header-background);
+  --b-grid-cell-hover-selected-background: var(--b-group-header-background);
+}
+.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-hide-row-hover :is(.b-stripe .b-group-row) {
+  --b-grid-cell-hover-background: var(--b-group-header-stripe-background);
+  --b-grid-cell-selected-background: var(--b-group-header-stripe-background);
+  --b-grid-cell-hover-selected-background: var(--b-group-header-stripe-background);
+}
+.b-grid-cell.b-group-title {
+  contain: size layout style;
+  z-index: 1;
+  justify-content: flex-start;
+  text-align: start;
+  --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;
+  gap: var(--b-widget-gap);
+}
+.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);
+}
+
+/* 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;
+}
+
+/* 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;
+}
+
+/* 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);
+}
+
+/* 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, var(--b-primary-95));
+}
+.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, var(--b-primary-95));
+  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, var(--b-primary-95));
+}
+.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);
+}
+
+/* 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;
+}
+.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;
+  left: 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;
+}
+
+/* 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;
+}
+
+/* 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);
+}
+
+/* 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;
+}
+
+/* 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;
+}
+
+/* lib/Grid/feature/Search.css */
+.b-search-hit-cell {
+  background: var(--b-quick-find-background, var(--b-primary-95));
+}
+.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, var(--b-primary-95));
+}
+.b-search-hit-field {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  padding: .5em 0;
+  background: var(--b-quick-find-background, var(--b-primary-95));
+}
+.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);
+}
+
+/* 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:not(.b-sort) {
+  --bi-grid-sort-icon-opacity: 0;
+  --bi-grid-sort-icon-size: 0;
+  --bi-grid-sort-icon-margin-inline-start: 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);
+}
+
+/* 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;
+}
+
+/* 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;
+}
+
+/* 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);
+}
+.b-stripe .b-hide-row-hover .b-grid-row.b-odd {
+  --b-grid-cell-hover-background: var(--b-stripe-odd-color);
+  --b-grid-cell-selected-background: var(--b-stripe-odd-color);
+  --b-grid-cell-hover-selected-background: var(--b-stripe-odd-color);
+}
+.b-stripe .b-hide-row-hover .b-grid-row.b-even {
+  --b-grid-cell-hover-background: var(--b-stripe-even-color);
+  --b-grid-cell-selected-background: var(--b-stripe-even-color);
+  --b-grid-cell-hover-selected-background: var(--b-stripe-even-color);
+}
+
+/* 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));
+}
+
+/* lib/Grid/feature/TreeGroup.css */
+.b-generated-parent .b-grid-cell .b-grid-tree-group-summary {
+  display: flex;
+  justify-content: inherit;
+}
+
+/* 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);
+}
+:is(.b-grid-row.b-hover, .b-grid-row.b-selected) .b-colorize {
+  --b-quick-find-background: var(--b-quick-find-row-hover-background, var(--b-primary-95));
+}
+
+/* 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;
+}
+body:not(.b-single-page-unscaled) .b-page-wrap {
+  contain: strict;
+}
+.b-export .b-time-ranges-canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+  contain: none;
+}
+.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 {
+  display: flex;
+}
+.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;
+}
+.b-float-root .b-export-loading-toast {
+  display: flex;
+  gap: 0.5em;
+  align-items: center;
+}
+
+/* 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;
+}
+
+/* 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: min-content auto;
+  align-items: center;
+  width: 100%;
+}
+.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;
+}
+
+/* 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;
+}
+
+/* lib/Grid/view/GridBase.css */
+:root,
+:host {
+  --b-grid-column-transition-duration: var(--b-default-transition-duration);
+  --b-grid-row-transition-duration: var(--b-default-transition-duration);
+  --b-grid-empty-padding: var(--b-widget-padding);
+  --b-grid-empty-color: var(--b-text-2);
+  --b-grid-panel-header-padding: var(--b-panel-header-padding);
+  --b-grid-panel-header-border-bottom: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
+  --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-grid-cell-highlight-color: color-mix(in srgb, var(--b-color-yellow) 20%, var(--b-neutral-100));
+}
+.b-grid-base {
+  overflow: clip;
+  min-width: 0;
+  --b-panel-bottom-toolbar-padding: var(--b-grid-header-padding);
+  --b-panel-header-border-bottom: var(--b-grid-panel-header-border-bottom);
+  --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;
+  position: relative;
+  color: var(--b-grid-empty-color);
+  padding: var(--b-grid-empty-padding);
+  z-index: 20;
+}
+.b-grid-base .b-editing {
+  overflow: visible;
+  contain: unset;
+  z-index: 2;
+}
+.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) {
+  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) {
+  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-toggling-all-expand.b-grid-header {
+  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:not(.b-drop-placeholder) {
+  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 {
+  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
+  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);
+}
+.b-no-transitions .b-grid-row {
+  transition: none !important;
+}
+.b-grid-base.b-highlighting-fade .b-grid-cell:not(.b-highlighted)::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  opacity: 0.8;
+  transition: opacity 0.4s;
+  pointer-events: none;
+  background-color: var(--b-grid-cell-background, var(--b-neutral-100));
+}
+.b-grid-base:not(.b-highlighting-fade) .b-grid-cell.b-highlighted {
+  transition: background-color 0.4s;
+  background-color: var(--b-grid-cell-highlight-color);
+}
+
+/* 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: var(--b-default-transition-duration);
+  --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-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;
+}
+div.b-grid-header-container .b-yscroll-pad {
+  border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
+}
+.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;
+  -webkit-user-select: none;
+  flex-direction: column;
+  flex-shrink: 0;
+  align-items: stretch;
+  justify-content: center;
+  overflow: clip;
+  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
+  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, var(--b-primary-98));
+  --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:not(.b-drop-placeholder) {
+  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 {
+  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
+  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;
+  transition: border var(--b-default-transition-duration);
+  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;
+}
+:is(.b-writing-mode-sideways-lr, .b-writing-mode-sideways-rl, .b-writing-mode-vertical-lr, .b-writing-mode-vertical-rl) .b-grid-header-text-content {
+  display: flex;
+  text-align: start;
+  align-items: var(--b-grid-header-text-align);
+}
+.b-writing-mode-sideways-lr .b-grid-header-text-content {
+  writing-mode: sideways-lr;
+}
+.b-writing-mode-sideways-rl .b-grid-header-text-content {
+  writing-mode: sideways-rl;
+}
+.b-writing-mode-horizontal-tb .b-grid-header-text-content {
+  writing-mode: horizontal-tb;
+}
+.b-writing-mode-vertical-lr .b-grid-header-text-content {
+  writing-mode: vertical-lr;
+}
+.b-writing-mode-vertical-rl .b-grid-header-text-content {
+  writing-mode: vertical-rl;
+}
+.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);
+}
+
+/* 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, var(--b-primary-98));
+  --b-grid-cell-color: var(--b-grid-cell-selected-color);
+  --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30));
+}
+.b-selected :is(.b-grid-row .b-grid-cell),
+.b-grid-row .b-grid-cell.b-selected {
+  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96));
+  --b-grid-cell-color: var(--b-grid-cell-selected-color);
+  --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30));
+  transition: background-color var(--b-default-transition-duration), color var(--bi-grid-cell-selected-color-transition-duration, var(--b-default-transition-duration));
+}
+.b-grid-row.b-hover.b-selected .b-grid-cell {
+  --b-grid-cell-applied-background: var(--b-grid-cell-hover-selected-background, var(--b-primary-94));
+}
+.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 var(--b-default-transition-duration), border var(--b-default-transition-duration);
+}
+.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, var(--b-primary-98));
+  --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, var(--b-primary-96));
+  --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;
+  -webkit-user-select: none;
+}
+.b-grid-cell a {
+  color: var(--b-grid-link-color, var(--b-primary-30));
+}
+.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 {
+  transition: background var(--b-default-transition-duration);
+  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;
+}
+
+/* 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);
+}
+
+/* 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);
+}
+
+/* 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-wrap: nowrap;
+  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;
+}
+
+/* lib/Grid/column/CheckColumn.css */
+.b-check-header-with-checkbox {
+  align-items: center;
+}
+.b-check-header-with-checkbox .b-grid-header-text {
+  display: none;
+}
+
+/* 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);
+}
+
+/* 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);
+}
+
+/* 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: none;
+  --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-percent-bar-outer {
+  display: flex;
+  height: 30%;
+  overflow: hidden;
+  width: 100%;
+  outline-offset: -1px;
+  background: var(--b-percent-column-bar-background);
+  outline: 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 {
+  z-index: 1;
+  background: var(--b-percent-column-fill-background, var(--b-primary-50));
+  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;
+  z-index: 1;
+}
+.b-percent-bar-value label {
+  transition: translate .5s, color .5s;
+  margin-inline-start: 0.5em;
+  color: var(--b-percent-column-value-color, var(--b-primary-50));
+  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 {
+  --bi-percent-column-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, var(--b-primary)) 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, var(--b-grid-cell-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 .3s,
+    height .3s,
+    width .3s;
+}
+@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;
+}
+
+/* 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 var(--b-default-transition-duration) linear);
+}
+.b-theme-transition :is(.b-rating-cell .b-rating-icon) {
+  transition: color var(--b-default-transition-duration);
+}
+.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;
+}
+
+/* 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);
+}
+
+/* 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-icon-font-size: 1.2em;
+  --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: var(--b-tree-expander-icon-font-size);
+}
+.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;
+  transition: border-color var(--b-default-transition-duration);
+  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);
+}
+
+/* lib/Grid/column/WidgetColumn.css */
+.b-widget-cell {
+  --b-button-max-height: 80%;
+}
+
+/* build/temp-entry-Grid.css */
+/*# sourceMappingURL=grid.css.map */