#custom-scrollbar {
    position: fixed;
    right: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background: transparent;
}

#custom-scrollbar .scroll-thumb {
    width: 100%;
    background: #282753; /* Couleur par défaut */
    border-radius: 10px;
    position: absolute;
    top: 0;
    height: 10%; /* Modifiez cette valeur pour ajuster la taille de la barre */
    transition: background-color 0.3s;
}


/* On n'ajoute plus overflow hidden sur l'élément html */
html {
    overflow-y: scroll;
}

body {
    overflow: visible; /* Ajout du défilement vertical */
    scrollbar-width: none; /* Masquer la scrollbar sur Firefox */
}

/* Masquer la scrollbar native dans WebKit (Chrome, Safari) */
body::-webkit-scrollbar {
    display: none;
}