.order-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid transparent;
}

.order-status-pill--neutral {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}

.order-status-pill--blue {
  background: #dbeafe;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.order-status-pill--teal {
  background: #ccfbf1;
  border-color: #99f6e4;
  color: #0f766e;
}

.order-status-pill--amber {
  background: #fef3c7;
  border-color: #fde68a;
  color: #b45309;
}

.order-status-pill--green {
  background: #dcfce7;
  border-color: #bbf7d0;
  color: #15803d;
}

.order-status-pill--red {
  background: #fee2e2;
  border-color: #fecaca;
  color: #b91c1c;
}

.order-status-pill--slate {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

.order-status-pill--indigo {
  background: #e0e7ff;
  border-color: #c7d2fe;
  color: #4338ca;
}