@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

* {
  scrollbar-width: thin;
  scrollbar-color: rgb(203 213 225 / 0.6) transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(203 213 225 / 0.7);
  border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgb(16 185 129 / 0.5);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

.dark * {
  scrollbar-color: rgb(71 85 105 / 0.6) transparent;
}

.dark *::-webkit-scrollbar-thumb {
  background-color: rgb(71 85 105 / 0.6);
}

.dark *::-webkit-scrollbar-thumb:hover {
  background-color: rgb(16 185 129 / 0.7);
}