.#{$transfer-prefix-cls} {
  height: 254px;

  &-list {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    width: 234px;
    height: 100%;
    vertical-align: middle;
    background: $white;
    border: $border-width solid $gray-light-9;
    border-radius: $border-radius;

    &__header,
    &__searcher,
    &__footer {
      flex-shrink: 0;
    }

    &__header {
      display: inline-flex;
      padding: $transfer-header-padding-y $transfer-spacer-x;
      background: $gray-light-4;
      border-bottom: $border-width solid $gray-light-9;

      &-targer {
        max-width: 60%;
      }

      .form-transfer-list__header-title {
        flex: 1;
      }

      .form-checkbox__inner {
        padding-left: $checkbox-size + 12px;
      }

      .form-checkbox--sm {
        .form-checkbox__inner {
          padding-left: $checkbox-sm-size + 12px;
        }
      }
    }

    &__searcher {
      padding: $transfer-spacer-y $transfer-spacer-x 0;

      & + .#{$transfer-prefix-cls}-list__body {
        padding-top: 0;
        margin-top: $transfer-spacer-y;
      }
    }

    &__body {
      flex: 1;
      padding: $transfer-spacer-x 0;
      margin-bottom: 0;
      overflow-y: auto;

      li {
        padding: $transfer-spacer-y + 2px $transfer-spacer-x 0;

        &:first-child {
          padding-top: 0;
        }
      }
    }

    &__not-found {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      color: $gray-light-45;
    }

    &__text {
      display: inline-block;
      max-width: 80%;
      vertical-align: middle;
      @include text-truncate;

      .form-checkbox__inner {
        padding-left: $checkbox-size + 10px;
      }

      &.form-checkbox--sm {
        .form-checkbox__inner {
          padding-left: $checkbox-sm-size + 8px;
        }
      }
    }

    &__footer{
      padding: $transfer-spacer-y $transfer-spacer-x;
      text-align: right;
      border-top: $border-width solid $gray-light-9;

    }
  }

  &-operation {
    display: inline-block;
    margin: 0 $transfer-operation-spacer;
    vertical-align: middle;

    button {
      min-width: $btn-sm-height;
      margin-bottom: 8px;
    }

    li:last-child button {
      margin-bottom: 0;
    }
  }

  .#{$table-prefix-cls}__empty-block {
    min-height: 0;
    height: 0;
  }
}