input.form-control[pattern]:valid ~ * .pattern-invalid {
    display: none;
}

input.form-control[pattern]:is(:invalid, :placeholder-shown) ~ * .pattern-valid {
    display: none;
}

input.form-control[pattern]:is(:not(:placeholder-shown), :required, :invalid) ~ * .pattern-empty {
    display: none;
}

input.form-control[pattern][readonly] ~ * {
    display: none;
}