@import "../../var.less";
@import "../../mixins/mixins.less";

.v-modal-enter {
  animation: v-modal-in .2s ease;
}

.v-modal-leave {
  animation: v-modal-out .2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
  100% {
  }
}

@keyframes v-modal-out {
  0% {
  }
  100% {
    opacity: 0;
  }
}

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: @popup-modal-opacity;
  background: @popup-modal-background-color;
}

.w-popup-parent {
  &--hidden {
    overflow: hidden;
  }
}