@layer clickui {.label__RaRvM {
  color: var(--click-field-color-label-default);
  font: var(--click-field-typography-label-default);
}

/* Hover/focus rules only apply when neither disabled nor error is set, matching
   the pre-migration behavior (which simply didn't emit them in those states).
   The :not() chain also raises specificity above 0-1-0 so these rules win over
   InputWrapper's `labelColor` override. The .label_error and .label_disabled
   modifiers below stay at 0-1-0 on purpose, so labelColor continues to
   override them. */
.label__RaRvM:not(.label_error__k6yT0, .label_disabled__8BGcG):hover {
  color: var(--click-field-color-label-hover);
  font: var(--click-field-typography-label-hover);
}

.label__RaRvM:not(.label_error__k6yT0, .label_disabled__8BGcG):focus,
.label__RaRvM:not(.label_error__k6yT0, .label_disabled__8BGcG):focus-within {
  color: var(--click-field-color-label-active);
  font: var(--click-field-typography-label-active);
}

.label_error__k6yT0 {
  color: var(--click-field-color-label-error);
  font: var(--click-field-typography-label-error);
}

.label_disabled__8BGcG {
  color: var(--click-field-color-label-disabled);
  font: var(--click-field-typography-label-disabled);
}
}