/* ============================================================
   Shared form-field validation styles.
   Extracted verbatim from app/views/home/v2/index.html.erb so the
   shake + red-border error look is reusable across forms (DRY / KISS).
   Paired with app/assets/javascripts/form_validation.js.
   ============================================================ */

@keyframes v2Shake {
  0%, 100% { transform: translateX(0); }
  15%      { transform: translateX(-8px); }
  30%      { transform: translateX(8px); }
  45%      { transform: translateX(-6px); }
  60%      { transform: translateX(6px); }
  75%      { transform: translateX(-4px); }
  90%      { transform: translateX(4px); }
}

.v2-shake {
  animation: v2Shake 0.55s ease-in-out;
}

.v2-field-error {
  border-color: #ef4444 !important;
  background-color: #fff5f5 !important;
}

.v2-field-error::placeholder {
  color: #ef4444 !important;
  opacity: 1;
}

/*# sourceMappingURL=form_validation.css-d4999622f9486b978d67f8e4d370430ccd3925879e9f0f7c9708a204b6552a5b.map */