Styling scrollbar css styles

.no-visible-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.no-visible-scrollbar::-webkit-scrollbar {
  display: none;
}

.styled-sidebar-scrollbar::-webkit-scrollbar {
  @apply bg-primary-600/50 h-[10px] w-2;
}
.styled-sidebar-scrollbar::-webkit-scrollbar-thumb {
  @apply bg-white-200/80 !h-[10px] w-3 cursor-pointer rounded-full;
}