/**
 * Fichier  : /features/style/css/scroll.css
 * Fonction : barre de scroll du site
 *
 * Si la track fait 10px, et tu veux un thumb à 90%, alors :
 * 90% de 10px = 9px
 * Il faut donc laisser 1px total d’espace
 * Soit 0.5px de chaque côté
 */


/* ==================================================
   SCROLLBAR
================================================== */


/*** TRACK ***/

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 12px;
}


/*** BACKGROUND ***/

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: var(--color__2);
}


/*** THUMB ***/

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background-color: #00000080;
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: content-box;
    cursor: grab;
}


/*** HOVER ***/

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background-color: #111;
    background-clip: content-box;
    cursor: grab;
}