.spec-image-preview-outer.spec-image-preview-css3.spec-image-preview-zoom-dragging .spec-image-preview-item.spec-image-preview-complete.spec-image-preview-zoomable .spec-image-preview-img-wrap,
.spec-image-preview-outer.spec-image-preview-css3.spec-image-preview-zoom-dragging .spec-image-preview-item.spec-image-preview-complete.spec-image-preview-zoomable .spec-image-preview-image {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}

.spec-image-preview-outer.spec-image-preview-use-transition-for-zoom .spec-image-preview-item.spec-image-preview-complete.spec-image-preview-zoomable .spec-image-preview-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}

.spec-image-preview-outer.spec-image-preview-use-transition-for-zoom.spec-image-preview-zoom-drag-transition .spec-image-preview-item.spec-image-preview-complete.spec-image-preview-zoomable .spec-image-preview-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}

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

.spec-image-preview-outer .spec-image-preview-item.spec-image-preview-complete.spec-image-preview-zoomable .spec-image-preview-image,
.spec-image-preview-outer .spec-image-preview-item.spec-image-preview-complete.spec-image-preview-zoomable .spec-image-preview-dummy-img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

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

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

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

.spec-image-preview-icon.spec-image-preview-zoom-in:after {
  content: '\e311';
}

.spec-image-preview-actual-size .spec-image-preview-icon.spec-image-preview-zoom-in {
  opacity: 0.5;
  pointer-events: none;
}

.spec-image-preview-icon.spec-image-preview-actual-size {
  font-size: 20px;
}

.spec-image-preview-icon.spec-image-preview-actual-size:after {
  content: '\e033';
}

.spec-image-preview-icon.spec-image-preview-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

.spec-image-preview-icon.spec-image-preview-zoom-out:after {
  content: '\e312';
}

.spec-image-preview-zoomed .spec-image-preview-icon.spec-image-preview-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

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