.ChatOrUserPicker {
  z-index: var(--z-media-viewer);

  .modal-dialog {
    height: 70%;
    max-width: 25rem;

    @media (max-width: 600px) {
      height: 90%;
    }
  }

  .modal-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;

    .Button {
      margin-right: 0.5rem;
    }

    .input-group {
      margin: 0;
      flex: 1;
    }

    .form-control {
      border: none;
      box-shadow: none !important;

      height: 2.75rem;
      padding: 0.5rem;
      font-size: 1.25rem;
      line-height: 1.75rem;
      unicode-bidi: plaintext;
    }
  }

  .modal-content {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    .picker-list {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 0.5rem;
    }
  }

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

  .scroll-container {
    position: relative;
  }

  .ListItem {
    position: absolute;
    width: 100%;
  }

  .ListItem.chat-item-clickable {
    &:not(.force-rounded-corners) {
      @media (max-width: 600px) {
        margin: 0;

        .ListItem-button {
          border-radius: 0;
        }
      }
    }
  }
}