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


/* HOVER BOOTSTRAP
.table {
    --bs-table-hover-bg: #9fd3ff;
    --bs-table-hover-color: #000;
}
*/


/* HOVER PERSO */
.table-sel tbody tr:hover td {
    background-color: #9fd3ff;
    color: #000;
}

@media (max-width: 767.98px) {
    .nom-responsive {
        display: block;

        max-width: 12ch;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        text-align: left;
    }
}

.sticky-subtitle {
    position: sticky;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    z-index: 10;
    background: var(--bs-tertiary-bg);
    margin-left: 0;
}