/* Default state for the indicator: hidden and removed from layout */
.htmx-indicator {
    display: none;
}

/* State when the request is active: make it visible */
/* This targets an indicator *inside* an element making a request */
.htmx-request .htmx-indicator {
    display: inline-block; /* Or block, flex, etc. - use what fits the spinner */
}

/* State when the request is active: make it visible */
/* This targets the element *itself* if it IS the indicator */
.htmx-request.htmx-indicator {
    display: inline-block; /* Or block, flex, etc. */
}

[x-cloak] {
    display: none !important;
}