/**
 * Post Gallery Shortcode — Elementor container background slideshow
 * Version: 2.5.0
 */

.pgsc-bg-slideshow-enabled {
    position: relative;
    isolation: isolate;
}

.pgsc-bg-slideshow-enabled > .pgsc-bg-slideshow {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.pgsc-bg-slideshow-enabled > :not(.pgsc-bg-slideshow) {
    z-index: 2;
}

.pgsc-bg-slideshow__layer,
.pgsc-bg-slideshow__overlay {
    position: absolute;
    inset: 0;
}

.pgsc-bg-slideshow__layer {
    z-index: 0;
    opacity: 0;
    background-position: var(--pgsc-bg-position, center center);
    background-size: var(--pgsc-bg-size, cover);
    background-repeat: no-repeat;
    backface-visibility: hidden;
    will-change: opacity, transform;
}

.pgsc-bg-slideshow__layer.is-active {
    opacity: 1;
}

.pgsc-bg-slideshow--fade .pgsc-bg-slideshow__layer {
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    transition-duration: var(--pgsc-bg-transition-duration, 1000ms);
}

.pgsc-bg-slideshow--none .pgsc-bg-slideshow__layer {
    transition: none;
}

.pgsc-bg-slideshow__overlay {
    z-index: 1;
    background: var(--pgsc-bg-overlay-color, #000);
    opacity: var(--pgsc-bg-overlay-opacity, 0);
}

.pgsc-bg-slideshow--ken-burns-in .pgsc-bg-slideshow__layer.is-ken-burns {
    animation-name: pgsc-ken-burns-in;
    animation-duration: var(--pgsc-bg-ken-burns-duration, 6000ms);
    animation-timing-function: linear;
    animation-fill-mode: both;
}

.pgsc-bg-slideshow--ken-burns-out .pgsc-bg-slideshow__layer.is-ken-burns {
    animation-name: pgsc-ken-burns-out;
    animation-duration: var(--pgsc-bg-ken-burns-duration, 6000ms);
    animation-timing-function: linear;
    animation-fill-mode: both;
}

@keyframes pgsc-ken-burns-in {
    from { transform: scale(1); }
    to   { transform: scale(1.12); }
}

@keyframes pgsc-ken-burns-out {
    from { transform: scale(1.12); }
    to   { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .pgsc-bg-slideshow__layer {
        transition: none !important;
        animation: none !important;
    }
}