@charset "utf-8";

.ag-column-select { display: flex; flex: 3 1 0px; flex-direction: column; overflow: hidden; position: relative; }

.ag-column-select-header { align-items: center; display: flex; flex: 0 0 auto; gap: var(--ag-widget-horizontal-spacing); height: var(--ag-header-height); padding-left: var(--ag-widget-container-horizontal-padding); padding-right: var(--ag-widget-container-horizontal-padding); position: relative; }

.ag-column-select-column, .ag-column-select-column-group {
  align-items: center; display: flex; gap: var(--ag-widget-horizontal-spacing); height: 100%; position: relative;
  &:where(:not(:last-child)) { margin-bottom: var(--ag-widget-vertical-spacing); }
}

:where(.ag-ltr) .ag-column-select-column, :where(.ag-ltr) .ag-column-select-column-group { padding-left: calc(var(--ag-indentation-level)*var(--ag-column-select-indent-size)); }

:where(.ag-rtl) .ag-column-select-column, :where(.ag-rtl) .ag-column-select-column-group { padding-right: calc(var(--ag-indentation-level)*var(--ag-column-select-indent-size)); }

.ag-column-select-header-icon {
  border-radius: var(--ag-border-radius); cursor: pointer; height: var(--ag-icon-size); position: relative; width: var(--ag-icon-size);
  &:focus-visible { box-shadow: var(--ag-focus-shadow); }
}

.ag-column-select-header-filter-wrapper { flex: 1 1 auto; }

.ag-column-select-header-filter { width: 100%; }

.ag-column-select-list { flex: 1 1 0px; overflow: hidden; }

:where(.ag-ltr) .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-spacing)*1.5); }

:where(.ag-rtl) .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-spacing)*1.5); }

.ag-column-select-column-group-readonly, .ag-column-select-column-readonly {
  opacity: 0.5; pointer-events: none;
  & .ag-icon { opacity: 0.5; }
  &.ag-icon-grip { opacity: 0.35; }
}

.ag-column-select-column-readonly {
  &.ag-icon-grip, & .ag-icon-grip { opacity: 0.35; }
}

.ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding)*.5) 0; }

.ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); }

.ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ag-column-select-checkbox { display: flex; }