body {
    font-size: .875rem;
}

.cursor-pointer {
    cursor: pointer;
}

/* Styles pour éviter le FOUC
 * Necessite de rajouter meta pour ne pas les injecter dans le JS
 * https://htmx.org/attributes/hx-indicator/
 */
.htmx-indicator {
    opacity: 0;
    transition: opacity 500ms ease-in;
}

.htmx-request .htmx-indicator {
    opacity: 1;
}

.htmx-request.htmx-indicator {
    opacity: 1;
}

.sortable-handle i:nth-child(2),
.sortable-handle:hover i:nth-child(1) {
    display: none;
}

.sortable-handle:hover i:nth-child(1) {
    display: block;
}

/* Toggle visibility of child <i> on hover */
.hover-child-icon-toggle i {
    display: none;
}

.hover-child-icon-toggle:hover i {
    display: block;
}