.field-error {
  display: block;
  min-height: 1.1rem;
  margin-top: 0.3rem;
  font-size: var(--font-sm);
  line-height: 1.5;
  color: var(--error);
}

.form-status {
  min-height: 1.5rem;
  margin: 0;
}

.form-status:focus {
  outline: none;
}

.form-status.error {
  color: var(--error);
}

.form-status.success {
  font-weight: bold;
  color: var(--success);
}

.request-form input[type='radio'] {
  border-radius: 50%;
}

.request-form input[type='checkbox'] {
  border-radius: 2px;
}

.request-form input[type='radio']:focus-visible,
.request-form input[type='checkbox']:focus-visible {
  outline: 2px solid transparent;
  box-shadow: var(--focus-ring);
}

form input[type='radio'][aria-invalid='true'],
form input[type='checkbox'][aria-invalid='true'] {
  outline: 2px solid var(--error);
  outline-offset: 2px;
}

.request-form input:not([type='radio']):not([type='checkbox']),
.request-form textarea {
  width: 100%;
  padding: 0.72rem 0.85rem;
  font: inherit;
  color: var(--navy);
  outline: none;
  background: var(--field);
  border: 0;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 rgba(var(--copper-rgb), 0.55);
  transition:
    background-color 0.15s linear,
    box-shadow 0.15s linear;
}

.request-form input:not([type='radio']):not([type='checkbox']):hover:not(:focus),
.request-form textarea:hover:not(:focus) {
  background: var(--field-hover);
  box-shadow: inset 0 -1px 0 var(--copper);
}

.request-form input:not([type='radio']):not([type='checkbox']):focus,
.request-form textarea:focus {
  outline: 2px solid transparent;
  background: var(--white);
  box-shadow:
    inset 0 -2px 0 var(--copper),
    0 0 0 4px rgba(var(--copper-rgb), 0.16);
}

.request-form input[aria-invalid='true']:not([type='radio']):not([type='checkbox']):not(:focus),
.request-form textarea[aria-invalid='true']:not(:focus) {
  background: var(--error-bg);
  box-shadow: inset 0 -2px 0 var(--error);
}

.request-form textarea {
  resize: vertical;
}

form a:focus-visible {
  outline: 2px solid transparent;
  border-radius: 4px;
  box-shadow: var(--focus-ring);
}