/* .ms-Overlay.ms-Overlay--dark[class*="rootIsVisible"], */

.__FeedbackDialog-FeedbackDialog[class*="rootIsVisible"] {
  animation: fadeIn 0.5s forwards;
}

/* .ms-Overlay.ms-Overlay--dark, */

.__FeedbackDialog-FeedbackDialog {
  animation: fadeOut 0.5s forwards;
}

.view {
  animation: fadeUp 0.5s forwards;
}

.view-enter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  /* animation: fadeUp 0.5s forwards; */
  animation: none;
}

.view-enter-active {
  height: 100%;
  width: 100%;
  animation: fadeUp 0.5s forwards;
}

.view-enter-done {
  position: relative;
  animation: none;
}

.view-exit {
  animation: fadeOut 0.3s forwards;
}

.view.view-exit.view-exit-active {
  animation: fadeOut 0.3s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    /* transform: translateY(0px); */
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    /* transform: translateY(-25px); */
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    /* transform: translateY(0px); */
  }
  100% {
    opacity: 1;
    /* transform: translateY(-25px); */
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}