.inbox-pill {
  display: inline-flex;
  max-width: calc(100% - 2rem);
  padding: 0.25em 0.66em;
  background: var(--color-border--heavy);
  border: 1px solid var(--color-border--light);
  color: var(--color-txt--reversed);
  border-radius: 1em;
  line-height: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  + .inbox-pill { margin-left: 0.2em; }
}

.inbox-pill--mini {
  font-size: var(--font-size-x-small);
  padding: 0.05em 0.5em;
}

.inbox-pill--draft {
  font-size: var(--font-size-xx-small);
  padding: 0.1em 0.5em;
  background: var(--color-border--heavy);
}

.inbox-pill--folder {
  background: transparent;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
}

.inbox-pill--collection {
  background: transparent;
  border: 1px solid var(--color-collection);
  color: var(--color-collection);
}

.inbox-pill--workflow {
  background: transparent;
  border: 1px solid var(--color-workflow);
  color: var(--color-workflow);
}

.inbox-pill--trash {
  background: transparent;
  border: 1px solid rgb(var(--rgb-red), 0.75);
  color: rgb(var(--rgb-red), 0.75);
}

.inbox-pill__input {
  &::-webkit-input-placeholder { color: var(--color-txt--subtle-reversed) !important; }
  &::-moz-placeholder { color: var(--color-txt--subtle-reversed) !important; }
  &:-ms-input-placeholder { color: var(--color-txt--subtle-reversed) !important; }
  &::placeholder { color: var(--color-txt--subtle-reversed) !important; }
}