@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.zoomIn {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: zoomIn;
  animation-timing-function: ease-out;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(16px) scale(0.95);
  }
}
.zoomOut {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: zoomOut;
  animation-timing-function: ease-in;
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
  }
}
.slideOutRight {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: slideOutRight;
  animation-timing-function: ease-in;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.slideInRight {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInRight;
  animation-timing-function: ease-out;
}
.blur-bg {
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
}