/**
 * Bricksify: Service Columns - companion part.
 *
 * All the look and the hover/accordion states live in the template's own
 * global class `service-columns`, so they travel with the copied JSON. This
 * file only holds what depends on the companion script: the columns start
 * hidden for the entrance fade, and only when the script is on its way.
 * `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-service-columns:not(.is-ready) .bxsc-block {
	opacity: 0;
	animation: bxsc-failsafe 0s 3s forwards;
}

@keyframes bxsc-failsafe {
	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.bx-js body.bricks-is-frontend .bxc-service-columns:not(.is-ready) .bxsc-block {
		opacity: 1;
		animation: none;
	}
}