/*
 * Production runtime styles must never create a pre-JavaScript hidden state.
 * Motion is applied only after a successful selector bind through Web Animations API.
 */
@media (prefers-reduced-motion: reduce) {
    [data-ao-effect] {
        transition: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

.ao-reduced-motion-override [data-ao-effect],
.ao-reduced-motion-override[data-ao-effect] {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}