/* Scoped to PHP-rendered Netex components; unrelated theme reveals are untouched.
   Visible by default, even when JavaScript or IntersectionObserver is unavailable. */
[data-netex-reveal].reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  --netex-reveal-delay: 0ms;
}
[data-netex-reveal].reveal.delay-1 { --netex-reveal-delay: 100ms; }
[data-netex-reveal].reveal.delay-2 { --netex-reveal-delay: 200ms; }
[data-netex-reveal].reveal.delay-3 { --netex-reveal-delay: 350ms; }
[data-netex-reveal].reveal.delay-4 { --netex-reveal-delay: 500ms; }
[data-netex-reveal].reveal.delay-5 { --netex-reveal-delay: 650ms; }
@media (prefers-reduced-motion: no-preference) {
  /* The head script sets this class before the first paint. */
  html.netex-reveal-booting [data-netex-reveal].reveal:not(.visible) {
    opacity: 0 !important;
    transform: translate3d(0, 36px, 0) !important;
  }
  [data-netex-reveal].reveal.netex-reveal-active {
    transition: opacity 750ms cubic-bezier(0.22, 1, 0.36, 1) var(--netex-reveal-delay), transform 750ms cubic-bezier(0.22, 1, 0.36, 1) var(--netex-reveal-delay) !important;
  }
  [data-netex-reveal].reveal.netex-reveal-pending:not(.visible) {
    opacity: 0 !important;
    transform: translate3d(0, 36px, 0) !important;
  }
}
/* Keyboard navigation must never wait for an animation. */
[data-netex-reveal][data-netex-reveal].reveal:focus-within,
.editor-styles-wrapper [data-netex-reveal][data-netex-reveal].reveal,
.block-editor-block-list__layout [data-netex-reveal][data-netex-reveal].reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  [data-netex-reveal].reveal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  [data-netex-reveal].reveal.netex-reveal-pending:not(.visible),
  [data-netex-reveal].reveal,
  [data-netex-reveal].reveal.netex-reveal-pending,
  [data-netex-reveal].reveal.netex-reveal-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}

