tailwind-scroll-hide.css

/* GLOBALLY */

* {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

*::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

/* SPECIFIC */
@layer utilities {
  .scrollbar-hide {
    /* IE and Edge */
    -ms-overflow-style: none !important;
    /* Firefox */
    scrollbar-width: none !important;
  }

  .scrollbar-hide::-webkit-scrollbar {
    /* Safari and Chrome */
    display: none;
    width: 0 !important;
  }

  .scrollbar-default {
    /* IE and Edge */
    -ms-overflow-style: 'auto';
    /* Firefox */
    scrollbar-width: 'auto';
  }

  .scrollbar-default::-webkit-scrollbar {
    /* Safari and Chrome */
    display: 'block';
    width: 'auto';
  }
}