.LabeledCheckbox {
  @apply inline-flex cursor-pointer items-center gap-2 text-sm font-medium leading-4 text-gray-700 [&:has(input:disabled)]:cursor-default [&:has(input:disabled)]:text-gray-300;
}

.DashboardWidget-filters {
  .LabeledCheckbox {
    @apply relative p-[0_var(--gap-s)];
  }
}

label:has(input[type='checkbox']) {
  @apply LabeledCheckbox;
}
