@charset "utf-8";

.ag-advanced-filter-header { align-items: center; background-color: var(--ag-header-background-color); border-bottom: var(--ag-header-row-border); display: flex; position: relative; }

.ag-advanced-filter { align-items: center; display: flex; width: 100%; }

.ag-advanced-filter-buttons { display: contents; }

.ag-advanced-filter-header-cell { height: 100%; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); }

.ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button {
  align-items: center; background-color: unset; border: 0px; display: flex; font-size: var(--ag-font-size); font-weight: 600; line-height: normal; padding: var(--ag-spacing); white-space: nowrap;
  &:where(:not(:disabled)) {
  cursor: pointer;
  &:hover { background-color: var(--ag-row-hover-color); }
}
}

:where(.ag-ltr) .ag-advanced-filter-apply-button, :where(.ag-ltr) .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-spacing)*2); }

:where(.ag-rtl) .ag-advanced-filter-apply-button, :where(.ag-rtl) .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-spacing)*2); }

:where(.ag-ltr) .ag-advanced-filter-builder-button-label { margin-left: var(--ag-spacing); }

:where(.ag-rtl) .ag-advanced-filter-builder-button-label { margin-right: var(--ag-spacing); }

.ag-advanced-filter-builder { display: flex; flex-direction: column; user-select: none; width: 100%; }

.ag-advanced-filter-builder-list { flex: 1 1 0%; overflow: auto; }

.ag-advanced-filter-builder-button-panel { border-top: var(--ag-advanced-filter-builder-button-bar-border); display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); }

:where(.ag-ltr) .ag-advanced-filter-builder-apply-button, :where(.ag-ltr) .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-spacing)*2); }

:where(.ag-rtl) .ag-advanced-filter-builder-apply-button, :where(.ag-rtl) .ag-advanced-filter-builder-cancel-button { margin-right: calc(var(--ag-spacing)*2); }

.ag-advanced-filter-builder-item-wrapper { align-items: center; display: flex; flex: 1 1 auto; justify-content: space-between; overflow: hidden; }

:where(.ag-ltr) .ag-advanced-filter-builder-item-wrapper { padding-left: calc(var(--ag-icon-size)/2); padding-right: var(--ag-icon-size); }

:where(.ag-rtl) .ag-advanced-filter-builder-item-wrapper { padding-left: var(--ag-icon-size); padding-right: calc(var(--ag-icon-size)/2); }

:where(.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper) .ag-tab-guard { position: absolute; }

.ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); }

.ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
  &::before { height: 50%; top: 50%; }
}

.ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-bottom, .ag-advanced-filter-builder-item-tree-line-vertical-top {
  align-items: center; display: flex; height: 100%; position: relative;
  &::after, &::before { content: ""; height: 100%; position: absolute; }
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after { border-bottom: var(--ag-border-width) solid var(--ag-border-color); height: 50%; top: 0px; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); }

:where(.ag-ltr) .ag-advanced-filter-builder-item-tree-line-horizontal::after { left: calc(var(--ag-icon-size)/2); }

:where(.ag-rtl) .ag-advanced-filter-builder-item-tree-line-horizontal::after { right: calc(var(--ag-icon-size)/2); }

.ag-advanced-filter-builder-item-tree-line-vertical::before { top: 0px; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)/2); }

:where(.ag-ltr) .ag-advanced-filter-builder-item-tree-line-vertical::before { border-left: var(--ag-border-width) solid var(--ag-border-color); left: calc(var(--ag-icon-size)/2); }

:where(.ag-rtl) .ag-advanced-filter-builder-item-tree-line-vertical::before { border-right: var(--ag-border-width) solid var(--ag-border-color); right: calc(var(--ag-icon-size)/2); }

.ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; top: 0px; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)/2); }

:where(.ag-ltr) .ag-advanced-filter-builder-item-tree-line-vertical-top::before { border-left: var(--ag-border-width) solid var(--ag-border-color); left: calc(var(--ag-icon-size)/2); }

