@import '../variables.less';

.wm-images-viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: @color-black;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;

  div {
    flex-direction: unset;
  }

  .current {
    display: flex;
    color: @color-white;
    align-items: center;
    justify-content: center;
    font-size: @font-size-18;
    padding-top: 50px;
    position: absolute;
    top: 0;
  }

  .images {
    width: 100%;
    height: 750px;
    padding-bottom: 86px;

    .item {
      z-index: 90;
      width: 100%;
      display: flex;
      justify-content: center;
      @keyframes enlarge {
        0% {
          transform: scale(0);
        }

        100% {
          transform: scale(1);
        }
      }

      .img {
        width: 100%;
        height: 100%;
        animation: enlarge 0.4s ease-in-out;
      }
    }
  }
}