@use "../../../styles/mixins/scrollbar" as scrollbar;

.contactSearch {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: var(--uikit-bg-color-operate);

  &__preSearch {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    padding: 16px 20px;
    cursor: pointer;
  }

  &__add {
    padding: 4px;
    border-radius: 4px;
    color: var(--uikit-text-color-primary);
    background-color: var(--uikit-bg-color-input);
  }

  &__label {
    color: var(--uikit-text-color-primary);
  }

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

  &__searchBarBox {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  &__searchBar {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }

  &__cancel {
    font-size: 14px;
    color: var(--uikit-text-color-primary);
  }
}