[data-hctclient01-field].is-invalid,
.hctclient01-field.is-invalid {
    border-color: #c62828 !important;
    outline-color: #c62828;
}

[data-hctclient01-field].is-valid,
.hctclient01-field.is-valid {
    border-color: #2e7d32 !important;
    outline-color: #2e7d32;
}

.hctclient01-field-message {
    display: block;
    margin-top: var(--hctclient01-space-1);
    font-size: var(--hctclient01-text-meta);
}

.hctclient01-field-message.is-error { color: #c62828; }
.hctclient01-field-message.is-success { color: #2e7d32; }