/**
 * Bricksify: About Swarm - companion part.
 *
 * All the look lives in the template's own global class `about-swarm`, so it
 * travels with the copied JSON. This file only covers the moment before the
 * script has run: the title lines, the image and the paragraph are about to
 * be moved into their start positions, so they wait hidden instead of
 * flashing in place first. `bx-js` is printed in <head> by the companion on
 * pages that use the template; if the script never runs, the failsafe shows
 * them after 3s.
 */

html.bx-js body.bricks-is-frontend .bxc-about-swarm:not(.is-ready) :is(.bxas-line, .bxas-img, .bxas-text) {
	visibility: hidden;
	animation: bxas-failsafe 0s 3s forwards;
}

@keyframes bxas-failsafe {
	to {
		visibility: visible;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.bx-js body.bricks-is-frontend .bxc-about-swarm:not(.is-ready) :is(.bxas-line, .bxas-img, .bxas-text) {
		visibility: visible;
		animation: none;
	}
}
