[data-theme="chat-composer-dropdown"] {
  margin-left: 0.2rem;

  .tippy-content {
    padding: 0;
  }
}

.chat-composer.is-disabled {
  .no-touch & {
    .chat-composer-dropdown__trigger-btn:hover {
      cursor: default;
      .d-icon {
        color: var(--primary-low-mid);
      }
    }
  }
}

.chat-composer-dropdown__trigger-btn {
  .d-icon {
    padding: 5px;
    transition: transform 0.1s ease-in-out;
    background: var(--secondary-very-high);
    border-radius: 100%;
  }

  &:hover {
    transform: scale(1.1);
  }

  &[aria-expanded="true"] {
    .d-icon {
      transform: rotate(45deg);
      transform-origin: center;
    }
  }
}

.chat-composer-dropdown__list {
  margin: 0;
  list-style: none;
  padding: 0.5rem;
}

.chat-composer-dropdown__action-btn {
  background: none;
  width: 100%;
  justify-content: flex-start;

  .d-icon {
    color: var(--primary);
  }
}