.list-group {
  li {
    padding-left: @component-padding / 2;

    &.selected {
      background-color: @background-2;
      color: @text-color-selected;

      &:before {
        display: none;
      }
    }
  }
}

.list-item {
  &:hover {
    background-color: @background-2;
    color: @foreground-1;
    cursor: pointer;
  }

  &.selected {
    background-color: @background-2;

    &::before {
      content: unset;
    }
  }
}

.list-tree {
  color: @text-color;

  .selected {
    background-color: @background-2;
    color: @foreground-1;
  }
}

.select-list {
  li {
    padding: @component-padding / 2 @component-padding;
  }

  .status {
    float: right;
  }
}

.select-list.popover-list {
  @popover-list-padding: @component-padding / 2;

  background-color: @overlay-background-color;
  border-radius: @component-border-radius;
  box-shadow: 0 2px 8px 1px hsla(0,0%,0%,.3);
  padding: @popover-list-padding;

  .list-group {
    margin-top: @popover-list-padding;

    li {
      padding-left: @popover-list-padding;
    }
  }
}