/* The illustration's cursor, status icon and priority rows move independently. */
.cro-artwork-signal { transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: no-preference) {
    .cro-artwork-playing .cro-artwork-cursor { animation: cro-browse-cursor 4s .7s both; }
    .cro-artwork-playing .cro-artwork-badge { animation: cro-cart-response 3s 1s both; }
    .cro-artwork-playing .cro-artwork-signal { animation: cro-status-signal 1.4s .7s 2; }
    .cro-artwork-playing .cro-artwork-priority {
        animation: cro-priority-row 1.6s ease-in-out both;
        animation-delay: calc(.7s + var(--step) * .28s);
    }
}
@keyframes cro-browse-cursor {
    0%, 100% { translate: 0 0; }
    30%, 45% { translate: 14px -10px; }
    65%, 80% { translate: 28px 6px; }
}
@keyframes cro-cart-response { 0%, 30%, 100% { translate: 0 0; } 45%, 60% { translate: 0 -5px; } }
@keyframes cro-status-signal { 0%, 100% { scale: 1; } 50% { scale: 1.12; } }
@keyframes cro-priority-row { 0%, 100% { translate: 0 0; } 50% { translate: 8px 0; } }