::-webkit-scrollbar {
  width: 6px; /* Width of the scrollbar track */
}

/* Define the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background: #cfcfcf; /* Color of the thumb */
  border-radius: 6px; /* Rounded corners of the thumb */
}

/* Define the scrollbar track on hover */
::-webkit-scrollbar-track:hover {
  background: #aaa; /* Color of the track on hover */
}

/* Define the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* Color of the thumb on hover */
}

/* Define the scrollbar corner (between vertical and horizontal scrollbars) */
::-webkit-scrollbar-corner {
  background: transparent; /* Color of the scrollbar corner */
}