:root {
  --sw-badge-font: var(--font-body, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --sw-badge-blue-text: #1767f2;
  --sw-badge-blue-bg: #e8f1ff;
  --sw-badge-blue-border: rgba(37, 99, 235, .16);
  --sw-badge-green-text: #0f8b68;
  --sw-badge-green-bg: #e9f9f2;
  --sw-badge-green-border: rgba(16, 185, 129, .16);
  --sw-badge-amber-text: #e87315;
  --sw-badge-amber-bg: #fff6ee;
  --sw-badge-amber-border: rgba(232, 115, 21, .15);
  --sw-badge-yellow-text: #856404;
  --sw-badge-yellow-bg: #fff9e6;
  --sw-badge-yellow-border: rgba(133, 100, 4, 0.18);
  --sw-badge-purple-text: #7c3aed;
  --sw-badge-purple-bg: #f5f3ff;
  --sw-badge-purple-border: rgba(124, 58, 237, .18);
  --sw-badge-teal-text: #07807a;
  --sw-badge-teal-bg: #e9fbf7;
  --sw-badge-teal-border: rgba(15, 159, 143, .16);
  --sw-badge-slate-text: #68758f;
  --sw-badge-slate-bg: #f3f6fb;
  --sw-badge-slate-border: rgba(148, 163, 184, .16);
  --sw-badge-danger-text: #ba1a1a;
  --sw-badge-danger-bg: #fff0f0;
  --sw-badge-danger-border: rgba(220, 38, 38, .16);
}

.sw-badge,
superwizer-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--sw-badge-color, var(--sw-badge-slate-text));
  background: var(--sw-badge-bg, var(--sw-badge-slate-bg));
  border: 1px solid var(--sw-badge-border, var(--sw-badge-slate-border));
  font-family: var(--sw-badge-font);
  font-size: 11.2px;
  line-height: 1;
  font-weight: 560;
  letter-spacing: -.02em;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.sw-badge svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.sw-badge--sm svg { width: 11.5px; height: 11.5px; margin-right: 4px; stroke-width: 2.3; }
.sw-badge--lg svg { width: 15px; height: 15px; margin-right: 7px; }

.sw-badge--sm { min-height: 24px; padding-inline: 9px; font-size: 10.8px; font-weight: 600; }
.sw-badge--md { min-height: 32px; padding-inline: 11px; font-size: 11.4px; font-weight: 560; }
.sw-badge--lg { min-height: 36px; padding-inline: 14px; font-size: 12.2px; font-weight: 600; }
.sw-badge--dot::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 999px;
  background: currentColor;
  opacity: .84;
}

.sw-badge--tone-blue,
.sw-badge--tone-open,
.sw-badge--tone-open-shift,
.sw-badge--tone-duration {
  --sw-badge-color: var(--sw-badge-blue-text);
  --sw-badge-bg: var(--sw-badge-blue-bg);
  --sw-badge-border: var(--sw-badge-blue-border);
}

.sw-badge--tone-live-duration {
  --sw-badge-color: var(--sw-badge-green-text);
  --sw-badge-bg: var(--sw-badge-green-bg);
  --sw-badge-border: var(--sw-badge-green-border);
}

.sw-badge--tone-green,
.sw-badge--tone-live,
.sw-badge--tone-confirmed,
.sw-badge--tone-paid,
.sw-badge--tone-completed,
.sw-badge--tone-available {
  --sw-badge-color: var(--sw-badge-green-text);
  --sw-badge-bg: var(--sw-badge-green-bg);
  --sw-badge-border: var(--sw-badge-green-border);
}

.sw-badge--tone-amber,
.sw-badge--tone-break,
.sw-badge--tone-warning,
.sw-badge--tone-late {
  --sw-badge-color: var(--sw-badge-amber-text);
  --sw-badge-bg: var(--sw-badge-amber-bg);
  --sw-badge-border: var(--sw-badge-amber-border);
}

.sw-badge--tone-review {
  --sw-badge-color: var(--sw-badge-yellow-text);
  --sw-badge-bg: var(--sw-badge-yellow-bg);
  --sw-badge-border: var(--sw-badge-yellow-border);
}

.sw-badge--tone-purple,
.sw-badge--tone-manager,
.sw-badge--tone-pending {
  --sw-badge-color: var(--sw-badge-purple-text);
  --sw-badge-bg: var(--sw-badge-purple-bg);
  --sw-badge-border: var(--sw-badge-purple-border);
}

.sw-badge--tone-teal,
.sw-badge--tone-ai,
.sw-badge--tone-ai-superwizer {
  --sw-badge-color: var(--sw-badge-teal-text);
  --sw-badge-bg: var(--sw-badge-teal-bg);
  --sw-badge-border: var(--sw-badge-teal-border);
}

.sw-badge--tone-slate,
.sw-badge--tone-worker,
.sw-badge--tone-unread,
.sw-badge--tone-neutral {
  --sw-badge-color: var(--sw-badge-slate-text);
  --sw-badge-bg: var(--sw-badge-slate-bg);
  --sw-badge-border: var(--sw-badge-slate-border);
}

.sw-badge--tone-danger,
.sw-badge--tone-missed,
.sw-badge--tone-cancelled {
  --sw-badge-color: var(--sw-badge-danger-text);
  --sw-badge-bg: var(--sw-badge-danger-bg);
  --sw-badge-border: var(--sw-badge-danger-border);
}