.arco-input {
  &.arco-input-borderless {
    border: none;
    box-shadow: none;
  }

  &.arco-input-warning {
    background-color: transparent;
    border: 1px solid rgb(var(--warning-6));

    &:focus {
      box-shadow: 0 0 0 2px rgb(var(--warning-1));
    }
  }
}

.arco-input-group {
  .arco-input-group-addafter {
    border-left: none;

    .arco-select {
      .arco-select-view {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }

  .arco-input-group-addbefore {
    border-right: none;

    .arco-select {
      .arco-select-view {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }

  & > :first-child:is(.arco-input-inner-wrapper-focus):not(:only-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  & > :last-child:is(.arco-input-inner-wrapper-focus):not(:only-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  & > :nth-child(2):is(.arco-input-inner-wrapper-focus):not(:last-child) {
    border-radius: 0;
  }

  &.arco-input-group-compact > .arco-select .arco-select-view:first-child {
    border-top-left-radius: var(--border-radius-medium);
    border-bottom-left-radius: var(--border-radius-medium);
    border-right-color: transparent;

    &:hover {
      border-color: rgb(var(--primary-6));
    }
  }

  // 修改前缀的间距
  .arco-input-inner-wrapper-has-prefix {
    & > .arco-input {
      padding-left: 4px;
    }
  }
}

.arco-input-group-wrapper.arco-input-borderless {
  .arco-input-inner-wrapper {
    border: none;
    box-shadow: none;
  }
}

// 修改后缀的间距
.arco-input-has-suffix {
  .arco-input-group {
    .arco-input {
      padding-right: 4px;
    }
  }
}

// 修改line-height造成的高度为小数的问题
input.arco-input {
  line-height: 1.5;
}

.arco-textarea {
  &.arco-textarea-borderless {
    border: none;
    box-shadow: none;
  }
}