/* dcCMS — animacje wejścia bloków page buildera (patrz builder.js: pole "Animacja wejścia" w ustawieniach bloku) */

.dc-anim {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: opacity, transform;
}

.dc-anim.is-visible {
    opacity: 1;
    transform: none !important;
}

.dc-anim--fade-in { transform: none; }
.dc-anim--fade-in-up { transform: translateY(32px); }
.dc-anim--fade-in-down { transform: translateY(-32px); }
.dc-anim--fade-in-left { transform: translateX(-32px); }
.dc-anim--fade-in-right { transform: translateX(32px); }
.dc-anim--zoom-in { transform: scale(0.92); }
.dc-anim--slide-up { transform: translateY(48px); }
.dc-anim--slide-down { transform: translateY(-48px); }

.dc-anim--bounce-in {
    transform: scale(0.85);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Odtwarzana raz, przy pierwszym wjeździe bloku w widoczny obszar (patrz animations.js) */

@media (prefers-reduced-motion: reduce) {
    .dc-anim {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}