@media (prefers-reduced-motion: no-preference) {
    [data-cin-motion-play] {
        animation: var(--cin-motion-name, cin-motion-rise) var(--cin-motion-time, 430ms)
            cubic-bezier(.2, .65, .25, 1) var(--cin-motion-delay, 0ms) backwards;
    }

    [data-cin-motion-play="hero"] { --cin-motion-name: cin-motion-hero; --cin-motion-time: 480ms; }
    [data-cin-motion-play="elementor"] { --cin-motion-name: var(--cin-motion-elementor-name, cin-motion-fade); --cin-motion-time: 450ms; }
    [data-cin-motion-play="card"] { --cin-motion-name: cin-motion-card; --cin-motion-time: 470ms; }
    [data-cin-motion-play="media"] { --cin-motion-name: cin-motion-media; --cin-motion-time: 510ms; }
    [data-cin-motion-play]:focus-within { animation: none; }
}

@keyframes cin-motion-hero { from { translate: 0 9px; } to { translate: 0 0; } }
@keyframes cin-motion-fade { from { opacity: .46; } to { opacity: 1; } }
@keyframes cin-motion-rise { from { opacity: .42; translate: 0 13px; } to { opacity: 1; translate: 0 0; } }
@keyframes cin-motion-card { from { opacity: .36; translate: 0 19px; } to { opacity: 1; translate: 0 0; } }
@keyframes cin-motion-media { from { opacity: .55; scale: .985; } to { opacity: 1; scale: 1; } }