/* Включаем view transitions для всего сайта */
@view-transition {
	navigation: auto;
}

/* Настраиваем эффект fade для всеё страницы */
::view-transition-old(root),
::view-transition-new(root) {
	animation-duration: 0.25s;
	animation-timing-function: linear;
}
::view-transition-old(root) {
	animation-delay: 0.25s;
}

::view-transition-old(root) {
	animation-name: fade-out;
}

::view-transition-new(root) {
	animation-name: fade-in;
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}