.chart-details::part(base) {
  border: none;
}
.chart-details::part(header) {
  font-size: 18px;
  font-weight: 700;
  border-start-start-radius: 0px;
  border-start-end-radius: 0px;
  border-end-start-radius: 0px;
  border-end-end-radius: 0px;
  background-color: Whitesmoke;
}
.chart-details[open]::part(header) {
  background-color: Dodgerblue;
  color: White;
}
.chart-details::part(summary) {
  width: 100%;
  display: flex;
  justify-content: center;
}
.chart-details[open]::part(icon) {
  color: White;
}
#chartOne {
  width: 100%!important;
  height: 400px!important;
}
#chartTwo {
width: 100%!important;
 height: 520px!important;
}
#chartThree {
width: 100%!important;
max-height: 540px;
}
#chartFour {
width: 100%!important;
max-height: 500px;
}
#chartFive {
width: 100%!important;
height: 450px;
}
#chartSix {
width: 100%!important;
height: 450px;
}
#chartSeven {
width: 100%!important;
height: 450px;
}