:root {
  --animate-duration: 1s;
}

sl-chip {
  padding: 5px var(--sdx-baseline-3) 6px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
  color: var(--sdx-color-gray);
  user-select: none;
  white-space: nowrap;
  background: #e4e9ec;
}
sl-chip.in_progress {
  background: #9eff94;
}
sl-chip.open {
  background: #ddebff;
}
sl-chip.closed {
  background: #eff1fb;
}
sl-chip.planned {
  background: #f2f1f8;
}
sl-chip.take_action {
  background: #fecdb8;
}