/* v6.1.7.32: desktop category-chart legend must not split Chinese labels. */
@media (min-width:721px) {
  #category .category-chart-row {
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:start;
    column-gap:10px;
  }
  #category .category-donut-wrap {
    grid-column:1;
    min-width:0;
  }
  #category .legend {
    grid-column:2;
    min-width:0;
    max-height:145px;
    padding-right:6px;
    overflow-x:hidden;
    overflow-y:auto;
  }
  #category .category-legend-item {
    display:grid;
    grid-template-columns:minmax(0,1fr) 24px;
    column-gap:5px;
    align-items:center;
    min-width:0;
    margin:0;
    padding:5px 2px 4px;
  }
  #category .category-legend-item > span {
    display:flex;
    align-items:center;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:normal;
    overflow-wrap:normal;
  }
  #category .category-legend-item > span i {
    flex:0 0 7px;
    margin-right:6px;
  }
  #category .category-legend-item > b {
    min-width:24px;
    text-align:right;
    white-space:nowrap;
  }
}
