/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* stylelint-disable-next-line number-max-precision */
/* stylelint-disable */
/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* stylelint-disable-next-line number-max-precision */
:export {
  grid-bg: var(--dh-color-grid-bg);
  font: 12px Fira Sans, sans-serif;
  white: var(--dh-color-white);
  black: var(--dh-color-black);
  header-bg: var(--dh-color-grid-header-bg);
  header-color: var(--dh-color-grid-header-text);
  header-height: 30px;
  header-separator-color: var(--dh-color-grid-header-separator);
  header-separator-hover-color: var(--dh-color-grid-header-separator-hover);
  header-hidden-separator-hover-color: var(--dh-color-grid-header-separator-hidden-hover);
  header-sort-bar-color: var(--dh-color-grid-header-sort-bar);
  header-reverse-bar-color: var(--dh-color-grid-header-reverse-bar);
  header-bar-casing-color: var(--dh-color-grid-header-bar-casing);
  header-font: 600 12px Fira Sans, sans-serif;
  row-height: 19px;
  row-background-colors: var(--dh-color-grid-row-0-bg) var(--dh-color-grid-row-1-bg);
  active-cell-selection-border-width: 2px;
  selection-color: var(--dh-color-grid-selection);
  selection-outline-color: var(--dh-color-grid-selection-outline);
  selection-outline-casing-color: var(--dh-color-grid-selection-outline-casing);
  row-hover-bg: var(--dh-color-grid-row-hover-bg);
  row-shadow-alpha: var(--dh-color-grid-row-shadow-alpha);
  selected-row-hover-bg: var(--dh-color-grid-row-hover-bg-selected);
  scroll-bar-active-selection-tick-color: var(--dh-color-grid-scroll-bar-active-selection-tick);
  scroll-bar-bg: var(--dh-color-grid-scroll-bar-bg);
  scroll-bar-hover-bg: var(--dh-color-grid-scroll-bar-hover-bg);
  scroll-bar-casing-color: var(--dh-color-grid-scroll-bar-casing);
  scroll-bar-corner-color: var(--dh-color-grid-scroll-bar-corner);
  scroll-bar-color: var(--dh-color-grid-scroll-bar);
  scroll-bar-hover-color: var(--dh-color-grid-scroll-bar-hover);
  scroll-bar-active-color: var(--dh-color-grid-scroll-bar-active);
  text-color: var(--dh-color-grid-text);
  hyperlink-color: var(--dh-color-grid-text-hyperlink);
  positive-number-color: var(--dh-color-grid-number-positive);
  negative-number-color: var(--dh-color-grid-number-negative);
  zero-number-color: var(--dh-color-grid-number-zero);
  date-color: var(--dh-color-grid-date);
  pending-text-color: var(--dh-color-grid-text-pending);
  error-text-color: var(--dh-color-grid-text-error);
  null-string-color: var(--dh-color-grid-string-null);
  filter-bar-active-bg: var(--dh-color-grid-filter-bar-active-bg);
  filter-bar-active-color: var(--dh-color-grid-filter-bar-active);
  filter-bar-expanded-bg: var(--dh-color-grid-filter-bar-expanded-bg);
  filter-bar-expanded-active-bg: var(--dh-color-grid-filter-bar-expanded-active-bg);
  filter-bar-expanded-active-cell-bg: var(--dh-color-grid-filter-bar-expanded-active-cell-bg);
  filter-bar-separator-color: var(--dh-color-grid-filter-bar-separator);
  filter-bar-error-color: var(--dh-color-grid-filter-bar-error);
  filter-icon-color: var(--dh-color-grid-filter-icon);
  scrim-color: var(--dh-color-grid-scrim);
  context-menu-sort-icon-color: var(--dh-color-grid-context-menu-sort-icon);
  context-menu-reverse-icon-color: var(--dh-color-grid-context-menu-reverse-icon);
  linker-column-hover-bg: var(--dh-color-grid-column-linker-hover-bg);
  tree-line-color: var(--dh-color-grid-tree-line);
  tree-marker-color: var(--dh-color-grid-tree-marker);
  tree-marker-hover-color: var(--dh-color-grid-tree-marker-hover);
  grouped-column-divider-color: var(--dh-color-grid-column-grouped-divider);
  floating-grid-row-color: var(--dh-color-grid-floating-row);
  floating-row-background-colors: var(--dh-color-grid-floating-row-bg);
  floating-divider-inner-color: var(--dh-color-grid-floating-divider-inner);
  floating-divider-outer-color: var(--dh-color-grid-floating-divider-outer);
  overflow-button-color: var(--dh-color-grid-overflow-button);
  overflow-button-hover-color: var(--dh-color-grid-overflow-button-hover);
  zero-line-color: var(--dh-color-grid-data-bar-zero-line);
  positive-bar-color: var(--dh-color-grid-data-bar-positive);
  negative-bar-color: var(--dh-color-grid-data-bar-negative);
  marker-bar-color: var(--dh-color-grid-data-bar-marker);
}

