@media not (prefers-reduced-motion: reduce) {
	@view-transition {
		navigation: auto;
	}

	::view-transition-new(alert) {
		animation: pop-in 200ms ease-out;
	}

	@keyframes pop-in {
		from {
			opacity: 0;
			transform: translateY(6px)
			scale(.96);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}

	::view-transition-old(alert) {
		animation: pop-out 200ms ease-in forwards;
	}

	@keyframes pop-out {
		to {
			opacity: 0;
			transform: translateY(6px)
			scale(.98);
		}
	}
}
