html {
    /* This is needed to prevent the horizontal scrollbar from appearing on Chromium during modal */
    scrollbar-gutter: auto !important;
}

.hide-on-load.htmx-request {
    display: none;
}

.hide-on-load .htmx-request {
    display: none;
}

.htmx-request .hide-on-load {
    display: none;
}

.htmx-request.hide-on-load {
    display: none;
}

.htmx-indicator {
    display: none;
}

.loading.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: block;
}

.htmx-request.htmx-indicator {
    display: block;
}

.load-indicator {
    opacity: 0;
    transition: opacity 1000ms ease-out;
}

.htmx-request .load-indicator,
.htmx-request.load-indicator {
    opacity: 1;
    transition: opacity 1000ms ease-in;
}

.blinking {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


/* .htmx-indicator{
    opacity:0;
    transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator{
    opacity:1;
}
.htmx-request.htmx-indicator{
    opacity:1;
} */