@use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;

.conversationSearch {
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;

  @include theme() {
    background-color: get(bg-color-operate);
    color: get(text-color-primary);
  }

  &--active {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
  }

  &__box {
    height: 100%;
  }

  &__advanced {
    width: 960px !important;
    height: 600px;
  }
}

.searchBtn {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px;
}