html body form * {
  box-sizing: border-box;
}
html body .form-input-container {
  display: block;
  margin-bottom: 0.75rem;
}
html body .form-input-container label {
  font-size: 90%;
  display: block;
}
html body .form-input-container .form-input {
  --border-dark-color-percentage: 40%;
  transition: border 0.165s ease-in, box-shadow 0.165s ease-in;
  display: block;
  border: 1px solid color-mix(in srgb, #171412 var(--border-dark-color-percentage), #fffbf8);
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  resize: none;
}
html body .form-input-container .form-input:focus, html body .form-input-container .form-input:focus-visible {
  outline: none;
  --border-dark-color-percentage: 65%;
  box-shadow: 0.125rem 0.125rem 0.25rem color-mix(in srgb, #f15c00 45%, #fffbf8);
}
html body .form-footer {
  text-align: end;
}
html body .review-code {
  padding: 0.75rem 1rem;
  font-family: monospace;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #171412;
  background-color: #fffbf8;
}

/*# sourceMappingURL=forms.css.map */