// Themes
@import './clinical-lowlight-theme/Field.module';
@import './orion-fusion-theme/Field.module';

:local {
  .field {
    border: 0;
    margin-bottom: var(--terra-form-field-margin-bottom, 1.428em);
    max-width: 72.857rem;
    overflow-wrap: break-word; /* Modern browsers */
    padding: 0;
    word-wrap: break-word; /* For IE 10 and IE 11 */
  }

  .field-inline {
    display: inline-block;
    margin-right: var(--terra-form-field-inline-margin-right, 0.7143em);
    vertical-align: top;
  }

  .label-group {
    font-size: var(--terra-form-field-label-font-size, 1rem);
    line-height: 1.29;
    margin-bottom: var(--terra-form-field-label-margin-bottom, 0.357em);
    text-align: left;
  }

  .label-group-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap; /* Ensures words  are not read one at a time on screen readers*/
    width: 1px;
  }

  .label {
    color: var(--terra-form-field-label-color, #1c1f21);
    font-weight: var(--terra-form-field-label-font-weight, bold);
  }

  .error-icon,
  .error-icon-hidden {
    display: var(--terra-form-field-label-error-icon-display, none);
    padding-right: var(--terra-form-field-label-error-icon-padding-right, 0.357em);
  }

  .error-icon-hidden {
    visibility: hidden;
  }

  .required,
  .required-hidden {
    color: var(--terra-form-field-label-required-color , #e50000);
    display: inline-block;
    padding-right: var(--terra-form-field-label-required-padding-right, 0.357em);
  }

  .required-hidden {
    visibility: hidden;
  }

  .optional {
    display: inline-block;
    font-style: var(--terra-form-field-label-optional-font-style, italic);
    padding-left: var(--terra-form-field-label-optional-padding-left, 0.357em);
  }

  .help-text {
    color: var(--terra-form-field-help-text-color, rgba(28, 31, 33, 0.63));
    font-size: var(--terra-form-field-help-text-font-size, 0.857rem);
    font-weight: var(--terra-form-field-help-text-font-weight, normal);
    line-height: 1.25;
    margin-top: var(--terra-form-field-help-text-margin-top, 0.357em);
    outline: 0;
    text-align: left;
  }

  .error-text {
    color: var(--terra-form-field-error-text-color, #e50000);
    font-size: var(--terra-form-field-error-text-font-size, 0.857rem);
    font-weight: var(--terra-form-field-error-text-font-weight, normal);
    line-height: 1.25;
    margin-top: var(--terra-form-field-error-text-margin-top, 0.357em);
    outline: 0;
    text-align: left;
  }

  .visually-hidden-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap; /* Ensures words  are not read one at a time on screen readers*/
    width: 1px;
  }
}