.recipients--multi-select-item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  color: var(--neutral-900);
  gap: .5rem;
  max-width: 320px;

  span.main-text {
    font-size: var(--rem-14);
    color: var(--text-label);
    max-width: 20ch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  span.secondary-text {
    font-size: var(--rem-12);
    line-height: var(--rem-14);
    color: var(--neutral-400);
    max-width: calc(100% - 20ch - 1rem - 1rem); /* 100% - max_primary_size - svg_size - total_gap */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  &:not(:has(span.secondary-text)) {
    span.main-text {
      max-width: calc(100% - .5rem - 1rem);
    }
  }
}

#search-results-recipients {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  height: fit-content;

  &:has(.recipients--multi-select-item-container) {
    padding-top: .25rem;
  }
}