@tailwind base;
@tailwind components;
@tailwind utilities;

/* 
  Since we are using Tailwind CSS via CDN, we can add some custom utilities 
  here that aren't available by default (like scrollbar hiding)
*/

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #2a2d35;
  border-radius: 10px;
}