:root {
	--ml-bg-light: rgb(240, 238, 246);
	--ml-bg-dark: rgb(34, 40, 49);
}

/* Fix nprogress position */
#nprogress {
	position: relative;
	z-index: 9999999;
}

#app {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* For light mode */
:root[data-mantine-color-scheme='light'] {
	--mantine-color-body: var(--ml-bg-light) !important;
}

/* For dark mode */
:root[data-mantine-color-scheme='dark'] {
	--mantine-color-body: var(--ml-bg-dark) !important;
}

.__transition_fadeIn {
	transform-origin: 50% top;
	animation: fadeIn 0.15s ease both;
}

.__transition_fadeOut {
	transform-origin: 50% top;
	animation: fadeOut 0.15s ease both;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
		transform: none;
	}
	to {
		opacity: 0;
		transform: scale(0.9);
	}
}