pf-label, pf-status-label {
  @apply inline-flex items-center gap-1.5 rounded-md w-max px-2.5 py-1 text-sm font-medium leading-none whitespace-nowrap select-none;
}
pf-label[info] {
  @apply text-text-secondary bg-surface-subtle;
}

pf-status-label {
  @apply bg-surface-subtle border border-border px-3 py-2;
}
pf-status-label[active],
input:checked ~ pf-status-label {
  @apply text-primary border-primary font-semibold;
}

pf-status-label[pending] {
  .icon {
    @apply text-status-pending;
  }
}
pf-status-label[answering] {
  .icon {
    @apply text-status-answering;
  }
}
pf-status-label[ready] {
  .icon {
    @apply text-status-ready;
  }
}
pf-status-label[failed] {
  .icon {
    @apply text-status-failed;
  }
}
pf-status-label[all] {
  .icon {
    /*@apply text-status-all;*/
  }
}