@keyframes slide-from-right {
	from {
		transform: translateX(100%);
	}
}

@keyframes slide-to-left {
	to {
		transform: translateX(-100%);
	}
}

html,
body {
	width: 100%;
	height: 100%;

	background-color: #100f1f;
	color: #dde7ff;

	font-family: -apple-system, Roboto, sans-serif;
}

/* When a dialog is open, we should now allow the app from scroll */
body:has(dialog[open]) {overflow: hidden}