.vine-confirm-password-group {
    width: 100%;
}

.vine-password-match-message {
    min-height: 22px;
    margin-top: 7px;
    font-size: .88rem;
    line-height: 1.4;
    transition:
        color 180ms ease,
        opacity 180ms ease;
}

.vine-password-match-message[data-state="error"] {
    color: #ef4444;
}

.vine-password-match-message[data-state="success"] {
    color: #22c55e;
}

input[name="confirm_password"]:invalid:not(:placeholder-shown) {
    border-color: rgba(239, 68, 68, .7);
}

input[name="confirm_password"]:valid:not(:placeholder-shown) {
    border-color: rgba(34, 197, 94, .65);
}