/**
 * View transitions styling
 */

/* enable view transitions! */
@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto;
	}
}

/* prevent transition + smooth scroll weirdness */
[data-disable-smooth-scroll] {
	scroll-behavior: auto !important;
}

/* essentially a z-index hack for view transition paints */
body:not(.vt-in) .site-menu {
	view-transition-name: vt-z-index-site-menu;
}
body:not(.vt-in) .site-footer {
	view-transition-name: vt-z-index-site-footer;
}

/* page transitions */
body:not(.vt-in) .site-content {
	view-transition-name: full-page;
	transform-origin: 0% 50%;
}
::view-transition-old(full-page) {
	animation: 0.3s both page-out;
}
::view-transition-new(full-page) {
	animation: 0.6s 0.3s both page-in ease-out;
}
@keyframes page-out {
	100% {
		opacity: 0;
		transform: translateY(-1em);
	}
}
@keyframes page-in {
	0% {
		opacity: 0;
		transform: translateY(1em);
	}
}