/* HTMX Indicator States with Animations */
.htmx-indicator {
    display: none !important;
}

.htmx-request .htmx-indicator {
    display: flex !important;
    opacity: 1 !important;
}

.htmx-request .htmx-indicator > div {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* Ensure smooth transitions when showing/hiding */
#loading-overlay.htmx-indicator,
[data-loading-for="topic"].htmx-indicator {
    transition: opacity 0.3s ease-in-out;
}

/* Prevent flash of content during transitions */
.htmx-request.htmx-indicator {
    display: flex !important;
}

.btn {
    @apply rounded-full;
}