/* 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);
}

.cell-dropdown-field {
  position: absolute;
  left: 0;
  right: 0;
  padding-right: var(--grid-cell-horizontal-padding, 5px);
  padding-left: var(--grid-cell-horizontal-padding, 5px);
  overflow: hidden;
  display: flex;
  align-items: center;
  --spectrum-dropdown-height: var(--grid-row-height, 20px);
  --spectrum-dropdown-quiet-min-width: 0;
  --spectrum-dropdown-min-width: 0;
  --spectrum-dropdown-text-size: var(--grid-font-size, 12px);
  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);
}
.cell-dropdown-field::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  transform: rotate(45deg);
  margin-left: 4px;
  margin-bottom: 4px;
  opacity: 0.7;
}
.cell-dropdown-field .cell-dropdown-field-picker {
  flex: 1;
  min-width: 0;
  transform: translateY(mod(var(--grid-row-height, 19px) - var(--grid-font-size, 12px), 2px));
}
.cell-dropdown-field .cell-dropdown-field-picker svg[class*=spectrum-Dropdown-chevron] {
  display: none;
}
.cell-dropdown-field .cell-dropdown-field-picker button {
  font-family: "fira sans", sans-serif;
  color: inherit;
}
.cell-dropdown-field.error {
  box-shadow: 0 0 0 2px var(--dh-color-negative), 0 0 0 5px color-mix(in srgb, var(--dh-color-negative) 25%, transparent);
}

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