.form-control-feedback:has(.form-control:valid) .form-control-feedback-icon i:not(.ph-magnifying-glass) {
    display: block;
    color: var(--success);
}

.form-control-feedback .form-control-feedback-icon i {
    display: none;
}

.form-control-feedback:has(.form-control:user-invalid) .form-control-feedback-icon i {
    color: var(--grey-color-100);
}

.form-control-feedback:has(.form-control:user-invalid) .form-control-feedback-icon .ph-check {
    display: none;
}

.form-control-feedback:has(.form-control:valid) .form-control-feedback-icon .ph-eye-slash {
    cursor: pointer;
}