/* Shared by application dialogs and account pages, at every viewport size. */
html body .form-field-error {
  border-color: var(--danger, #c83f49) !important;
  outline: 1px solid var(--danger, #c83f49) !important;
  outline-offset: -1px;
  box-shadow: 0 0 0 2px rgba(200, 63, 73, .12) !important;
}
.form-field-shake { animation: form-field-shake .12s ease-in-out 3 !important; }
@keyframes form-field-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  75% { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .form-field-shake { animation: none !important; }
}