.container {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 44px;
  line-height: 44px;
  color: var(--easyv-text-base);
  // background: var(--easyv-background-3);

  &:global {
    &.z-hover {
      background: var(--easyv-background-5);
      .iconfont.icon-icon_hide {
        display: inline;
      }
    }
    &.hide {
      color: #666;
    }
    &.selected {
      cursor: move;
      background: var(--easyv-primary-color);
      color: #ffffff;
      .iconfont.icon-icon_delight {
        display: inline;
        color: white;
      }
    }
  }
}

:global(.hide) {
  .container {
    color: #666;
    &:global {
      &.selected {
        color: #ffffff;
      }
    }
  }
}

.collapseIcon {
  padding-right: 5px;
  // padding-left: 5px;
  cursor: pointer;
  overflow: hidden;
  :global {
    .iconfont {
      display: inline-block;
      font-size: 12px;
      transition: all linear 0.2s;
      transform: rotate(90deg);
    }
  }
  &:global {
    &.collapsed {
      .iconfont {
        transform: rotate(0deg);
      }
    }
  }
}

.folderIcon {
  margin-right: 5px;
  :global {
    .iconfont {
      font-size: 12px;
    }
  }
}
