/* I could not find documents on how to customize scrollbar using Tailwind on their official website so I use pure CSS. */

.scrollbar-custom::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  background: #ddd6d7;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background: #231f20;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 6px;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover,
.scrollbar-custom::-webkit-scrollbar-thumb:active {
  border-width: 0;
}