/* Magic Scroll base styles */
.ims-enabled-yes {
    opacity: var(--ims-opacity-start, 0);
    transform: var(--ims-transform-start, none);
    transition: all var(--ims-duration, 1s) var(--ims-easing, ease);
    will-change: transform, opacity;
}

/* When animation activates */
.ims-animate {
    opacity: 1;
    transform: var(--ims-transform-end, none);
}

/* Bouncy style */
.ims-bounce.ims-animate {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* Flip smoother */
.ims-flip.ims-animate {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
