.erda-list-select {
  width: 50%;
  min-width: 460px;

  &-btn {
    background-color: rgba($color-purple-highlight, 0.1);
    color: $color-purple-highlight;
    transition: all 0.5s;

    &.dropdown-open {
      background-color: $color-purple-highlight;
      color: $white;
    }
  }

  .result-list {
    background-color: rgba($color-default, 0.01);
    color: $color-default;

    .erda-list-select-selected-item-delete {
      color: $color-default-4;
      visibility: hidden;
    }

    .erda-list-select-selected-item:hover {
      .text-hover {
        color: $color-purple-highlight !important;
      }

      .erda-list-select-selected-item-delete {
        visibility: visible;
      }
    }
  }

  .time-line-collapse {
    .ant-collapse-header {
      padding: 0 !important;
    }

    &-header {
      display: inline-block;
      width: calc(100% - 24px);

      .remove-group {
        visibility: hidden;
      }

      &.active,
      &:hover {
        .group-title {
          font-weight: 500;
        }

        .remove-group {
          visibility: visible;
        }
      }
    }
  }

  .project-release-time-line {
    .ant-timeline-item .ant-timeline-item-tail {
      left: 4px;
    }

    .ant-timeline-item-head {
      background: transparent;
    }
  }

  .ant-timeline-item {
    padding-bottom: 16px;
  }

  .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

.no-wrapper-modal {
  .ant-modal-body {
    padding: 0;
  }

  .ant-modal-close {
    color: $color-white-4;

    &:hover {
      color: $color-white-6;
    }
  }
}

.erda-list-select-overlay {
  width: 1120px;
  height: 400px;
  background-color: $white;

  .selected-num {
    padding: 1px 6px;
    background-color: $color-default-06;
  }

  .erda-list-select-selected-list {
    height: calc(100% - 100px);
  }

  .erda-list-select-selected-item-delete {
    visibility: hidden;
  }

  .erda-list-select-selected-item:hover {
    .text-hover {
      color: $color-purple-highlight !important;
    }

    .erda-list-select-selected-item-delete {
      visibility: visible;
    }
  }

  .erda-list-select-right-content {
    height: calc(100% - 20px);
  }

  .erda-list-select-menus {
    overflow-y: auto;
    flex-shrink: 0;

    .erda-list-select-menu-item {
      padding: 5px 8px;
      border-radius: 2px;
      cursor: pointer;
    }

    .active {
      background-color: $color-purple-highlight !important;
    }
  }

  .erda-list-select-list {
    height: calc(100% - 40px);
  }
}
