/* Initial states load in the head, before the animation scripts. */
.entrance-fade,
.entrance-fade-up,
.entrance-fade-left,
.entrance-fade-right,
.entrance-arrow {
    opacity: 0;
}

.ng-entrance-visible,
.ng-entrances-fallback .entrance-fade,
.ng-entrances-fallback .entrance-fade-up,
.ng-entrances-fallback .entrance-fade-left,
.ng-entrances-fallback .entrance-fade-right,
.ng-entrances-fallback .entrance-arrow,
.elementor-editor-active .entrance-fade,
.elementor-editor-active .entrance-fade-up,
.elementor-editor-active .entrance-fade-left,
.elementor-editor-active .entrance-fade-right,
.elementor-editor-active .entrance-arrow {
    opacity: 1;
}

/* Focused content must be visible even before script initialization. */
.entrance-fade:focus-within,
.entrance-fade-up:focus-within,
.entrance-fade-left:focus-within,
.entrance-fade-right:focus-within,
.entrance-arrow:focus-within {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .entrance-fade,
    .entrance-fade-up,
    .entrance-fade-left,
    .entrance-fade-right,
    .entrance-arrow {
        opacity: 1 !important;
    }
}