/* One coordinated entrance/exit instead of delayed animation on individual fields. */
#contact[data-contact-motion] .contact-panel,
#contact[data-contact-motion] .contact-backdrop,
#contact[data-contact-motion] .contact-form-view > *,
#contact[data-contact-motion] .contact-panel form > * { transition: none; }
#contact[data-contact-motion] .contact-success > * { animation: none !important; opacity: 1; transform: none; }
[data-contact-motion="opening"] .contact-panel,
[data-contact-motion="closing"] .contact-panel { will-change: opacity, transform; }
/* Keep the underlying page stationary when its scrollbar is locked for the dialog. */
html { scrollbar-gutter: stable; }

@media (prefers-reduced-motion: reduce) {
  #contact[data-contact-motion] * { transition: none !important; animation: none !important; }
}