@keyframes \.animation-from\:translate-x-0\.animation-via-30\%\:translate-x-4\.animation-to\:translate-x-12 {
    from {
        transform: translate(0);
    }

    30% {
        transform: translate(1rem);
    }
    
    to {
        transform: translate(3rem);
    }
}

.animation-duration-700 {
    --tw-animation-duration: 700ms;
}

.animation-loop {
    --tw-animation-iteration-count: infinite;
  }
  
.animation-alternate {
    --tw-animation-direction: alternate;
}

.animation-from\:translate-x-0.animation-via-30\%\:translate-x-4.animation-to\:translate-x-12 {
    --tw-animation-name: \.animation-from\:translate-x-0\.animation-via-30\%\:translate-x-4\.animation-to\:translate-x-12;
}

.animation {
    animation: var(--tw-animation-duration) var(--tw-animation-iteration-count) var(--tw-animation-direction) var(--tw-animation-name);
}