/* Local subset of ivarapp/src/css/partials/_form.sass, using @ws-style/ivar-web 2.0.1 values. */

.ws-form-input {
    border-radius: 999px;
}

.ws-form-input {
    cursor: auto;
    border: thin solid silver;
    font-family: "Roboto",sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    color: #444;
}

.ws-form-input::placeholder {
    color: silver;
}

.ws-form-input.ws-form-input--login {
    text-align: center;
    transition: background-color .25s;
    transition: border-width .25s;
}

.ws-form-input.ws-form-input--login:focus {
    border-width: 2px;
    border-color: #099;
}

.ws-form-input.ws-form-input--login, .ws-form-input.ws-form-input--login.undefined {
    -webkit-appearance: none;
}

.ws-form-input.ws-form-input--login.valid {
    -webkit-appearance: none;
    background-color: #099;
    border-color: #099;
    color: #fff;
}

.ws-form-input.ws-form-input--login.invalid {
    -webkit-appearance: none;
    background-color: #ff6a6a;
    border-color: #099;
    color: #fff;
}

.ws-form-input.ws-form-input--login {
    height: 47px;
    min-width: 300px;
}

.ws-form-input {
    height: 33px;
    width: 100%;
}