/*!
 * IMPORTANT: This file is generated from block.css.
 * EDITS WILL BE OVERWRITTEN.
 */

/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
.spiga-block-promotions .spiga-promotions-filter.is-active {
  border-color: var(--color-primary-500, oklch(0.647 0.24 32.74));
  background-color: var(--color-primary-500, oklch(0.647 0.24 32.74));
  color: var(--color-white, #FFFFFF);
}
.spiga-block-promotions .spiga-promotions-list {
  perspective: 1200px;
}
.spiga-block-promotions .spiga-promotion-row {
  --promotion-delay: calc(var(--promotion-index, 0) * 90ms);
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 100%;
  will-change: opacity, transform;
}
.spiga-block-promotions .spiga-promotions.is-motion-ready .spiga-promotion-row {
  opacity: 0;
  transform: translate3d(0, 58px, 0) rotateX(7deg) scale(0.965);
  transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--promotion-delay), var(--promotion-delay);
}
.spiga-block-promotions .spiga-promotions.is-in-view .spiga-promotion-row {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
}
.spiga-block-promotions .spiga-promotion-row.is-hidden {
  display: none;
}
.spiga-block-promotions .spiga-promotion-row.is-filter-revealing {
  animation: promotionRowReveal 900ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--promotion-delay);
}
@keyframes promotionRowReveal {
  from {
    opacity: 0;
    transform: translate3d(0, 58px, 0) rotateX(7deg) scale(0.965);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .spiga-block-promotions .spiga-promotion-row,
	.spiga-block-promotions .spiga-promotions.is-motion-ready .spiga-promotion-row,
	.spiga-block-promotions .spiga-promotions.is-in-view .spiga-promotion-row,
	.spiga-block-promotions .spiga-promotion-row.is-filter-revealing {
    animation: none;
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}