.form-container-with-picker {
  max-width: 600px;
}

.umbraco-forms-fieldset {
  border-left: 1px solid var(--greyscale-600);
  border-right: 1px solid var(--greyscale-600);
  padding: 0 2rem;
}

.umbraco-forms-fieldset:last-of-type {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--greyscale-600);
}

.umbraco-forms-fieldset:first-of-type {
  border-top: 1px solid var(--greyscale-600);
  padding-top: 2rem;
}

.form-container-with-picker.umbraco-forms-form {
  width: 100%;
  max-width: 660px;
}

.umbraco-forms-field {
  width: 100%;
  margin-bottom: 2.5rem;
}
.umbraco-forms-field input:not([type=checkbox]):not([type=radio]), .umbraco-forms-field textarea {
  width: 100%;
}
.umbraco-forms-field textarea {
  resize: none;
  height: 168px;
}

.umbraco-forms-field.mandatory label::after, .umbraco-forms-field.mandatory legend::after {
  content: "*";
  color: var(--primary-400);
}

.umbraco-forms-navigation input[type=submit] {
  background-color: var(--primary-500);
  color: var(--greyscale-1000);
  padding: 1rem 2rem;
  margin-top: 1rem;
  width: 100%;
}

.umbraco-forms-fieldset legend {
  margin-top: 1rem;
  font-weight: 600;
}

.umbraco-forms-hidden {
  display: none;
}

.field-validation-error {
  color: var(--primary-400);
}

fieldset.umbraco-forms-field legend {
  font-size: 1rem;
}