.dpr-chart-legend {
  padding-top: 15px;
  font-family: 'GDS Transport';
  font-size: 16px;

  .dpr-pie-chart-title {
    text-align: center;
    font-weight: 800;
    margin-bottom: govuk-spacing(2);
  }

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    li {
      display: inline-flex;
      margin-bottom: 6px;
      align-items: center;
      margin-left: govuk-spacing(1);
      margin-right: govuk-spacing(1);


      span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 24px;
        color: #fff;
        font-size: 16px;
        margin-right: 4px;
      }
    }
  }
}