/* Badge — context-free indicator pills */

.badge--draft {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--pico-border-radius);
  background-color: var(--pico-muted-border-color);
  color: var(--pico-muted-color);
}

.badge--closing {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--pico-border-radius);
  background-color: var(--pico-del-color, #d32f2f);
  color: #fff;
}

.closed-banner {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--pico-del-color, #d32f2f);
  border-radius: var(--pico-border-radius);
  background-color: color-mix(in srgb, var(--pico-del-color, #d32f2f) 8%, transparent);
}