/* Form Sizes */
.Form--mini {
  font-size: 0.8125rem;
}

.Form--tiny {
  font-size: 0.875rem;
}

.Form--small {
  font-size: 0.9375rem;
}

.Form--medium {
  font-size: 1rem;
}

.Form--large {
  font-size: 1.125rem;
}

.Form--big {
  font-size: 1.3125rem;
}

.Form--huge {
  font-size: 1.4375rem;
}

.Form--massive {
  font-size: 1.6875rem;
}

/* Stretching of Input when placed in a Field */
.Form .FormField .Input,
.Form .FormGroup .FormField .Input {
  width: 100%;
}

/* Backward compatibility with Semantic.React Fields */
.Fields.Fields--error .Field .Input > input,
.Fields.Fields--error .Field .TextArea,
.Field.Field--error .Input > input,
.Field.Field--error .TextArea {
  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
  border-color: var(--colorsBorderCritical, #e13212);
  color: var(--colorsTextCritical, #bf2a00);
  box-shadow: none;
}
.Fields.Fields--error .Field .Input > input:focus,
.Fields.Fields--error .Field .TextArea:focus,
.Field.Field--error .Input > input:focus,
.Field.Field--error .TextArea:focus {
  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
  border-color: var(--colorsBorderCritical, #e13212);
  color: var(--colorsTextCritical, #bf2a00);
  box-shadow: none;
  -webkit-appearance: none;
}

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