/** * Ag grid theme styles */
.ag-theme-alpine-dark {
  --ag-grid-size: var(--en-ag-grid-size);
  --ag-line-height: var(--en-ag-line-height);
  --ag-background-color: var(--en-ag-background-color);
  --ag-foreground-color: var(--en-ag-foreground-color);
  --ag-invalid-color: var(--en-ag-invalid-color);
  --ag-advanced-filter-builder-indent-size: var(--en-ag-advanced-filter-builder-indent-size);
  --ag-advanced-filter-column-pill-color: var(--en-ag-advanced-filter-column-pill-color);
  --ag-advanced-filter-join-pill-color: var(--en-ag-advanced-filter-join-pill-color);
  --ag-advanced-filter-option-pill-color: var(--en-ag-advanced-filter-option-pill-color);
  --ag-advanced-filter-value-pill-color: var(--en-ag-advanced-filter-value-pill-color);
  --ag-alpine-active-color: var(--en-ag-alpine-active-color);
  --ag-border-color: var(--en-ag-border-color);
  --ag-border-radius: var(--en-ag-border-radius);
  --ag-borders: var(--en-ag-borders);
  --ag-borders-secondary: var(--en-ag-borders-secondary);
  --ag-borders-critical: var(--en-ag-borders-critical);
  --ag-borders-input: var(--en-ag-borders-input);
  --ag-borders-input-invalid: var(--en-ag-borders-input-invalid);
  --ag-borders-side-button: var(--en-ag-borders-side-button);
  --ag-popup-shadow: var(--en-ag-popup-shadow);
  --ag-card-shadow: var(--en-ag-card-shadow);
  --ag-card-radius: var(--en-ag-card-radius);
  --ag-cell-horizontal-border: var(--en-ag-cell-horizontal-border);
  --ag-cell-horizontal-padding: var(--en-ag-cell-horizontal-padding);
  --ag-cell-widget-spacing: var(--en-ag-cell-widget-spacing);
  --ag-checkbox-background-color: var(--en-ag-checkbox-background-color);
  --ag-checkbox-checked-color: var(--en-ag-checkbox-checked-color);
  --ag-checkbox-unchecked-color: var(--en-ag-checkbox-unchecked-color);
  --ag-checkbox-indeterminate-color: var(--en-ag-checkbox-indeterminate-color);
  --ag-checkbox-border-radius: var(--en-ag-checkbox-border-radius);
  --ag-chip-background-color: var(--en-ag-chip-background-color);
  --ag-column-hover-color: var(--en-ag-column-hover-color);
  --ag-column-select-indent-size: var(--en-ag-column-select-indent-size);
  --ag-control-panel-background-color: var(--en-ag-control-panel-background-color);
  --ag-data-color: var(--en-ag-data-color);
  --ag-disabled-foreground-color: var(--en-ag-disabled-foreground-color);
  --ag-font-family: var(--en-ag-font-family);
  --ag-font-size: var(--en-ag-font-size);
  --ag-header-height: var(--en-ag-header-height);
  --ag-header-background-color: var(--en-ag-header-background-color);
  --ag-header-foreground-color: var(--en-ag-header-foreground-color);
  --ag-header-column-resize-handle-display: var(--en-ag-header-column-resize-handle-display);
  --ag-header-column-resize-handle-height: var(--en-ag-header-column-resize-handle-height);
  --ag-header-column-resize-handle-width: var(--en-ag-header-column-resize-handle-width);
  --ag-header-cell-hover-background-color: var(--en-ag-header-cell-hover-background-color);
  --ag-header-cell-moving-background-color: var(--en-ag-header-cell-moving-background-color);
  --ag-icon-font-family: var(--en-ag-icon-font-family);
  --ag-icon-size: var(--en-ag-icon-size);
  --ag-input-border-color: var(--en-ag-input-border-color);
  --ag-input-border-color-invalid: var(--en-ag-input-border-color-invalid);
  --ag-input-focus-box-shadow: var(--en-ag-input-focus-box-shadow);
  --ag-input-focus-border-color: var(--en-ag-input-focus-border-color);
  --ag-input-disabled-background-color: var(--en-ag-input-disabled-background-color);
  --ag-input-disabled-border-color: var(--en-ag-input-disabled-border-color);
  --ag-list-item-height: var(--en-ag-list-item-height);
  --ag-modal-overlay-background-color: var(--en-ag-modal-overlay-background-color);
  --ag-minichart-selected-chart-color: var(--en-ag-minichart-selected-chart-color);
  --ag-minichart-selected-page-color: var(--en-ag-minichart-selected-page-color);
  --ag-odd-row-background-color: var(--en-ag-odd-row-background-color);
  --ag-range-selection-border-color: var(--en-ag-range-selection-border-color);
  --ag-range-selection-background-color: var(--en-ag-range-selection-background-color);
  --ag-range-selection-background-color-2: var(--en-ag-range-selection-background-color-2);
  --ag-range-selection-background-color-3: var(--en-ag-range-selection-background-color-3);
  --ag-range-selection-background-color-4: var(--en-ag-range-selection-background-color-4);
  --ag-row-border-style: var(--en-ag-row-border-style);
  --ag-row-border-width: var(--en-ag-row-border-width);
  --ag-row-border-color: var(--en-ag-row-border-color);
  --ag-row-hover-color: var(--en-ag-row-hover-color);
  --ag-row-height: var(--en-ag-row-height);
  --ag-row-group-indent-size: var(--en-ag-row-group-indent-size);
  --ag-secondary-border-color: var(--en-ag-secondary-border-color);
  --ag-secondary-foreground-color: var(--en-ag-secondary-foreground-color);
  --ag-selected-row-background-color: var(--en-ag-selected-row-background-color);
  --ag-selected-tab-underline-color: var(--en-ag-selected-tab-underline-color);
  --ag-selected-tab-underline-transition-speed: var(--en-ag-selected-tab-underline-transition-speed);
  --ag-selected-tab-underline-width: var(--en-ag-selected-tab-underline-width);
  --ag-set-filter-indent-size: var(--en-ag-set-filter-indent-size);
  --ag-side-bar-panel-width: var(--en-ag-side-bar-panel-width);
  --ag-side-button-selected-background-color: var(--en-ag-side-button-selected-background-color);
  --ag-subheader-background-color: var(--en-ag-subheader-background-color);
  --ag-subheader-toolbar-background-color: var(--en-ag-subheader-toolbar-background-color);
  --ag-tab-min-width: var(--en-ag-tab-min-width);
  --ag-toggle-button-height: var(--en-ag-toggle-button-height);
  --ag-toggle-button-width: var(--en-ag-toggle-button-width);
  --ag-toggle-button-border-width: var(--en-ag-toggle-button-border-width);
  --ag-toggle-button-on-border-color: var(--en-ag-toggle-button-on-border-color);
  --ag-toggle-button-on-background-color: var(--en-ag-toggle-button-on-background-color);
  --ag-toggle-button-off-border-color: var(--en-ag-toggle-button-off-border-color);
  --ag-toggle-button-off-background-color: var(--en-ag-toggle-button-off-background-color);
  --ag-toggle-button-switch-border-color: var(--en-ag-toggle-button-switch-border-color);
  --ag-toggle-button-switch-background-color: var(--en-ag-toggle-button-switch-background-color);
  --ag-tooltip-background-color: var(--en-ag-tooltip-background-color);
  --ag-value-change-value-highlighted-background-color: var(--en-ag-value-change-value-highlighted-background-color);
  --ag-value-change-delta-up-color: var(--en-ag-value-change-delta-up-color);
  --ag-value-change-delta-down-color: var(--en-ag-value-change-delta-down-color);
  --ag-widget-container-horizontal-padding: var(--en-ag-widget-container-horizontal-padding);
  --ag-widget-container-vertical-padding: var(--en-ag-widget-container-vertical-padding);
  --ag-widget-vertical-spacing: var(--en-ag-widget-vertical-spacing);
  /** * Targets all the input fields in ag-grid */
  /** * Targets the select dropdown */
  /** * Required to make the icons appear */
}
.ag-theme-alpine-dark input[class^='ag-']:not([type]),
.ag-theme-alpine-dark input[class^='ag-'][type='text'],
.ag-theme-alpine-dark input[class^='ag-'][type='number'],
.ag-theme-alpine-dark input[class^='ag-'][type='tel'],
.ag-theme-alpine-dark input[class^='ag-'][type='date'],
.ag-theme-alpine-dark input[class^='ag-'][type='datetime-local'],
.ag-theme-alpine-dark textarea[class^='ag-'] {
  min-height: calc(var(--ag-grid-size) * 6);
  padding: 0 size(2);
  /** * Overrides the padding when these classes are applied */
  /** * The placeholder text in all input fields */
}
.ag-ltr .ag-theme-alpine-dark input[class^='ag-']:not([type]),
.ag-ltr .ag-theme-alpine-dark input[class^='ag-'][type='text'],
.ag-ltr .ag-theme-alpine-dark input[class^='ag-'][type='number'],
.ag-ltr .ag-theme-alpine-dark input[class^='ag-'][type='tel'],
.ag-ltr .ag-theme-alpine-dark input[class^='ag-'][type='date'],
.ag-ltr .ag-theme-alpine-dark input[class^='ag-'][type='datetime-local'],
.ag-ltr .ag-theme-alpine-dark textarea[class^='ag-'],
.ag-rtl .ag-theme-alpine-dark input[class^='ag-']:not([type]),
.ag-rtl .ag-theme-alpine-dark input[class^='ag-'][type='text'],
.ag-rtl .ag-theme-alpine-dark input[class^='ag-'][type='number'],
.ag-rtl .ag-theme-alpine-dark input[class^='ag-'][type='tel'],
.ag-rtl .ag-theme-alpine-dark input[class^='ag-'][type='date'],
.ag-rtl .ag-theme-alpine-dark input[class^='ag-'][type='datetime-local'],
.ag-rtl .ag-theme-alpine-dark textarea[class^='ag-'] {
  padding: 0 size(2);
}
.ag-theme-alpine-dark input[class^='ag-']:not([type])::placeholder,
.ag-theme-alpine-dark input[class^='ag-'][type='text']::placeholder,
.ag-theme-alpine-dark input[class^='ag-'][type='number']::placeholder,
.ag-theme-alpine-dark input[class^='ag-'][type='tel']::placeholder,
.ag-theme-alpine-dark input[class^='ag-'][type='date']::placeholder,
.ag-theme-alpine-dark input[class^='ag-'][type='datetime-local']::placeholder,
.ag-theme-alpine-dark textarea[class^='ag-']::placeholder {
  color: var(--en-theme-color-content-secondary-subtle);
}

.ag-theme-alpine-dark .ag-select .ag-picker-field-display {
  margin: 0 size(2);
}
.ag-theme-alpine-dark .ag-select .ag-picker-field-icon {
  margin-inline-end: size(2);
}
.ag-theme-alpine-dark .ag-select-list-item {
  padding: 0 size(2);
}
.ag-theme-alpine-dark .ag-icon {
  font-family: agGridAlpine;
}