.pagoda-suffix-icon {
  &.el-select,
  &.el-cascader {
    position: relative;
    line-height: 1;
  }

  & &__wrapper {
    &.el-select__wrapper,
    &.el-input__wrapper {
      position: absolute;
      pointer-events: none;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      text-align: right;
      justify-content: end;
      background-color: transparent;
      box-shadow: none;
      box-sizing: border-box;
    }
  }

  &.has-icon .el-select__wrapper:not(&__wrapper)::after {
    content: '';
    width: 14px;
  }
  &.has-icon .el-input__wrapper:not(&__wrapper)::after {
    content: '';
    width: 22px;
  }

  & .pagoda-suffix-icon__icon {
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all var(--el-transition-duration);
  }

  &.has-icon .pagoda-suffix-icon__icon {
    pointer-events: all;
  }
}