.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-category-title {
    color: var(--color-text-secondary);
    padding-inline: 1rem;
    font-weight: 500;

    &:not(:first-child) {
      border-top: 1px solid var(--color-borders);
      padding-top: 0.75rem;
      margin-top: 0.375rem;
    }
  }

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

    &.withRoundedCheckbox {
      padding: 0;
    }

    @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);
  }
}