.x-transfer {
  .el-transfer-panel__header {
    background-color: var(--color-grey-1);
    height: 32px;
    line-height: 32px;

    .el-checkbox {
      align-items: center;
      display: flex;
      line-height: 32px;

      .el-checkbox__label {
        color: var(--color-grey-8);
        font-size: 13px;
        line-height: unset;

        >span {
          color: var(--color-grey-8);
        }
      }
    }

    .el-checkbox.el-checkbox--medium {
      height: 32px;
    }
  }

  .el-transfer-panel__body {
    height: auto;

    .el-transfer-panel__filter {
      margin: 4px 8px;
    }

    .el-transfer-panel__list.is-filterable {
      height: 328px;
    }

    .el-transfer-panel__list {
      .el-transfer-panel__item {
        color: var(--color-grey-7);
        font-size: 12px;
        height: 40px;
        line-height: 40px;
      }
    }

    .el-transfer-panel__list::-webkit-scrollbar {
      height: 5px;
      width: 5px;
    }

    .el-transfer-panel__list::-webkit-scrollbar-thumb {
      background-color: var(--color-grey-4);
      border-radius: var(--border-radius-4);
      cursor: pointer;
    }
  }

  .el-transfer__buttons {
    width: 72px;
    padding: 0 18px;


    >button {
      padding: 10px 12px;
    }


    >button:nth-child(2) {
      margin-left: unset;
      margin-top: 24px;
    }

    .el-transfer__button.is-disabled {
      background-color: var(--color-grey-3);
      border: var(--border-base);
      color: var(--color-grey-6);
    }
  }
}