/* =========================
   Symfony form errors
   ========================= */

.form-field ul {
  margin: 7px 0 0;
  padding: 0;

  list-style: none;

  color: #b91c1c;

  font-size: 12px;
  line-height: 1.5;
}

.form-field ul li {
  margin: 2px 0;
}

.form-field__input input {
  /* zachowujemy styl loginowych inputów */
  width: 100%;
  height: 48px;

  padding: 0 14px 0 42px;

  color: var(--color-text);
  background: #ffffff;

  border: 1px solid var(--color-border);
  border-radius: 12px;

  outline: none;

  font-family: inherit;
  font-size: 14px;

  box-sizing: border-box;

  transition:
          border-color var(--transition),
          box-shadow var(--transition),
          background var(--transition);
}

.form-field__input input:focus {
  border-color: var(--color-primary);

  box-shadow:
          0 0 0 3px rgba(21, 94, 117, 0.10);
}