// .#{bem('app-picker','transfer-item')} {
//   @include set-component-css-var(
//     'app-picker-transfer-item',
//     $app-picker-transfer-item
//   );
// }

@include b('picker') {
  input {
    height: getCssVar('form-item', 'line-height');
    font-family: getCssVar('form-item', 'font-family');
    font-size: getCssVar('form-item', 'font-size');
    line-height: getCssVar('form-item', 'line-height');
    color: getCssVar('form-item', 'color');
    border-color: getCssVar('form-item', 'border-color');
  }

  input::placeholder {
    color: getCssVar('form-item', 'placeholder-color');
  }

  @include e('btns') {
    position: absolute;
    right: getCssVar('form-item', 'font-size');
    @include flex;

    height: getCssVar('form-item', 'line-height');

    .ivu-btn {
      border: none;
    }

    .ivu-btn-text:hover {
      background-color: unset;
      border-color: unset;
    }

    .ivu-btn-text:focus {
      box-shadow: unset;
    }

    span {
      @include flex($direction: column, $horizontal: center);
    }
  }

  @include e('autocomplete') {
    @include flex;

    .ivu-select-dropdown-list {
      max-height: 300px;
    }
  }

  @include m('1') {
    .ivu-auto-complete .ivu-icon-ios-close-circle {
      position: absolute;
      right: 1.5em;
    }
  }

  @include m('2') {
    .ivu-auto-complete .ivu-icon-ios-close-circle {
      position: absolute;
      right: 3.5em;
    }
  }
  @include e('transfer-item') {
    padding: 5px;
    cursor: pointer;

    &:hover {
      background-color: getCssVar('picker-transfer-item', 'hover-bg-color');
    }
  }

  @include e('link') {
    width: 32px;
    height: 32px;
    padding: 0 6px;
    font-size: 16px;
  }
}
