.recipient-picker-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  padding: .5rem;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background: #fff;
  cursor: text;
}
.recipient-picker-input:focus-within { border-color: #485fc7; box-shadow: 0 0 0 .125em rgba(72,95,199,.25); }
.recipient-picker-chips { display: contents; }
.recipient-picker-chip.tag { height: auto; min-height: 2rem; max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left; cursor: pointer; border: 0; gap: .375rem; padding-top: .25rem; padding-bottom: .25rem; }
.recipient-picker-chip:focus-visible { outline: 2px solid #485fc7; outline-offset: 2px; }
.recipient-picker-search { flex: 1 1 12rem; width: 0; min-width: 0; height: 2rem; min-height: 2rem; padding: .25rem 0; resize: none; overflow: hidden; white-space: pre; border: 0; outline: 0; box-shadow: none; background: transparent; color: #363636; font: inherit; line-height: 1.5; }
.recipient-picker-results {
  max-height: 12rem;
  overflow-y: auto;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  margin-top: .5rem;
}
.recipient-picker-avatar { display: inline-flex; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; object-fit: cover; background: #eff1fa; color: #485fc7; font-size: .875rem; }
.recipient-picker-option { display: flex; align-items: center; gap: .5rem; padding: .5rem .75rem; cursor: pointer; overflow-wrap: anywhere; }
.recipient-picker-option:hover { background: #f5f5f5; }
.recipient-picker-option input { flex-shrink: 0; }
.people-picker { width: 100%; min-width: 0; }
.people-picker-wrapper { display: block; width: 100%; }

.people-picker .recipient-picker-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  background: #eff1fa;
  color: #3850a4;
  font: inherit;
  padding: .25rem .5rem;
}
.people-picker .recipient-picker-option { margin: 0; font-weight: normal; }
.people-picker .help { font-size: .875rem; margin: .25rem 0 0; }

.people-picker [hidden] { display: none !important; }