
@keyframes wd-slideUpIn {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes wd-slideUpOut {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-100%);
	}
}

.wd-rot-text.wd-anim-slide-up {
	position: relative;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	transition: all calc(var(--wd-anim-duration, .8s) / 2) linear;
	height: 0;
	margin-top: var(--wd-highlight-offset);
}

.wd-anim-slide-up .wd-rot-text-item {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
}

.wd-anim-slide-up .wd-rot-text-item.wd-active {
	opacity: 1;
	visibility: visible;
}

.wd-anim-slide-up .wd-rot-text-item.wd-active:not(.wd-first) {
	animation: wd-slideUpIn var(--wd-anim-duration, .8s);
}

.wd-anim-slide-up .wd-rot-text-item.wd-out {
	visibility: visible;
	animation: wd-slideUpOut var(--wd-anim-duration, .8s) forwards;
}

.wd-anim-slide-up.wd-inited .wd-rot-text-item {
	position: absolute;
	inset-inline-start: 0;
}
