.bixi-chart-word-division {
  &-word-item {
    position: relative;
    display: inline-block;
    margin: 0 1px 3px;
    padding: 2px 4px;
    color: #fff;
    background: #7793be;
    border-radius: 2px;
    transition: background-color 0.3s;

    &-ignore {
      background: rgb(217, 217, 217);
    }
  }

  &-legend {
    display: flex;
    height: 20px;
    cursor: pointer;
    user-select: none;

    &-cube {
      width: 10px;
      height: 10px;
      margin: 5px;
      padding: 0;
    }

    &-text {
      overflow: hidden;
      line-height: 20px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
}