/* Keep recipient choices contained so the action button is always reachable. */
#visitorRecipients,
#activeVisitorResults,
.delivery-results {
  width: 100%;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  padding-right: 4px;
}

#visitorRecipients::-webkit-scrollbar,
#activeVisitorResults::-webkit-scrollbar,
.delivery-results::-webkit-scrollbar {
  width: 5px;
}

#visitorRecipients::-webkit-scrollbar-thumb,
#activeVisitorResults::-webkit-scrollbar-thumb,
.delivery-results::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 999px;
}

@media (max-width: 600px) {
  #visitorRecipients,
  #activeVisitorResults,
  .delivery-results {
    max-height: 184px;
  }
}

html.keyboard-open #visitorRecipients,
html.keyboard-open #activeVisitorResults,
html.keyboard-open .delivery-results {
  max-height: 132px;
}