.invalid-input~label{
    color: var(--color-danger);
}
.invalid-input{
    border-color: var(--color-danger);
    color: var(--color-danger);
}
.invalid-input::placeholder{
    color: var(--color-danger);
}
.valid-input+label{
    color: var(--color-success);
}
.valid-input{
    border-color: var(--color-success);
    color: var(--color-success);
}

small.error,small.missmatch{
    position: absolute;
    bottom: 0;
}