.#{$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-lightest;
    border-radius: $border-radius;

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

    &__header {
      padding: $transfer-spacer-y $transfer-spacer-x;
      border-bottom: 1px solid $gray-lightest;

      .form-checkbox__inner {
        padding-left: $checkbox-size + 8px;
        color: $gray-light;
      }

      .form-checkbox--sm {
        .form-checkbox__inner {
          padding-left: $checkbox-sm-size + .5rem;
        }
      }
    }

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

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

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

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

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

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

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

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

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

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

    }
  }

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

    button {
      width: $btn-height;
      height: $btn-height;
      line-height: $btn-height;
      padding: 0;
      text-align: center;
      margin-bottom: .5rem;
    }

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