.pisell-lowcode-drop-sort-item-tree-item {
  &:hover {
    .pisell-lowcode-navigation-menu-item-action-wrap {
      opacity: 1 !important;
    }
  }
}
.pisell-lowcode-navigation-menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .pisell-lowcode-navigation-menu-item-content {
    flex: 1;
    display: flex;
    gap: 10px;
    height: 100%;
    align-items: center;
    .pisell-lowcode-navigation-menu-item-content-icon {
      height: 36px;
      width: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
    }
    .pisell-lowcode-navigation-menu-item-content-text {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .pisell-lowcode-navigation-menu-item-title {
      color: var(--Gray-900, #101828);
      font-size: 14px;
      font-weight: 600;
      line-height: 20px; /* 142.857% */
      display: flex;
      gap: 10px;
      align-items: center;
    }
    .pisell-lowcode-navigation-menu-item-description {
      color: var(--Gray-500, #667085);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; /* 142.857% */
      display: flex;
      gap: 8px;
      align-items: center;
    }
  }
  .pisell-lowcode-navigation-menu-item-action-wrap {
    display: flex;
    gap: 8px;
    transition: opacity 0.3s ease-in-out;
    &.pisell-lowcode-navigation-menu-item-action-wrap-hover {
      opacity: 0;
    }
    .pisell-lowcode-navigation-menu-item-action-button {
      &:hover {
        background: var(--Gray-300, #D0D5DD);
      }
    }
    .pisell-lowcode-navigation-menu-item-action-button-icon {
      font-size: 20px;
      color: #101828;
    }
  }
}

.pisell-lowcode-navigation-menu-left-content {
  color: var(--Gray-900, #101828);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px; /* 150% */
}

.pisell-lowcode-navigation-menu-right-content {
  display: flex;
  gap: 8px;
}