/* BEAF before/after "auto slide" (see js/beaf-perf.js). !important is needed because BEAF sets the animations as
   inline styles. Every rule is gated on .eq-bafg-opt, which js/beaf-perf.js adds, so without it nothing changes. */

/* Freeze the animation while the slider is off-screen. */
.bafg-autoslide.eq-bafg-opt.eq-bafg-offscreen .bafg-before-autoslide,
.bafg-autoslide.eq-bafg-opt.eq-bafg-offscreen .twentytwenty-handle {
	animation-play-state: paused !important;
}

/* The after image's clip animation is the exact complement of the before image's, and the before image is painted
   over it (z-index 20 vs 10), so a static, unclipped after image looks identical. This relies on both images of a
   slider having the same size and being opaque (true for every current slider). */
.bafg-autoslide.eq-bafg-opt .bafg-after-autoslide {
	animation-name: none !important;
	clip: auto !important;
}