@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. genericLabel) */

.generic-label__l8R-z {
  color: var(--click-field-color-genericLabel-default);
  font: var(--click-field-typography-genericLabel-default);
  cursor: pointer;
}

.generic-label__l8R-z:hover {
  color: var(--click-field-color-genericLabel-hover);
  font: var(--click-field-typography-genericLabel-hover);
}

.generic-label__l8R-z:focus,
.generic-label__l8R-z:focus-within {
  color: var(--click-field-color-genericLabel-active);
  font: var(--click-field-typography-genericLabel-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/focus to neutralize them; the pre-migration styling
   emitted no hover/focus rules when disabled is true. */
.generic-label__l8R-z.generic-label_disabled__LsI3I,
.generic-label__l8R-z.generic-label_disabled__LsI3I:hover,
.generic-label__l8R-z.generic-label_disabled__LsI3I:focus,
.generic-label__l8R-z.generic-label_disabled__LsI3I:focus-within {
  color: var(--click-field-color-genericLabel-disabled);
  font: var(--click-field-typography-genericLabel-disabled);
  cursor: not-allowed;
}
/* stylelint-enable no-descending-specificity */
}