.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--pw-success);
}

.invalid {
    outline: 1px solid var(--pw-danger);
}

.validation-message {
    color: var(--pw-danger);
}