/* Define a largura da barra de rolagem */
::-webkit-scrollbar {
  width: 10px;
}

/* Define o fundo (o trilho) da barra */
::-webkit-scrollbar-track {
  background: #ffffff; /* Cor branca para o trilho */
  border-radius: 5px;
}

/* Define a alça (o indicador que você arrasta) */
::-webkit-scrollbar-thumb {
  background-color: #cccccc; /* Cinza claro para a alça */
  border-radius: 5px; /* Bordas arredondadas */
}

/* Muda a cor da alça ao passar o mouse */
::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa; /* Cinza um pouco mais escuro */
}