/* Shared progressive reveal used by public storefront pages. */
.ts-reveal-ready .ts-reveal-up {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.82s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.82s cubic-bezier(0.22, 0.65, 0.28, 1);
  transition-delay: var(--ts-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.ts-reveal-ready .ts-reveal-up.ts-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

.ts-reveal-ready .ts-reveal-stagger > * {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.7s cubic-bezier(0.22, 0.65, 0.28, 1);
  transition-delay: var(--ts-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.ts-reveal-ready .ts-reveal-stagger.ts-reveal-visible > * {
  opacity: 1;
  transform: translateY(0);
}

.ts-reveal-ready .ts-reveal-stagger.ts-reveal-complete > * {
  transition-delay: 0ms;
  will-change: auto;
}

.ts-reveal-ready .ts-reveal-up.ts-reveal-visible.ts-reveal-complete {
  will-change: auto;
}

html.ts-reveal-fallback .ts-reveal-up,
html.ts-reveal-fallback .ts-reveal-stagger > * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  .ts-reveal-ready .ts-reveal-up,
  .ts-reveal-ready .ts-reveal-stagger > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}