:root {
  --lightBlue: #0546D8;
}

/* Cookie bar */
.pie-chart-legend {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.pie-chart-legend .pie-legend {
  width: 100%;
  margin-bottom: 20px;
}
.pie-chart-legend .pie-legend div {
  display: flex;
}
.pie-chart-legend .pie-legend div p {
  padding: 0;
  margin: 0;
  position: relative;
}
.pie-chart-legend .pie-legend .legend-description {
  margin: 0;
  padding: 0 0 0 26px;
}
.pie-chart-legend .box {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.pie-chart-legend .box.b0 {
  background-color: #0546D8;
}
.pie-chart-legend .box.b1 {
  background-color: #FDC500;
}
.pie-chart-legend .box.b2 {
  background-color: #EB5B00;
}
.pie-chart-legend .box.b3 {
  background-color: #009FC4;
}
.pie-chart-legend .box.b4 {
  background-color: #C8A33A;
}
.pie-chart-legend .box.b5 {
  background-color: #8FD805;
}
.pie-chart-legend .box.b6 {
  background-color: #6A52DF;
}
.pie-chart-legend .box.b7 {
  background-color: #FEC402;
}
.pie-chart-legend .box.b8 {
  background-color: #C1005B;
}