@keyframes shocxSwipeHint {
    0%   { transform: translateX(0); }
    35%  { transform: translateX(-32px); }
    55%  { transform: translateX(-32px); }
    100% { transform: translateX(0); }
}

.shocx-swipe-hint--play {
    animation: shocxSwipeHint 1000ms cubic-bezier(0.33, 0, 0.18, 1) both;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .shocx-swipe-hint--play { animation: none; }
}