/**
 * Minified by jsDelivr using clean-css v5.3.3.
 * Original file: /npm/lightgallery@2.8.2/css/lg-zoom.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
    -moz-transition: -moz-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
    -o-transition: -o-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
    -o-transition: -o-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
    transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition {
    transition: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition {
    transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0) !important;
    max-width: none !important;
    max-height: none !important;
    top: 50% !important;
    left: 50% !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x {
    transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0) !important;
    top: 0 !important;
    left: 50% !important;
    max-width: none !important;
    max-height: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
    transform: scale3d(1, 1, 1) translate3d(0, -50%, 0) !important;
    top: 50% !important;
    left: 0 !important;
    max-width: none !important;
    max-height: none !important
}

.lg-icon.lg-zoom-in:after {
    content: "\e311"
}

.lg-actual-size .lg-icon.lg-zoom-in {
    opacity: 1;
    pointer-events: auto
}

.lg-icon.lg-actual-size {
    font-size: 20px
}

.lg-icon.lg-actual-size:after {
    content: "\e033"
}

.lg-icon.lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

.lg-icon.lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-zoom-out {
    opacity: .75;
    pointer-events: none
}