[hidden] {
    display: none !important;
}

/* Button - Draw attention */
.button-attention-flash {
    outline: 2px solid transparent;
    outline-offset: -2px;
    animation: buttonAttentionFlash 1s ease;
}

@media (prefers-reduced-motion) {
    .button-attention-flash {
        animation: buttonAttentionFlash 3s;
    }
}

@keyframes buttonAttentionFlash {
    25% {
        outline-offset: var(--spacing-xs);
        outline-color: var(--color-status-info-faint-highlight);
    }
    50% {
        border-color: transparent;
        background-color: var(--color-status-info-faint);
        color: var(--color-status-info-text);
    }
    100% {
        outline-color: transparent;
        outline-offset: var(--spacing-xs);
    }
}

body:has(#components-reconnect-modal:is(
    .components-reconnect-show,
    .components-reconnect-rejected,
    .components-reconnect-failed))
    :is(dialog, dialog::backdrop, .backdrop) {
    display: none;
}