@charset "utf-8";

.ag-tool-panel-wrapper { display: flex; overflow: hidden auto; user-select: none; width: var(--ag-side-bar-panel-width); }

.ag-tool-panel-external { display: flex; flex-direction: row; }

:where(.ag-tool-panel-external) .ag-tool-panel-wrapper { flex-grow: 1; }

.ag-select-agg-func-item {
  align-items: center; display: flex; flex: 1 1 auto; flex-flow: row; height: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap;
  & > * { flex: 0 0 auto; }
}

.ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0px; width: 5px; z-index: 1; }

.ag-side-bar { background-color: var(--ag-side-bar-background-color); display: flex; flex-direction: row-reverse; position: relative; }

:where(.ag-ltr) :where(.ag-side-bar-left) .ag-tool-panel-horizontal-resize { right: -3px; }

:where(.ag-rtl) :where(.ag-side-bar-left) .ag-tool-panel-horizontal-resize { left: -3px; }

:where(.ag-ltr) :where(.ag-side-bar-right) .ag-tool-panel-horizontal-resize { left: -3px; }

:where(.ag-rtl) :where(.ag-side-bar-right) .ag-tool-panel-horizontal-resize { right: -3px; }

.ag-side-bar-left { flex-direction: row; order: -1; }

.ag-side-buttons { background-color: var(--ag-side-button-bar-background-color); padding-top: var(--ag-side-button-bar-top-padding); position: relative; }

.ag-side-button {
  background-color: var(--ag-side-button-background-color); border-bottom: var(--ag-side-button-border); border-top: var(--ag-side-button-border); color: var(--ag-side-button-text-color); margin-top: -1px; position: relative;
  &::before { background-color: transparent; bottom: 0px; content: ""; display: block; position: absolute; top: 0px; transition: background-color var(--ag-side-button-selected-underline-transition-duration); width: var(--ag-side-button-selected-underline-width); }
  &:hover { background-color: var(--ag-side-button-hover-background-color); color: var(--ag-side-button-hover-text-color); }
  &.ag-selected {
  background-color: var(--ag-side-button-selected-background-color); border-bottom: var(--ag-side-button-selected-border); border-top: var(--ag-side-button-selected-border); color: var(--ag-side-button-selected-text-color);
  &::before { background-color: var(--ag-side-button-selected-underline-color); }
}
}

:where(.ag-ltr) .ag-side-button {
  &::before { left: 0px; }
}

:where(.ag-rtl) .ag-side-button {
  &::before { right: 0px; }
}

.ag-side-button-button {
  align-items: center; display: flex; flex-direction: column; gap: var(--ag-spacing); position: relative; white-space: nowrap; width: 100%;
  &:focus { box-shadow: none; }
}

:where(.ag-ltr) .ag-side-button-button { padding: var(--ag-side-button-vertical-padding) var(--ag-side-button-right-padding) var(--ag-side-button-vertical-padding) var(--ag-side-button-left-padding); }

:where(.ag-rtl) .ag-side-button-button { padding: var(--ag-side-button-vertical-padding) var(--ag-side-button-left-padding) var(--ag-side-button-vertical-padding) var(--ag-side-button-right-padding); }

.ag-side-button-button:focus-visible { box-shadow: inset var(--ag-focus-shadow); }

.ag-side-button-label { writing-mode: vertical-lr; }

@media (resolution <= 1.5x) {
  .ag-side-button-label { font-family: "Segoe UI",var(--ag-font-family); }
  :where(.ag-ltr) .ag-side-button-label { transform: rotate(0.05deg); }
  :where(.ag-rtl) .ag-side-button-label { transform: rotate(-0.05deg); }
}

:where(.ag-ltr) .ag-side-bar-left, :where(.ag-rtl) .ag-side-bar-right {
  border-right: var(--ag-side-panel-border);
  & :where(.ag-tool-panel-wrapper) { border-left: var(--ag-side-panel-border); }
}

:where(.ag-ltr) .ag-side-bar-right, :where(.ag-rtl) .ag-side-bar-left {
  border-left: var(--ag-side-panel-border);
  & :where(.ag-tool-panel-wrapper) { border-right: var(--ag-side-panel-border); }
}