.charcoal-field-label {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  display: flow-root;
  color: var(--charcoal-text1);
}

.charcoal-field-label-required-text {
  font-size: 14px;
  line-height: 22px;
  display: flow-root;
  color: var(--charcoal-text2);
}

.charcoal-field-label-sub-label {
  font-size: 14px;
  line-height: 22px;
  display: flow-root;
  color: var(--charcoal-text3);
  transition:
    0.2s color,
    0.2s box-shadow;
}

.charcoal-field-label-root {
  display: inline-flex;
  align-items: center;

  & > .charcoal-field-label-required-text {
    margin-left: 4px;
  }

  & > .charcoal-field-label-sub-label {
    margin-left: auto;
  }
}