/*
========================================
Form field styles
========================================
*/
form > div:not(:last-child) {
  margin: 0 0 1rem 0;
}

/*
========================================
Label styles
========================================
*/
form label {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/*
========================================
Error message styles
========================================
*/
form > div:has(>div) {
  margin: 0 0 1rem 0;
}

form label:has(+*+[id^="input-error"]) {
  color: var(--error-0);
}

form input:has(+[id^="input-error"]) {
  border-color: var(--error-0) !important;
}

form [id^="input-error"] {
  color: var(--error-0);
  display: inline-block;
  padding-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}