pf-tag, pf-confidence-tag, pf-risk-tag, pf-status-tag {
  @apply inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-sm font-medium leading-none whitespace-nowrap;
  &:not([no-border]) {
    @apply border;
  }
  &[small] {
    @apply text-2xs px-1.5 py-1;
  }
}

pf-tag[info] {
  @apply text-status-pending bg-status-pending-bg border-status-pending-border;
}

pf-tag[is-active],
*.is-active pf-tag {
  @apply text-[#1d5e93] bg-[#C0D7EA] border-status-answering-border;
}

pf-confidence-tag[high] {
  @apply text-confidence-high bg-confidence-high-bg border-confidence-high-border;
}

pf-confidence-tag[medium] {
  @apply text-confidence-medium bg-confidence-medium-bg border-confidence-medium-border;
}

pf-confidence-tag[low] {
  @apply text-confidence-low bg-confidence-low-bg border-confidence-low-border;
}

pf-status-tag[pending] {
  @apply text-status-pending bg-status-pending-bg border-status-pending-border;
}

pf-status-tag[answering] {
  @apply text-status-answering bg-status-answering-bg border-status-answering-border;
}

pf-status-tag[ready] {
  @apply text-status-ready bg-status-ready-bg border-status-ready-border;
}

pf-status-tag[failed] {
  @apply text-status-failed bg-status-failed-bg border-status-failed-border;
}


pf-risk-tag[low],
pf-risk-tag[level-1] {
  @apply text-risk-low bg-risk-low-bg border-risk-low-border;
}

pf-risk-tag[medium],
pf-risk-tag[level-2] {
  @apply text-risk-medium bg-risk-medium-bg border-risk-medium-border;
}

pf-risk-tag[high],
pf-risk-tag[level-3] {
  @apply text-risk-high bg-risk-high-bg border-risk-high-border;
}

pf-risk-tag[very-high],
pf-risk-tag[very_high],
pf-risk-tag[level-4] {
  @apply text-risk-very-high bg-risk-very-high-bg border-risk-very-high-border;
}

pf-risk-tag[critical],
pf-risk-tag[level-5] {
  @apply text-risk-critical bg-risk-critical-bg border-risk-critical-border;
}