.van-multi-person-select {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 96px);
  max-height: calc(100vh - 96px);
  overflow: hidden;
  background: var(--van-gray-2);

  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 0; padding: 0; overflow: hidden; }
  &__nav { flex: none; --van-nav-bar-background-color: var(--van-gray-2); .van-nav-bar__left--slot, .van-nav-bar__right--slot { padding: 0 12px; } }
  &__search { flex: none; padding: 8px var(--van-padding-md); --van-search-padding: 0; --van-search-background-color: var(--van-gray-2); --van-search-content-background-color: var(--van-white); .van-search__field { padding-left: 0; } }
  &__body { flex: 1; min-height: 0; overflow-y: auto; }
  &__group .van-blue-mark-header { padding: var(--van-padding-md) 24px var(--van-padding-xs); }
  &__card { margin: 0 var(--van-padding-md); overflow: hidden; background: var(--van-white); border-radius: 8px; --van-cell-border-color: #e1e5eb; .van-cell { min-height: 66px; padding-top: 10px; padding-bottom: 10px; } }
  &__card--results { margin-top: var(--van-padding-xs); }
  &__person {
    .van-cell__label { margin-top: 4px; color: var(--van-text-color-2); }
    .van-cell__left-select { align-self: flex-start; margin-top: 1px; margin-right: 4px; }
  }
  &__keyword { color: var(--van-primary-color); }
  &__footer { position: relative; flex: none; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); .van-bottom-action-bar { box-shadow: none; } }
  &__selected-panel { position: absolute; right: 0; bottom: 60px; left: 0; display: flex; flex-direction: column; max-height: min(340px, calc(100vh - 156px)); overflow: hidden; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); }
  &__selected-header { display: flex; align-items: center; justify-content: space-between; padding: 12px var(--van-padding-md) 4px; }
  &__clear,
  &__collapse { display: inline-flex; align-items: center; padding: 0; font: inherit; font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); background: transparent; border: 0; transition: opacity .2s ease, transform .2s ease; &:active { opacity: var(--van-active-opacity); transform: scale(.96); } }
  &__clear { color: var(--van-primary-color); }
  &__collapse { gap: 2px; color: var(--van-gray-6); .van-icon { color: var(--van-gray-6); font-size: 16px; } }
  &__selected-list { display: flex; flex: 0 1 auto; flex-direction: column; gap: 6px; min-height: 0; padding: var(--van-padding-xs) var(--van-padding-md); overflow-y: auto; overscroll-behavior: contain; }
  &__selected-person { flex: none; min-height: 44px; padding: 11px var(--van-padding-md); background: var(--van-gray-1); border: 0; border-radius: 8px; .van-cell__title { font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); } .van-cell__label { margin-top: 4px; } }
  &__remove { display: inline-flex; align-self: flex-start; align-items: center; justify-content: center; width: 22px; height: 22px; margin-top: 0; padding: 0; color: var(--van-gray-6); background: transparent; border: 0; .van-icon { color: var(--van-gray-6); font-size: 16px; } &:not(:disabled) { cursor: pointer; &:active { opacity: var(--van-active-opacity); } } }
}