.ChatListShell {
  background: #e5e5e5;
  border-right: 1px solid #d9d9d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  &__bar {
    background: white;
    height: 64px;
    display: flex;
    align-items: center;

    :global .ant-select-selector{
      padding-left: 0px !important;
    }
    > div {
      margin-left: 94px;
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #000000;
    }
  }

  &__mobilebar {
    display: none;
    :global .ant-tabs-nav {
      margin: 0 !important;
    }
    :global .ant-tabs-nav-wrap {
      background-color: #096dd9;
    }
    :global .ant-tabs-tab-btn {
      font-family: Inter;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      color: #d9d9d9;
    }

    :global .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
      color: white;
    }
    :global .ant-tabs-ink-bar {
      background: white;
    }
  }
}

@media (max-width: 768px) {
  .ChatListShell{
    &__hide{
      display: none !important;
    }
    &__bar{
      display: none;
    }
    &__mobilebar{
      display: block;
    }
  }
}