/**
 * @file
 * Visual styles for form components.
 * Overridden from classy.
 */

.form-item,
.form-actions {
  margin-top: var(--space-20);
  margin-bottom: var(--space-20);
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  padding-top: var(--space-10);
  font-size: var(--font-size-11);
}

label.option {
  display: inline;
  font-weight: normal;
}

.form-composite > legend,
.label,
.form-label {
  display: table;
  margin: 0;
  padding: 0 0 var(--space-10);
}

.form-composite > legend .form-label {
  padding-bottom: 0;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em; /* LTR */
}

.form-required:after {
  display: inline-block;
  margin-left: 0.15em;
  content: "*";
  vertical-align: top;
  color: var(--color-danger);
  font-family: var(--base-font-family);
  font-size: var(--font-size-17);
  line-height: 0.5;
}

fieldset {
  margin-right: 0;
  margin-left: 0;
  border: 0;
}

.form-item--error-message,
label.error {
  color: var(--color-danger);
  font-family: var(--font-secondary);
  line-height: var(--line-height-1-8);
}