.dialog {
  left: calc(50vw - 200px);
  width: 400px;
  margin: 10vh 0;
  top: 0;
  &:global(.bp3-overlay-appear),
  &:global(.bp3-overlay-enter) {
    transform: translateY(-50vh) rotate(-10deg);
  }

  &:global(.bp3-overlay-appear-active),
  &:global(.bp3-overlay-enter-active) {
    transform: translateY(0) rotate(0deg);
    transition-delay: 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
  }

  &:global(.bp3-overlay-exit) {
    transform: translateY(0) rotate(0deg);
  }

  &:global(.bp3-overlay-exit-active) {
    transform: translateY(150vh) rotate(-20deg);
    transition-delay: 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
  }
}