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

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

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

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

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

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

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