.ui-img-zoom {
  &__container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    transform: scale3d(1.03, 1.03, 1.03);
    opacity: 0;

    transition: all 0.3s ease;

    pointer-events: none;

    &--zoomed {
      transform: scale3d(1, 1, 1);
      opacity: 1;

      pointer-events: all;
    }
  }

  &__img {
    background-position: center center;
    background-size: cover;
  }

  &__loader {
    position: absolute;
    z-index: -999;

    visibility: hidden;
    opacity: 0;

    pointer-events: none;
  }

  &__label {
    height: 60px;

    line-height: 60px;
  }
}