/* Matches modal animation parameters in the supplied index.html. */
body .modal-overlay,body .pd-overlay,body .as-overlay { animation:snpReferenceShadeIn 150ms ease both; }
body .modal-overlay > .modal-box,body .pd-overlay > .pd-dialog,body .as-overlay > .as-dialog { animation:snpReferencePopIn 200ms ease both; transform-origin:center center; }
body .snp-entered > .modal-box,body .snp-entered > .pd-dialog,body .snp-entered > .as-dialog { animation:none; }
body .notification { transform:none; animation:snpNoticeFadeIn 220ms ease-out both, snpNoticeFadeOut 180ms ease-in 2.82s forwards; }
@keyframes snpReferenceShadeIn { from {opacity:0} to {opacity:1} }
@keyframes snpReferencePopIn { from {opacity:0;transform:scale(.9)} to {opacity:1;transform:scale(1)} }
@keyframes snpNoticeFadeIn { from {opacity:0;transform:none} to {opacity:1;transform:none} }
@keyframes snpNoticeFadeOut { from {opacity:1;transform:none} to {opacity:0;transform:none} }
@media(prefers-reduced-motion:reduce) {
 body .modal-overlay,body .pd-overlay,body .as-overlay,
 body .modal-overlay > .modal-box,body .pd-overlay > .pd-dialog,body .as-overlay > .as-dialog { animation:none!important; }
 body .notification { animation:snpNoticeFadeOut 1ms linear 3s forwards; }
}