@import '../index.less';
@btri-transfer: ~'@{ant-prefix}-btri-transfer';
@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
.@{btri-transfer} {
  .@{transfer-prefix-cls} {
    &-list {
      width: 220px;
      border-color: var(--fill-1);
      //  自定义中间的内容区域
      &-body-customize-wrapper {
        padding: var(--padding-xxxs);
        .@{ant-prefix}-tree-switcher {
          width: 40px;
        }
      }
      // 中间列表内容
      &-content {
        padding: var(--padding-xxxs);
        &-item {
          border-radius: var(--border-radius-base);
          margin-bottom: var(--padding-xxxs);
        }
        &-item-checked {
          .@{transfer-prefix-cls}-list-content-item-text {
            color: var(--primary-6);
          }
        }
      }
      // 头部
      &-header {
        position: relative;
        padding-left: var(--padding-base);
        padding-right: var(--padding-base);
        background: var(--gray-1);
        > *:not(:last-child) {
          margin-right: 8px;
        }
        &-selected {
          position: absolute;
          right: 12px;
          color: var(--disable-font);
        }
        &-title {
          margin-right: 22px;
          text-align: left;
          line-height: 1;
        }
        &-dropdown {
          display: none;
        }
      }
      &-body-search-wrapper {
        padding: 8px 8px 4px;
        .@{ant-prefix}-input-affix-wrapper {
          border-color: var(--gray-4);
          &:focus,
          &-focused {
            border-color: var(--primary-6);
          }
        }
      }
      // 分页
      &-pagination {
        font-size: var(--body-font-size);
        padding-right: var(--padding-xxxs);
        .@{ant-prefix}-pagination-slash {
          margin: 0 8px 0 2px;
        }
        .@{ant-prefix}-pagination-item-link {
          color: var(--caption-font);
        }
      }
      // 删除按钮
      &-content-item-remove {
        &::after {
          background-repeat: no-repeat;
          background-color: #fff;
          background-position: center;
          background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMS4zMzNhNi42NjcgNi42NjcgMCAxMTAgMTMuMzM0QTYuNjY3IDYuNjY3IDAgMDE4IDEuMzMzem0yLjM1NyA0LjMxYS42NjcuNjY3IDAgMDAtLjk0MyAwTDggNy4wNTcgNi41ODYgNS42NDNsLS4wNjMtLjA1NWEuNjY3LjY2NyAwIDAwLS44OC45OThMNy4wNTcgOCA1LjY0MyA5LjQxNGwtLjA1NS4wNjNhLjY2Ny42NjcgMCAwMC45OTguODhMOCA4Ljk0M2wxLjQxNCAxLjQxNC4wNjMuMDU1YS42NjcuNjY3IDAgMDAuODgtLjk5OEw4Ljk0MyA4bDEuNDE0LTEuNDE0LjA1NS0uMDYzYS42NjcuNjY3IDAgMDAtLjA1NS0uODh6IiBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtb3BhY2l0eT0iLjMiLz48L3N2Zz4=');
        }
      }
    }
    // 中间箭头
    &-operation {
      margin: 0 var(--padding-base);
      .@{ant-prefix}-btn {
        border-color: transparent;
        &-primary[disabled] {
          color: var(--disable-font);
          &:hover {
            border-color: transparent;
          }
        }
        &:first-child {
          margin-bottom: var(--padding-xs);
        }
      }
    }
  }
  &-oneWay {
    .@{transfer-prefix-cls} {
      &-list {
        &:last-child {
          .@{transfer-prefix-cls}-list-header-selected {
            right: 28px;
          }
          .@{btri-transfer}-title-delete {
            cursor: pointer;
            position: absolute;
            right: 16px;
            color: var(--caption-font);
            &:hover {
              color: var(--primary-6);
            }
          }
        }
      }
    }
  }

  // 简单模式
  &-simple {
    .@{ant-prefix}-checkbox-wrapper {
      display: none;
    }
    .@{transfer-prefix-cls}-operation {
      display: none;
    }
    .@{transfer-prefix-cls}-list:nth-of-type(1) {
      border-right: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .@{transfer-prefix-cls}-list:nth-of-type(3) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
}