.np-badge-wrapper[data-v-d1224793] {
  display: inline-flex;
}
.np-badge[data-v-d1224793] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  background: #e8e8e8;
  color: #666;
}
.np-badge.np-thin[data-v-d1224793] {
  padding: 2px 8px;
  font-size: 11px;
}
.np-badge.np-pill[data-v-d1224793] {
  border-radius: 999px;
}
.np-badge.clickable[data-v-d1224793] {
  cursor: pointer;
}
.np-badge.clickable[data-v-d1224793]:hover {
  opacity: 0.85;
}
.np-badge.np-outline[data-v-d1224793] {
  background: transparent;
  border: 1px solid currentColor;
}
.np-badge.np-badge-primary[data-v-d1224793] {
  background: #e3f2fd;
  color: #1565c0;
}
.np-badge.np-badge-primary.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-primary);
  color: var(--ion-color-primary);
}
.np-badge.np-badge-secondary[data-v-d1224793] {
  background: #f3e5f5;
  color: #7b1fa2;
}
.np-badge.np-badge-secondary.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-secondary);
  color: var(--ion-color-secondary);
}
.np-badge.np-badge-tertiary[data-v-d1224793] {
  background: #e0f2f1;
  color: #00695c;
}
.np-badge.np-badge-tertiary.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-tertiary);
  color: var(--ion-color-tertiary);
}
.np-badge.np-badge-success[data-v-d1224793] {
  background: #e8f5e9;
  color: #2e7d32;
}
.np-badge.np-badge-success.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-success);
  color: var(--ion-color-success);
}
.np-badge.np-badge-warning[data-v-d1224793] {
  background: #fff3e0;
  color: #e65100;
}
.np-badge.np-badge-warning.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-warning);
  color: var(--ion-color-warning);
}
.np-badge.np-badge-danger[data-v-d1224793] {
  background: #ffebee;
  color: #c62828;
}
.np-badge.np-badge-danger.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-danger);
  color: var(--ion-color-danger);
}
.np-badge.np-badge-light[data-v-d1224793] {
  background: #f5f5f5;
  color: #616161;
}
.np-badge.np-badge-light.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: #bdbdbd;
  color: #616161;
}
.np-badge.np-badge-medium[data-v-d1224793] {
  background: #eceff1;
  color: #455a64;
}
.np-badge.np-badge-medium.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-medium);
  color: var(--ion-color-medium);
}
.np-badge.np-badge-dark[data-v-d1224793] {
  background: #37474f;
  color: #ffffff;
}
.np-badge.np-badge-dark.np-outline[data-v-d1224793] {
  background: transparent;
  border-color: var(--ion-color-dark);
  color: var(--ion-color-dark);
}
.np-badge .badge-icon[data-v-d1224793] {
  font-size: 10px;
}
.np-badge .badge-icon.icon-start[data-v-d1224793] {
  margin-right: 2px;
}
.np-badge .badge-icon.icon-end[data-v-d1224793] {
  margin-left: 2px;
}