@keyframes fly-left-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(-100px);
		opacity: 0;
	}
}
@keyframes fly-left-in {
	from {
		transform: translateX(-100px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes fly-right-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateX(100px);
		opacity: 0;
	}
}
@keyframes fly-right-in {
	from {
		transform: translateX(100px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes l2 {
	to {
		transform: rotate(1turn);
	}
}

@keyframes nonetonone {
	from {
		height: 3px;
	}
	to {
		height: 3px;
	}
}
::view-transition-group(sveltekit-progress-bar-bar),
::view-transition-group(sveltekit-progress-bar-local) {
	z-index: 999999;
}
::view-transition-new(sveltekit-progress-bar-bar) {
	animation: 0s both nonetonone;
}
::view-transition-old(sveltekit-progress-bar-bar) {
	animation: 0s both nonetonone;
}

::view-transition-group(header) {
	z-index: 99999;
}
::view-transition-group(naviga) {
	z-index: 100000;
}
::view-transition-group(toast) {
	z-index: 100001;
}
::view-transition-old(header) {
	transition: 0s;
}
::view-transition-new(header) {
	transition: 0s;
}

::view-transition-old(forward) {
	animation: 0.2s both fly-left-out;
}
::view-transition-new(forward) {
	animation: 0.2s both fly-left-in;
}
::view-transition-old(backward) {
	animation: 0.2s both fly-right-out;
}
::view-transition-new(backward) {
	animation: 0.2s both fly-right-in;
}

@media screen and (max-width: 960px) {
	::view-transition-old(forward) {
		width: 100vw;
	}
	::view-transition-new(forward) {
		width: 100vw;
	}
	::view-transition-old(backward) {
		width: 100vw;
	}
	::view-transition-new(backward) {
		width: 100vw;
	}
}