.container {
  margin-top: 30px;
}

.legendBg {
  width: 293px;
  height: 38px;
  padding: 0 7px;
  // padding-left: 14px;
  border-radius: 7px;
  background: rgba(41, 181, 255, 0.12);
  display: flex;
  justify-content: space-between;
  align-items: center;
  // gap: 8px;
  
  .legendInfo {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #BCCEE9;
    font-size: 16px;

    .name {
      min-width: 120px;
    }

    .value {
      min-width: 60px;
    }

    .percentage {
      min-width: 60px;
    }
  }
}

// .legendContent {
//   display: flex;
//   flex-direction: row;
//   flex-wrap: wrap;
//   row-gap: 5px;
//   column-gap: 65px;
// }


.legendContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  flex: 1;
}

// .legendBg {
//   display: flex;
//   align-items: center;
//   gap: 8px;
  
// }
