$input-prefix-cls: $prefix-name + "input";

 @mixin placeholder($color: $disableColor) {

     // Firefox
     &::-moz-placeholder {
         color: $color;
         opacity: 1;
     }

     // Internet Explorer 10+
     &:-ms-input-placeholder {
         color: $color;
     }

     // Safari and Chrome
     &::-webkit-input-placeholder {
         color: $color;
     }
 }

 @mixin hover($color: $input-hover-border-color) {
     border-color: lighten($color, 20%);
 }

 @mixin active($color: $input-hover-border-color) {
     border-color: lighten($color, 20%);
     outline: 0;
     box-shadow: 0 0 0 1px fade($color, 20%);
 }

 @mixin disabled() {
     background-color: $input-disabled-bg;
     opacity: 1;
     cursor: $cursorDisabled;
     color: #ccc;

     &:hover {
         border-color: $input-border-color;
     }
 }

 .#{$input-prefix-cls} {
     $prefixIconWidth: 32px;
     display: inline-block;
     width: 100%;
     position: relative;
     background-color: $input-bg;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid $input-border-color;
     cursor: text;
     overflow: hidden;
     padding: $input-padding-vertical-base $input-padding-horizontal ;

     &-prefix-icon {
         width: $prefixIconWidth;
         height: auto;
         z-index: 1;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     &:hover {
         @include hover();
     }

     &-focus {
         @include active();
     }

     &-disabled {
         @include disabled();

         input {
             cursor: $cursorDisabled;
         }
     }

     &-textarea {
         resize: both;
     }

     &-clearable {
         cursor: pointer;
     }
     &-password-mask{
        -webkit-text-security: disc;
        -moz-webkit-text-security: disc;
        -moz-text-security: disc;
     }

     input,
     textarea {

         display: inline-block;
         width: 100%;
         height: 100%;
         line-height: $lineHeight;

         font-size: $fontSize;
         border: none;
         outline: none;
         border-radius: $borderRadius;
         color: $input-color;
         background-color: none;
         background-image: none;
         position: relative;
         @include placeholder();
         transition: border $transition-time $ease-in-out, background $transition-time $ease-in-out, box-shadow $transition-time $ease-in-out;

     }

     textarea {
         height: auto;
         min-height: $input-height-base;
         resize: none
     }



 }

 @import "./number.scss"