/* Backport of Gutenberg #79058 */
@media not (prefers-reduced-motion) {
    .wp-lightbox-overlay.gpro-lightbox-fix.zoom.active .lightbox-image-container {
        animation-name: gpro-lightbox-zoom-in;
    }

    .wp-lightbox-overlay.gpro-lightbox-fix.zoom.show-closing-animation:not(.active) .lightbox-image-container {
        animation-name: gpro-lightbox-zoom-out;
    }
}

/* Reveal crop while zooming */
@keyframes gpro-lightbox-zoom-in {
    0% {
        clip-path: var(--wp--lightbox-initial-clip, inset(0));
        transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
    }
    100% {
        clip-path: inset(0);
        transform: translate(-50%, -50%) scale(1, 1);
    }
}

@keyframes gpro-lightbox-zoom-out {
    0% {
        visibility: visible;
        clip-path: inset(0);
        transform: translate(-50%, -50%) scale(1, 1);
    }
    99% {
        visibility: visible;
    }
    100% {
        visibility: hidden;
        clip-path: var(--wp--lightbox-initial-clip, inset(0));
        transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
    }
}