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

body,
html {
	@apply bg-primary text-white;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
#__nuxt::-webkit-scrollbar {
	@apply hidden;
}

input {
	@apply border-none bg-primary p-2;
}

input:focus {
	@apply border-none bg-secondary outline-none;
}

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

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