:where(.ag-rtl) .ag-advanced-filter-builder-item-tree-line-vertical-top::before { border-right: var(--ag-border-width) solid var(--ag-border-color); right: calc(var(--ag-icon-size)/2); }

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc(50% - var(--ag-icon-size)*1.5/2); top: calc(50% + var(--ag-icon-size)*1.5/2); width: calc(var(--ag-icon-size)/2); }

:where(.ag-ltr) .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { border-left: var(--ag-border-width) solid var(--ag-border-color); left: calc(var(--ag-icon-size)/2); }

:where(.ag-rtl) .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { border-right: var(--ag-border-width) solid var(--ag-border-color); right: calc(var(--ag-icon-size)/2); }

.ag-advanced-filter-builder-item-condition { padding-bottom: var(--ag-spacing); padding-top: var(--ag-spacing); }

.ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-item-tree-lines, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-pill-wrapper { align-items: center; display: flex; height: 100%; }

.ag-advanced-filter-builder-pill-wrapper { margin: 0 var(--ag-spacing); }

.ag-advanced-filter-builder-pill { border-radius: var(--ag-border-radius); min-height: calc(100% - var(--ag-spacing)*3); min-width: calc(var(--ag-spacing)*2); padding: var(--ag-spacing) calc(var(--ag-spacing)*2); position: relative; }

:where(.ag-advanced-filter-builder-pill) {
  & .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; }
  & .ag-advanced-filter-builder-value-empty { color: var(--ag-subtle-text-color); }
}

:where(.ag-ltr) :where(.ag-advanced-filter-builder-pill) {
  & .ag-picker-field-display { margin-right: var(--ag-spacing); }
}

:where(.ag-rtl) :where(.ag-advanced-filter-builder-pill) {
  & .ag-picker-field-display { margin-left: var(--ag-spacing); }
}

.ag-advanced-filter-builder-pill-display { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ag-advanced-filter-builder-join-pill { background-color: var(--ag-advanced-filter-builder-join-pill-color); cursor: pointer; }

.ag-advanced-filter-builder-column-pill { background-color: var(--ag-advanced-filter-builder-column-pill-color); cursor: pointer; }

.ag-advanced-filter-builder-option-pill { background-color: var(--ag-advanced-filter-builder-option-pill-color); cursor: pointer; }

.ag-advanced-filter-builder-value-pill {
  background-color: var(--ag-advanced-filter-builder-value-pill-color); cursor: text; max-width: 140px;
  & :where(.ag-advanced-filter-builder-pill-display) { display: block; }
}

.ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-spacing)*.5); }

.ag-advanced-filter-builder-item-button { color: var(--ag-subtle-text-color); cursor: pointer; position: relative; }

.ag-advanced-filter-builder-item-button, .ag-advanced-filter-builder-pill {
  &:focus-visible { box-shadow: var(--ag-focus-shadow); }
}

.ag-advanced-filter-builder-item-button-disabled { cursor: default; opacity: 0.5; }

.ag-advanced-filter-builder-virtual-list-container { top: var(--ag-spacing); }

.ag-advanced-filter-builder-virtual-list-item {
  cursor: default; display: flex; height: var(--ag-list-item-height);
  &:hover {
  background-color: var(--ag-row-hover-color);
  & :where(.ag-advanced-filter-builder-item-button) { opacity: 1; }
}
}

.ag-advanced-filter-builder-invalid { color: var(--ag-subtle-text-color); cursor: default; margin: 0 var(--ag-spacing); }

:where(.ag-advanced-filter-builder-validation) .ag-advanced-filter-builder-invalid { color: var(--ag-invalid-color); }

:where(.ag-advanced-filter-builder-virtual-list-item-highlight) .ag-advanced-filter-builder-item-button:focus-visible { opacity: 1; }