@import "../../variables.scss";

.tree {
  &__ctrl {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid $border-color;
    background: $pane-overlay-bg-hover;
    padding: 4px 0;
  }
  &__filter,
  &__sorter,
  &__filter-marks {
    padding: 0 $gap-size 0 $gap-size;
    position: relative;
    white-space: nowrap;
  }
  &__strut {
    flex: 1;
  }
  &__empty {
    border-top: 1px solid #eceff1;
    padding: 8px 0 0 15px;
  }
  .pane__controls {
    display: flex;
  }
  &__info,
  &__download {
    cursor: pointer;
    padding: 7px;
    color: $text-color;
    opacity: 0.7;
    &:hover {
      opacity: 1;
    }
  }
}