.member-registration-status {
    display: block;
    min-height: 16px;
}

.member-registration-status[data-state="checking"] { color: #66766f; }
.member-registration-status[data-state="available"] { color: #087951; }
.member-registration-status[data-state="invalid"],
.member-registration-status[data-state="unavailable"] { color: #b42318; }
.member-registration-status[data-state="available"]::before { content: "✓ "; font-weight: 800; }
.member-registration-status[data-state="invalid"]::before,
.member-registration-status[data-state="unavailable"]::before { content: "! "; font-weight: 800; }

.member-registration-field input[data-availability="available"] {
    border-color: #52a98b;
    box-shadow: 0 0 0 3px rgba(42, 145, 109, .1);
}

.member-registration-field input[data-availability="invalid"],
.member-registration-field input[data-availability="unavailable"] {
    border-color: #d65a50;
    box-shadow: 0 0 0 3px rgba(192, 44, 35, .08);
}