/**
 * Same-origin page crossfades via the CSS View Transitions API.
 * Unsupported browsers keep normal instant navigations.
 */

@view-transition {
	navigation: auto;
}

@keyframes activ-page-fade-out {
	to {
		opacity: 0;
	}
}

@keyframes activ-page-fade-in {
	from {
		opacity: 0;
	}
}

::view-transition-old(root) {
	animation: 0.25s ease both activ-page-fade-out;
}

::view-transition-new(root) {
	animation: 0.25s ease both activ-page-fade-in;
}

@media (prefers-reduced-motion: reduce) {
	::view-transition-group(*),
	::view-transition-old(*),
	::view-transition-new(*) {
		animation: none !important;
	}
}