/* Estilo para navegadores WebKit (Chrome, Safari, etc.) */
::-webkit-scrollbar {
  width: 5px; /* Largura do scrollbar */
  border-radius: 6px; /* Raio das bordas */
}

/* Estilo para o rastreio do scrollbar */
::-webkit-scrollbar-track {
  background-color: #f1f1f100; /* Cor do fundo do rastreio */
}

/* Estilo para o "thumb" (a parte do scrollbar que pode ser arrastada) */
::-webkit-scrollbar-thumb {
  background-color: #000000; /* Cor do thumb */
  border-radius: 6px; /* Raio das bordas do thumb */
}

/* Estilo para o thumb quando estiver sendo arrastado */
::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Cor do thumb quando hover */
}

/* Estilo para o scrollbar do elemento com a classe .scrollable-container1 */
.scrollable-container1::-webkit-scrollbar {
  width: 5px; /* Largura do scrollbar */
  border-radius: 6px; /* Raio das bordas */
}

/* Estilo para o rastreio do scrollbar */
.scrollable-container1::-webkit-scrollbar-track {
  background-color: #f1f1f100; /* Cor do fundo do rastreio */
}

/* Estilo para o "thumb" (a parte do scrollbar que pode ser arrastada) */
.scrollable-container1::-webkit-scrollbar-thumb {
  background-color: #000000; /* Cor do thumb */
  border-radius: 6px; /* Raio das bordas do thumb */
}

/* Estilo para o thumb quando estiver sendo arrastado */
.scrollable-container1::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Cor do thumb quando hover */
}