/* app/assets/stylesheets/application.css  */
@import "tailwindcss";



@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.animate-bounce {
    animation: bounce 0.6s infinite;
}

#guide_container {
    transition: opacity 0.15s ease-in-out;
}

.turbo-stream-replace #guide_container {
    opacity: 0.5;
}

.turbo-stream-replaced #guide_container {
    opacity: 1;
}