.input{width:100%}.input--validation{position:relative;padding-bottom:22px}.input__input{border:1px solid var(--color-text-light);border-radius:8px;padding:14px 16px;font-size:16px;color:var(--color-text);outline:none;transition:all .3s ease-in-out;width:100%}.input__input:focus{border-color:var(--color-primary)}.input__feedback{position:absolute;bottom:0;left:0;font-size:13px;font-weight:400;color:var(--color-error)}.input__eye{position:absolute;top:calc(50% - 12px);right:22px;transform:translateY(-50%);width:24px;height:24px;background:#fff;background-size:cover;cursor:pointer}.input__eye svg{fill:var(--color-text-light);opacity:.3;transition:all .15s ease-in-out}.input__eye:hover svg{opacity:1}