/* Pop-up C: one step at a time. Before the script runs, only the first step shows. */
#khs-guided [id^="khs-step-"] {
	display: none !important;
}

#khs-guided:not(.khs-ready) #khs-step-trade,
#khs-guided [id^="khs-step-"].khs-on {
	display: flex !important;
}

#khs-guided:not(.khs-can-back) a[href="#khs-back"] {
	visibility: hidden;
}

#khs-guided .khs-enter {
	animation: khs-step-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#khs-guided .khs-enter-back {
	animation: khs-step-in-back 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes khs-step-in {
	from {
		opacity: 0;
		transform: translateX(36px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes khs-step-in-back {
	from {
		opacity: 0;
		transform: translateX(-36px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	#khs-guided .khs-enter,
	#khs-guided .khs-enter-back {
		animation: none;
	}
}