/* Barre de défilement Heirion : curseur violet, sans fond.
   Sur ordinateur, la barre native est masquée (Chrome ne peint qu'une couleur unie sous elle,
   jamais le fond dégradé du site) et js/scrollbar.js affiche à la place un curseur
   superposé à la page. Sur mobile, la barre native (déjà superposée) est conservée. */
@media (hover: hover) and (pointer: fine) {
    html {
        scrollbar-width: none;
    }

    html::-webkit-scrollbar {
        display: none;
    }
}

.site-scrollbar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483000;
    width: 14px;
}

.site-scrollbar[hidden] {
    display: none;
}

.site-scrollbar-thumb {
    position: absolute;
    top: 0;
    right: 3px;
    width: 6px;
    border-radius: 999px;
    background: #6366f1;
    opacity: 0.8;
    transition: width 0.2s ease, opacity 0.2s ease;
}

.site-scrollbar:hover .site-scrollbar-thumb,
.site-scrollbar.is-dragging .site-scrollbar-thumb {
    width: 8px;
    opacity: 1;
}

.site-scrollbar.is-dragging {
    cursor: grabbing;
}