[data-registration-form] .registration-field-invalid,
[data-registration-panel] .registration-field-invalid {
  border-color: #c62828 !important;
  outline: 3px solid rgba(198, 40, 40, .2) !important;
  background-color: #fff7f7 !important;
  box-shadow: 0 0 0 1px #c62828, 0 0 0 5px rgba(198, 40, 40, .1) !important;
}

[data-registration-form] label.registration-label-invalid,
[data-registration-panel] label.registration-label-invalid {
  color: #9d1c1c !important;
}

.registration-field-error {
  display: block;
  width: 100%;
  margin-top: 6px;
  color: #9d1c1c;
  font-size: .88rem;
  font-weight: 800;
}

@media (prefers-reduced-motion: no-preference) {
  .registration-field-invalid {
    animation: registration-invalid-pulse .5s ease-out;
  }
}

@keyframes registration-invalid-pulse {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}