@keyframes svelte-eriew-fade-in {
		from {
			opacity: 0;
		}
	}

	@keyframes svelte-eriew-fade-out {
		to {
			opacity: 0;
		}
	}

	@keyframes svelte-eriew-slide-from-right {
		from {
			transform: translateX(30px);
		}
	}

	@keyframes svelte-eriew-slide-to-left {
		to {
			transform: translateX(-30px);
		}
	}

	html.enable-transitions::view-transition-old(root) {
		animation:
			90ms cubic-bezier(0.4, 0, 1, 1) both svelte-eriew-fade-out,
			300ms cubic-bezier(0.4, 0, 0.2, 1) both svelte-eriew-slide-to-left;
	}

	html.enable-transitions::view-transition-new(root) {
		animation:
			210ms cubic-bezier(0, 0, 0.2, 1) 90ms both svelte-eriew-fade-in,
			300ms cubic-bezier(0.4, 0, 0.2, 1) both svelte-eriew-slide-from-right;
	}