//
// LAYOUT
//

.visEditorSidebar {
  height: 100%;
  padding-left: $euiSizeS;

  @include euiBreakpoint('xs', 's', 'm') {
    padding-left: 0;
  }
}

.visEditorSidebar__form {
  @include flexParent(1, 1, auto);
  max-width: 100%;
}

.visEditorSidebar__config {
  padding: $euiSizeS;

  > * {
    flex-grow: 0;
  }

  @include euiBreakpoint('l', 'xl') {
    @include flexParent(1, 1, 1px);
    @include euiScrollBar;
    overflow: auto;
  }
}

.visEditorSidebar__config-isHidden {
  display: none;
}

//
// NAVIGATION
//

.visEditorSidebar__titleContainer {
  padding: $euiSizeS $euiSizeXL $euiSizeS $euiSizeS; // Extra padding on the right for the collapse button
}

.visEditorSidebar__indexPatternPlaceholder {
  min-height: $euiSizeXXL;
  border-bottom: $euiBorderThin;
}

.visEditorSidebar__nav,
.visEditorSidebar__linkedSearch {
  flex-grow: 0;
}

//
// SECTIONS
//

.visEditorSidebar__section {
  background-color: $euiColorEmptyShade;
  padding: $euiSizeS;
  border-radius: $euiBorderRadius;

  + .visEditorSidebar__section {
    margin-top: $euiSizeS;
  }
}

// Collapsible section

.visEditorSidebar__collapsible {
  background-color: lightOrDarkTheme($euiPageBackgroundColor, $euiColorLightestShade);
}

.visEditorSidebar__collapsible--marginBottom {
  margin-bottom: $euiSizeM;
}

//
// FORMS
//

.visEditorSidebar__formRow {
  display: flex;
  align-items: center;
  margin-top: $euiSizeM;
}

.visEditorSidebar__formLabel {
  display: flex;
  align-items: center;
  flex: 1 1 40%;
  padding-right: $euiSizeXS;
}

.visEditorSidebar__formControl {
  display: flex;
  align-items: center;
  flex: 1 1 60%;
}

.visEditorSidebar__aggGroupAccordionButtonContent {
  font-size: $euiFontSizeS;

  span {
    color: $euiColorDarkShade;
  }
}

.visEditorSidebar__controls {
  border-top: $euiBorderThin;
  padding: $euiSizeS;
  display: flex;
  justify-content: flex-end;
  align-items: center;

  .visEditorSidebar__autoApplyButton {
    margin-left: $euiSizeM;
  }
}