.weui-mask,
.weui-half-screen-dialog {
  transition: all 0.3s;
}

.weui-hidden {
  .weui-mask {
    visibility: hidden;
    opacity: 0;
  }

  .weui-half-screen-dialog {
    transform: translateY(100%);
  }
}

.weui-show {
  .weui-mask {
    opacity: 1;
    visibility: visible;
  }

  .weui-half-screen-dialog {
    transform: translateY(0%);
  }
}