.ccl-label {
  display: inline-flex;
  align-items: baseline;
  align-self: flex-start;
  width: fit-content;
  gap: 0;
  font-family: var(--typography-font-family-sans);
  font-size: var(--typography-font-size-sm);
  font-weight: 500;
  color: var(--color-secondary-500, #212529);
  margin-bottom: 0;
  cursor: default;
}

.ccl-label[for] {
  cursor: pointer;
}

.ccl-label__required {
  color: var(--color-error-500, #dc3545);
  margin-left: var(--spacing-xs, 0.25rem);
  font-weight: bold;
}

.ccl-label--visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}