@tailwind base;
@import "./custom.css";
@tailwind components;
@tailwind utilities;

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .thin-scrollbar::-webkit-scrollbar {
    height: 10px !important;
  }

  .thin-scrollbar::-webkit-scrollbar-thumb {
    background-color: theme("colors.teal.500");
    border-radius: 6px;
  }
}

.pretty-code-button {
  @apply text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300 h-4 w-4;
}
