@property --plvt-rg-view-transition-animation-swipe-horizontal-offset {
	syntax: "<number>";
	initial-value: 1;
	inherits: false;
}

@property --plvt-rg-view-transition-animation-swipe-vertical-offset {
	syntax: "<number>";
	initial-value: 0;
	inherits: false;
}

@keyframes plvt-rg-view-transition-animation-swipe-old {
	to {
		opacity: 0;
		translate: calc(100vw * var(--plvt-rg-view-transition-animation-swipe-horizontal-offset) * -1) calc(100vw * var(--plvt-rg-view-transition-animation-swipe-vertical-offset) * -1);
	}
}

@keyframes plvt-rg-view-transition-animation-swipe-new {
	from {
		opacity: 0;
		translate: calc(100vw * var(--plvt-rg-view-transition-animation-swipe-horizontal-offset)) calc(100vw * var(--plvt-rg-view-transition-animation-swipe-vertical-offset));
	}
}

::view-transition-group(*) {
	animation-duration: 1s;
}

::view-transition-old(*) {
	animation-name: plvt-rg-view-transition-animation-swipe-old;
}

::view-transition-new(*) {
	animation-name: plvt-rg-view-transition-animation-swipe-new;
}