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

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #c9c9c9 transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

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

*::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 12px;
  border: 0px solid #ffffff;
}

html,
body {
  @apply h-full w-screen m-0 p-0 overflow-hidden bg-white;
  height: 100svh;
}

#app {
  @apply w-full h-full overflow-hidden flex flex-col;
}