.np-select-input-options-container {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.np-select-input-options-container:focus {
  outline: none;
}
@media (min-width: 600px) {
  .np-select-input-options-container {
    max-height: 28rem /* 448px */;
  }
}
.np-select-input-options-status {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  -moz-column-gap: var(--size-8);
       column-gap: var(--size-8);
  padding: 8px 24px 0px;
  padding: var(--size-8) var(--size-24) 0px;
}
.np-select-input-options-status-icon {
  padding: 0 4px;
  padding: 0 var(--size-4);
  color: #768e9c;
  color: var(--color-content-tertiary);
}
.np-select-input-query-container {
  display: flex;
  flex-direction: column;
  padding: 8px;
  padding: var(--size-8);
}
.np-select-input-listbox-container {
  position: relative;
  height: var(--initial-height);
  scroll-padding-top: 8px;
  scroll-padding-top: var(--size-8);
  scroll-padding-bottom: 8px;
  scroll-padding-bottom: var(--size-8);
  overflow-y: auto;
}
@media (min-width: 600px) {
  .np-select-input-listbox-container {
    height: auto;
  }
}
.np-select-input-listbox-container--virtualized {
  /* The wrapping element shrinks this as needed */
  height: 100vh;
}
.np-select-input-listbox-container--has-group {
  scroll-padding-top: 32px;
  scroll-padding-top: var(--size-32);
}
.np-select-input-listbox {
  border-radius: 10px;
  border-radius: var(--radius-small);
  padding: 8px;
  padding: var(--size-8);
  --ring-outline-offset: calc(-1 * var(--ring-outline-width));
}
.np-select-input-listbox:focus {
  outline: none;
}
.np-select-input-listbox:focus-visible {
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
  outline-offset: var(--ring-outline-offset);
}
.np-select-input-listbox-container--virtualized .np-select-input-listbox {
  /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
  overflow-y: auto;
  contain: strict;
  height: 100%;
}
.np-select-input-footer {
  padding: 4px 24px 16px;
  padding: var(--size-4) var(--size-24) var(--size-16);
}
