@import "~@capillarytech/cap-ui-library/styles/_variables";

.cap-tag-list-popover-inner {
  max-width: 20rem;
  min-width: 0;
  box-sizing: border-box;

  .ant-tree.cap-tree-v2.ant-tree-icon-hide {
    width: 100%;
    max-width: 100%;

    ul {
      max-width: 100%;
    }

    li {
      overflow: hidden;
      max-width: 100%;
    }

    li .ant-tree-node-content-wrapper {
      width: calc(100% - 3.5rem); // leave room for switcher (~24px)
      max-width: calc(100% - 3.5rem);
      overflow: hidden;
      vertical-align: top;
      box-sizing: border-box;
      text-overflow: ellipsis;
    }
  }
}

@media (max-height: 25rem) {
  .ant-tree.cap-tree-v2.ant-tree-icon-hide {
    height: 8.5714rem;
  }
}

.tooltip-add-label-container {
  float: right;
}

.tooltip-text-container {
  margin: $CAP_SPACE_12 $CAP_SPACE_20;
  .tooltip-text1 {
    margin-bottom: $CAP_SPACE_08;
    font-weight: $FONT_WEIGHT_MEDIUM;
    color: $FONT_COLOR_06;
    font-size: $FONT_SIZE_L;
  }
  .tooltip-text2 {
    font-weight: $FONT_WEIGHT_REGULAR;
    color: $FONT_COLOR_06;
    font-size: $FONT_SIZE_M;
  }
}

.ant-popover-container.tag-list-popover-container.tag-list-popover-container {
  background-color: $CAP_WHITE;
}