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

.conversationActions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex: 1 1;

  &__container {
    padding: 4px 0;
    border-radius: 8px;
    text-align: start;

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

  &__item {
    font-size: 14px;
    padding-block: 4px;
    padding-inline: 8px;
    height: 34px;
    cursor: pointer;
    text-align: start;
    transition: background-color 0.2s ease;
    background-color: var(--uikit-dropdown-color-default);

    &:hover {
      background-color: var(--uikit-dropdown-color-hover);
    }

    &:active {
      background-color: var(--uikit-dropdown-color-active);
    }

    &--delete {
      color: var(--uikit-text-color-error);
    }
  }

  &__separator {
    margin: 4px 8px;
  }

  &__popupIcon {
    @include theme() {
      color: get(text-color-primary);
    }
  }
}