/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
*/

/* Default browser style adds a max width that is hard to override with tailwind directly */
dialog:modal {
  background: none;
  max-width: 100vw;
}

dialog::backdrop {
  background-color: rgb(255, 255, 255, 0.2);
}

@media (prefers-color-scheme: dark) {
  dialog::backdrop {
    background-color: rgb(0, 0, 0, 0.2);
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}