/* Animation for swipe-in and wobble */
@keyframes swipeIn {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes wobble {
    0% {
        transform: rotate(0deg);
    }
    15% {
        transform: rotate(2deg);
    }
    30% {
        transform: rotate(-2deg);
    }
    45% {
        transform: rotate(1deg);
    }
    60% {
        transform: rotate(-1deg);
    }
    75% {
        transform: rotate(0.5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.modal-dialog.animate-swipe-wobble {
    animation: swipeIn 0.5s ease-out forwards, wobble 0.6s ease-in-out 0.5s forwards;
}