/* Treatly Glass — choosing people (js/glass-people.js): search, then suggestions. */
.g-people {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.g-people > * {
  flex: none;
}
.g-people-search {
  margin: 2px 0 2px;
}
.g-people-search input {
  min-width: 0;
  flex: 1;
}
.g-people-search input::-webkit-search-cancel-button {
  filter: invert(1) opacity(0.5);
}
.g-people-cap {
  margin: 4px 2px 0;
  font: 700 11px/1 var(--font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.g-people-cap:empty,
.g-people-hint:empty {
  display: none;
}
.g-people-hint {
  margin: 2px 2px 0;
  text-align: center;
}
/* in Settings the rows are the list */
.g-set-group .g-people-search {
  padding: 0 14px;
  height: 46px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}
/* a settings row stretches its spans; the face keeps its size */
.g-set-row.g-set-person > .g-avatar {
  flex: none;
  display: grid;
  place-items: center;
}