.Picker {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  .picker-header {
    padding: 0 1rem 0.25rem 0.75rem;
    border-bottom: 1px solid var(--color-borders);
    display: flex;
    flex-flow: row wrap;
    flex-shrink: 0;

    overflow-y: auto;
    max-height: 20rem;

    .input-group {
      margin-bottom: 0.5rem;
      margin-left: 0.5rem;
      flex-grow: 1;
    }

    .form-control {
      height: 2rem;
      border: none;
      border-radius: 0;
      padding: 0;
      box-shadow: none;
    }
  }

  .picker-list {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem;

    @media (max-width: 600px) {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

  .no-results {
    height: 100%;
    margin: 0;
    padding: 1rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
  }
}
