/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
.Label, .Form label:not(.Field__html-label) {
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  color: var(--colorsTextDefault, #141414);
  font-size: 14px;
  font-weight: 600;
}
.Label.Label--error, .Form label.Label--error:not(.Field__html-label) {
  color: var(--colorsTextCritical, #bf2a00);
}
.Label.Label--disabled, .Form label.Label--disabled:not(.Field__html-label) {
  opacity: 0.4;
}

.Label__required {
  color: var(--colorsTextCritical, #bf2a00);
  margin-left: 2px;
}

.Label__optional {
  color: var(--colorsTextSubdued, #606162);
  font-weight: 400;
  margin-left: 2px;
}

.Label__help {
  bottom: 2px;
  color: var(--colorsTextSubdued, #606162);
  margin-left: 4px;
  position: relative;
}

.Label--disabled .Label__action {
  filter: grayscale(1);
  pointer-events: none;
}

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