/* Preserve Uni's translate(-50%, -50%) while animating the centered dialog. */
uni-modal .uni-modal {
  box-sizing: border-box !important;
  animation-name: ww-modal-in-centered !important;
}

@keyframes ww-modal-in-centered {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(6px) scale(.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  uni-modal .uni-modal {
    animation: none !important;
  }
}