/**
 * Form Validator Styles
 * WooCommerce to Shopify Sync Plugin
 */

.w2ssyn-field-message {
  display: block;
  margin-top: var(--w2ssyn-spacing-xs);
  font-size: var(--w2ssyn-font-size-sm);
  line-height: var(--w2ssyn-line-height-normal);
  animation: w2ssyn-fade-in 0.3s ease;
}

.w2ssyn-field-message--error {
  color: var(--w2ssyn-danger);
}

.w2ssyn-field-message--success {
  color: var(--w2ssyn-success);
}

@keyframes w2ssyn-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}