$--selectDepartment-base-font-size: 12px !default;
$--selectDepartment-title-font-size: 14px !default;
$--selectDepartment-base-font-weight: bold !default;
$--selectDepartment-split-line-color: #dcdfe6 !default;
$--selectDepartment-notice-font-color: #b2b2b2 !default;
$--selectDepartment-primary-font-color: #027aff !default;
$--selectDepartment-box-hover-bgColor: #f5f7fa !default;
$--selectDepartment-box-active-bgColor: #e6f2ff !default;
$--selectDepartment-box-border-radius: 2px !default;
$--selectDepartment-box-border-color: #ebeef5 !default;
$--selectDepartment-expend-icon-color: #dcdfe6 !default;
$--selectDepartment-sign-primary-bgColor: #027aff !default;
$--selectDepartment-sign-orange-bgColor: #f5a623 !default;
$--selectDepartment-input-border-color: #e4e7ed !default;
$--selectDepartment-input-hover-border-color: #c0c4cc !default;
$--selectDepartment-base-height: 32px !default;
$--selectDepartment-notice-color: #b2b2b2;
$--selectDepartment-hover-color: #f5f7fa;
$--selectDepartment-base-font-size: 12px;

.x-department-tag {
  .tag-name {
    position: relative;
    height: 24px;
    padding: 0 30px 0 12px;
    font-size: $--selectDepartment-base-font-size;
    line-height: 24px;
    text-align: center;
    background-color: $--selectDepartment-hover-color;
    border-radius: 24px;
    .delete-icon {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 20px !important;
      height: 20px !important;
      color: $--selectDepartment-notice-color;
      .icon {
        width: 16px;
        height: 16px;
      }
    }
  }
}