customScroll.scss

$scrollbar-thumb-color: #CCC;

.custom-scroll {
  --custom-scroll__size: 6px;

  &::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-thumb {
    background-color: $scrollbar-thumb-color;
    border-radius: 10px;
  }

  &::-webkit-scrollbar,
  ::-webkit-scrollbar {
    width: var(--custom-scroll__size);
    height: var(--custom-scroll__size);
  }

  &::-webkit-scrollbar-track,
  ::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  // For Firefox
  scrollbar-color: $scrollbar-thumb-color transparent;
  scrollbar-width: thin;
}