/* Extra styles for dynamic form errors (theme already has js-apply-* base). */
.js-apply-general-error {
  margin: 0 1.5rem 0.75rem;
  padding: 0.65rem 0.85rem;
  background: rgba(220, 50, 50, 0.12);
  color: #ff8a8a;
  font-size: 0.85rem;
  border-radius: 6px;
}
.js-apply-field-error {
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: #ff8a8a;
}
.js-apply-checks.is-error {
  outline: 1px solid #e35d5d;
  border-radius: 6px;
  padding: 0.25rem;
}
select.js-apply-select {
  max-width: 100%;
  width: 100%;
  white-space: normal;
  height: auto;
  min-height: 2.75rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}
select.js-apply-select option {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}