/* Feedback and honeypot styles for RelayGuard forms. Override the variables per site. */
:root {
    --rg-space: 0.75rem;
    --rg-radius: 0.25rem;
    --rg-success-bg: #e8f5e9;
    --rg-success-text: #1b5e20;
    --rg-error-bg: #fdecea;
    --rg-error-text: #b71c1c;
}

.rg-status {
    margin-top: var(--rg-space);
    padding: 0;
}

.rg-status--success,
.rg-status--error {
    padding: var(--rg-space);
    border-radius: var(--rg-radius);
}

.rg-status--success {
    background: var(--rg-success-bg);
    color: var(--rg-success-text);
}

.rg-status--error {
    background: var(--rg-error-bg);
    color: var(--rg-error-text);
}

.rg-trap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

form[data-relayguard] [aria-invalid="true"] {
    outline: 2px solid var(--rg-error-text);
}