.groupName {
  padding: 0 12px;
  display: flex;
  align-items: center;
  color: var(--easyv-text-base);
  height: 44px;
  line-height: 44px;
  border-top: 1px solid #15161a;
  border-bottom: 1px solid #15161a;
  margin-top: -1px;
  &:hover {
    background: #393e49;
  }
  &.selected {
    background: var(--easyv-primary-color);
    color: #ffffff;
    &.nodragging {
      opacity: 0.3;
    }
  }
  .showIcon {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    color: #dbdbdb;
    opacity: 0.5;
    cursor: pointer;
    &.show {
      background: var(--easyv-primary-color);
      border-color: var(--easyv-primary-color);
      opacity: 1;
      color: #fff;
    }
  }

  .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);
      }
    }
    &.collapsed {
      :global {
        .iconfont {
          transform: rotate(0deg);
        }
      }
    }
  }

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