@media (prefers-reduced-motion: no-preference) {
.retreva-motion-pending > .retreva-motion-item {
opacity: 0;
transform: translateY(8px);
}
.retreva-motion-pending.retreva-motion-group--soft > .retreva-motion-item {
transform: translateY(6px);
}
.retreva-motion-is-animating > .retreva-motion-item {
animation: retreva-motion-reveal 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
will-change: opacity, transform;
}
.retreva-motion-is-animating.retreva-motion-group--soft > .retreva-motion-item {
animation-name: retreva-motion-reveal-soft;
animation-duration: 620ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(2) {
animation-delay: 55ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(3) {
animation-delay: 110ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(4) {
animation-delay: 165ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(5) {
animation-delay: 220ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(6) {
animation-delay: 275ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(n + 7) {
animation-delay: 330ms;
}
.retreva-motion-done > .retreva-motion-item {
animation: none;
opacity: 1;
transform: none;
will-change: auto;
}
@media (max-width: 767.98px) {
.retreva-motion-is-animating > .retreva-motion-item {
animation-duration: 360ms;
animation-delay: 0ms;
}
.retreva-motion-is-animating > .retreva-motion-item:nth-child(n + 2) {
animation-delay: 35ms;
}
}
@keyframes retreva-motion-reveal {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes retreva-motion-reveal-soft {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: none;
}
}
}