.iris-grid {
  --table-sidebar-bg: var(--dh-color-surface-bg);
  --dh-color-hr: var(--dh-color-gray-500);
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.iris-grid .iris-grid-column {
  flex: 1 1;
  min-width: 0;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  position: relative;
}
.iris-grid .grid-cursor-copy {
  cursor: url("../assets/svg/cursor-copy.svg") 8 8, copy;
}
.iris-grid .grid-cursor-linker {
  cursor: url("../assets/svg/cursor-linker.svg") 8 8, crosshair;
}
.iris-grid .grid-cursor-linker-not-allowed {
  cursor: url("../assets/svg/cursor-linker-not-allowed.svg") 8 8, not-allowed;
}
.iris-grid .table-sidebar {
  height: 100%;
  flex: 0 0 320px;
  width: 320px;
  max-width: 320px;
  background: var(--table-sidebar-bg);
  box-shadow: 0 0 6px var(--dh-color-dropshadow);
  z-index: 1;
  position: absolute;
  right: 0;
}
.iris-grid .table-sidebar .pushing-view,
.iris-grid .table-sidebar .popping-view,
.iris-grid .table-sidebar .main-view {
  background: var(--table-sidebar-bg);
}
.iris-grid .table-sidebar.slide-left-enter-done {
  position: relative;
}
.iris-grid .table-sidebar .navigation-content {
  overflow-y: auto;
}
.iris-grid .plugin-sidebar-error {
  padding: 1rem 1.5em;
}
.iris-grid .section-title {
  padding: 1rem 0;
  font-weight: 500;
  text-align: left;
}
.iris-grid .section-footer {
  flex-grow: 2;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.iris-grid .grid-wrapper {
  font: 12px fira sans, sans-serif;
  font-feature-settings: "tnum";
  transition: all 0.2s;
}
.iris-grid .grid-wrapper .grid-settings-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
  background-color: var(--dh-color-grid-header-bg);
  border-bottom: 1px solid var(--dh-color-grid-header-separator);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.iris-grid .grid-wrapper .grid-settings-button .btn {
  height: 100%;
  width: 100%;
}
.iris-grid .grid-wrapper .grid-settings-button .btn::after {
  border-radius: 0;
}
.iris-grid .grid-wrapper .grid-settings-button .btn:focus::after {
  box-shadow: none;
}
.iris-grid .grid-wrapper .grid-settings-button.is-menu-shown {
  opacity: 0;
}
.iris-grid .grid-wrapper .grid-cell-input-field {
  color: var(--dh-color-input-fg);
  background: var(--dh-color-input-bg);
}
.iris-grid .grid-wrapper .grid-cell-input-field:focus {
  box-shadow: 0 0 0 2px var(--dh-color-grid-selection-outline), 0 0 0 5px color-mix(in srgb, var(--dh-color-accent) 25%, transparent);
}
.iris-grid .grid-wrapper .grid-cell-input-field.error {
  color: var(--dh-color-negative-bg);
}
.iris-grid .grid-wrapper .grid-cell-input-field.error:focus {
  box-shadow: 0 0 0 2px var(--dh-color-negative), 0 0 0 5px color-mix(in srgb, var(--dh-color-negative) 25%, transparent);
}

.iris-grid-loading {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.iris-grid-loading-status {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 30;
  min-width: min(320px, 100%);
}
.iris-grid-loading-status .iris-grid-loading-status-bar {
  position: relative;
  padding: 5px;
  background: var(--dh-color-content-bg, #2d2a2e);
  color: var(--dh-color-gray-700);
  border-top: 1px solid var(--dh-color-gray-500);
  border-right: 1px solid var(--dh-color-gray-500);
  overflow: hidden;
  word-wrap: break-word;
  z-index: 2;
  flex-grow: 1;
}
.iris-grid-loading-status .iris-grid-loading-status-bar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: -1;
  background: var(--dh-color-accent-bg);
  transform-origin: 0% 50%;
  opacity: 0;
}
.iris-grid-loading-status .iris-grid-loading-status-bar.show::after {
  opacity: 1;
  animation: 1.5s indeterminateAnimation infinite linear;
}
@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-50%) scaleX(0.5);
  }
  50% {
    transform: translateX(0) scaleX(0.5);
  }
  100% {
    transform: translateX(100%) scaleX(0.2);
  }
}
.iris-grid-loading-status .iris-grid-btn-cancel {
  z-index: 1;
  opacity: 0;
  border: 1px solid var(--dh-color-gray-500);
  border-left: 0;
  border-bottom: 0;
  padding: 0 7px 2px 4px;
  background: var(--dh-color-content-bg, #2d2a2e);
  color: var(--dh-color-gray-700);
  transform: translateX(-100%);
  transition: all 0.1s ease-out 0s;
  white-space: nowrap;
  outline-offset: -1px;
  outline: var(--dh-color-accent-bg);
}
.iris-grid-loading-status .iris-grid-btn-cancel:hover {
  color: var(--dh-color-fg, #f0f0ee);
  background: var(--dh-color-negative-bg);
}
.iris-grid-loading-status .iris-grid-btn-cancel:focus {
  outline: 1px solid var(--dh-color-accent-bg);
}
.iris-grid-loading-status .iris-grid-btn-cancel:active {
  background: var(--dh-color-negative-hover-bg);
}
.iris-grid-loading-status .iris-grid-btn-cancel:active:focus {
  outline-color: var(--dh-color-negative-bg);
}
.iris-grid-loading-status .iris-grid-btn-cancel.show {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.25s ease-out 0.1s;
}

.advanced-filter-button-container {
  background: none;
}
.advanced-filter-button-container .advanced-filter-button {
  height: 23px;
  margin: 0;
}
.advanced-filter-button-container .advanced-filter-button .filter-solid {
  opacity: 0;
  transition: 0.15s opacity;
}
.advanced-filter-button-container .advanced-filter-button .filter-light {
  opacity: 1;
  transition: 0.15s opacity;
}
.advanced-filter-button-container .advanced-filter-button.filter-set .filter-solid, .advanced-filter-button-container .advanced-filter-button:hover .filter-solid {
  opacity: 1;
}
.advanced-filter-button-container .advanced-filter-button.filter-set .filter-light, .advanced-filter-button-container .advanced-filter-button:hover .filter-light {
  opacity: 0;
}
.advanced-filter-button-container .advanced-filter-button:hover {
  color: var(--dh-color-gray-400);
}
.advanced-filter-button-container .advanced-filter-button:hover .filter-solid {
  color: var(--dh-color-accent-bg);
}

.advanced-filter-menu-popper {
  background: var(--dh-color-gray-400);
}
.advanced-filter-menu-popper .popper-content .advanced-filter-creator {
  max-height: 550px;
  overflow-y: auto;
  background: var(--dh-color-gray-400);
  width: 320px;
  box-shadow: none;
}
.advanced-filter-menu-popper .popper-content .popper-arrow {
  border-color: var(--dh-color-gray-400);
}

.advanced-filter-menu-container {
  pointer-events: none;
  visibility: hidden;
}

.iris-grid-bar {
  overflow: hidden;
  flex: 0 0 auto;
}
.iris-grid-bar.iris-grid-bar-horizontal-enter {
  max-height: 0;
}
.iris-grid-bar.iris-grid-bar-horizontal-enter-active {
  transition: background-color 1s ease-in, max-height 0.15s ease-in;
  max-height: 250px;
}
.iris-grid-bar.iris-grid-bar-horizontal-enter-done {
  max-height: 250px;
}
.iris-grid-bar.iris-grid-bar-horizontal-exit {
  max-height: 250px;
  transition: max-height 0.15s ease-out;
}
.iris-grid-bar.iris-grid-bar-horizontal-exit-active, .iris-grid-bar.iris-grid-bar-horizontal-exit-done {
  max-height: 0;
}
.iris-grid-bar.iris-grid-bar-vertical-enter {
  max-width: 0;
}
.iris-grid-bar.iris-grid-bar-vertical-enter-active {
  transition: background-color 1s ease-in, max-width 0.15s ease-in;
  max-width: 320px;
}
.iris-grid-bar.iris-grid-bar-vertical-enter-done {
  max-width: 320px;
}
.iris-grid-bar.iris-grid-bar-vertical-exit {
  max-width: 320px;
  transition: max-width 0.15s ease-out;
}
.iris-grid-bar.iris-grid-bar-vertical-exit-active, .iris-grid-bar.iris-grid-bar-vertical-exit-done {
  max-width: 0;
}

.iris-grid-bar-primary {
  background-color: var(--dh-color-accent-down-bg);
}
.iris-grid-bar-primary.iris-grid-bar-horizontal-enter, .iris-grid-bar-primary.iris-grid-bar-vertical-enter {
  background-color: var(--dh-color-accent-bg);
}

.link-hover-tooltip {
  text-align: left;
  max-width: 500px;
  overflow-wrap: break-word;
}

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