/*
 * Cosey Animate runtime styles (Cosey Commerce 1.0.3)
 * Pairs with assets/vendor/animate/animate.min.css.
 */

/* Entrance animations stay invisible until the runtime plays them.
   Scoped to html.cosey-anim-js so nothing is ever hidden without JS. */
.cosey-anim-js .cosey-anim--in[data-cosey-anim-trigger="scroll"]:not(.cosey-anim--played),
.cosey-anim-js .cosey-anim--in[data-cosey-anim-trigger="load"]:not(.cosey-anim--played) {
	visibility: hidden;
}

/* Per-block timing. --animate-duration is Animate.css's own hook;
   delay and iteration count are ours. */
.cosey-anim.animate__animated {
	animation-delay: var(--cosey-anim-delay, 0ms);
	animation-iteration-count: var(--cosey-anim-count, 1);
}

/* Keep sideways entrances from adding a horizontal scrollbar. */
.cosey-anim-js body {
	overflow-x: clip;
}
@supports not (overflow: clip) {
	.cosey-anim-js body {
		overflow-x: hidden;
	}
}

/* Editor canvas: blocks are always visible; the Preview button adds the
   animate__ classes on demand. Nothing else needed here. */