.base-input{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:10px;min-height:30px}.base-input__wrapper{position:relative;min-height:inherit;width:inherit;height:inherit}.base-input__label{font-family:Fira Sans,Arial,serif;font-size:12px;font-weight:400;line-height:16px;color:#8f99a6}.base-input__input{width:inherit;height:inherit;font:400 12px/1 Fira Sans,Arial,sans-serif;color:#535659;border:1px solid #e0e2e5;border-radius:4px;-webkit-transition:border-color .2s;transition:border-color .2s;min-height:inherit;padding:0 15px}.base-input__input:hover{border-color:#b6b9bf}.base-input__input:focus{outline:none;border-color:#071e89}.base-input__input::-webkit-input-placeholder{font-size:12px;color:#ccd0d9}.base-input__input::-moz-placeholder{font-size:12px;color:#ccd0d9}.base-input__input:-ms-input-placeholder{font-size:12px;color:#ccd0d9}.base-input__input::-ms-input-placeholder{font-size:12px;color:#ccd0d9}.base-input__input::placeholder{font-size:12px;color:#ccd0d9}.base-input__input--error,.base-input__input--error:focus,.base-input__input--error:hover{border-color:#f56e6e}.base-input__input--hide-border,.base-input__input--hide-border:focus,.base-input__input--hide-border:hover{border:none;cursor:default}.base-input__input--password{padding-right:40px}.base-input__eye-btn{position:absolute;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:30px;padding:0 10px}.base-input__eye-btn:focus .base-input__eye-btn-icon,.base-input__eye-btn:hover .base-input__eye-btn-icon{fill:#b6b9bf}.base-input__eye-btn-icon{fill:#ccd0d9;-webkit-transition:fill .3s;transition:fill .3s}.base-input__caption{display:grid;grid-template-columns:15px 1fr;grid-template-rows:auto;grid-template-areas:"icon require-alert" "icon caption-text";-webkit-column-gap:3px;-moz-column-gap:3px;column-gap:3px}.base-input__caption-icon{grid-area:icon;align-self:center}.base-input__caption-require-alert{grid-area:require-alert;align-self:center;display:inline}.base-input__caption-require-alert,.base-input__caption-text{font-family:Fira Sans,Arial,serif;font-size:10px;font-weight:400;line-height:10px;color:#8f99a6}.base-input__caption-text{grid-area:caption-text;line-height:13px}.base-input__input--number::-webkit-inner-spin-button,.base-input__input--number::-webkit-outer-spin-button{-webkit-appearance:none}.base-input__input--readonly,.base-input__input--readonly:focus,.base-input__input--readonly:hover{color:#8f99a6;border:1px solid #ccd0d9}@media screen and (min-width:1640px){.base-input__eye-btn{height:44px}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s;transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (min-width:1640px){.base-input{min-height:44px}.base-input__input,.base-input__label{font-size:16px}.base-input__input::-webkit-input-placeholder{font-size:16px}.base-input__input::-moz-placeholder{font-size:16px}.base-input__input:-ms-input-placeholder{font-size:16px}.base-input__input::-ms-input-placeholder{font-size:16px}.base-input__input::placeholder{font-size:16px}}