my-links/inertia/styles/index.css

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

html,
body {
	min-height: 100svh;
	width: 100%;
	background-color: light-dark(var(--ml-bg-light), var(--ml-bg-dark));
}

.__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);
	}
}