.pill-input-wrap {
  transition: border-color .15s, box-shadow .15s;
}

.pill-input-wrap:focus-within {
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.2);
}

.pill-text-input {
  border: none;
  outline: none;
  flex: 1;
}

.badge.text-pill,
.badge.tag-pill {
  white-space: normal;
  word-break: break-word;
  text-align: left;
}

.pill-x { cursor: pointer; opacity: 0.6; transition: opacity .1s; }

.pill-x:hover { opacity: 1; }