.customMeter {
  &:nth-child(3):last-child {
    grid-column: span 2;
    justify-self: center;
    max-width:calc(50% - 7px)!important;
  }
  &[meter-value="1"] .customMeter-color1 svg path:nth-of-type(-n+1),
  &[meter-value="2"] .customMeter-color1 svg path:nth-of-type(-n+2),
  &[meter-value="3"] .customMeter-color1 svg path:nth-of-type(-n+3),
  &[meter-value="4"] .customMeter-color1 svg path:nth-of-type(-n+4),
  &[meter-value="5"] .customMeter-color1 svg path:nth-of-type(-n+5),
  &[meter-value="6"] .customMeter-color1 svg path:nth-of-type(-n+6),
  &[meter-value="7"] .customMeter-color1 svg path:nth-of-type(-n+7),
  &[meter-value="8"] .customMeter-color1 svg path:nth-of-type(-n+8),
  &[meter-value="9"] .customMeter-color1 svg path:nth-of-type(-n+9),
  &[meter-value="10"] .customMeter-color1 svg path:nth-of-type(-n+10) {
    fill: #EDBB3D;
  }
  &[meter-value="1"] .customMeter-color2 svg path:nth-of-type(-n+1),
  &[meter-value="2"] .customMeter-color2 svg path:nth-of-type(-n+2),
  &[meter-value="3"] .customMeter-color2 svg path:nth-of-type(-n+3),
  &[meter-value="4"] .customMeter-color2 svg path:nth-of-type(-n+4),
  &[meter-value="5"] .customMeter-color2 svg path:nth-of-type(-n+5),
  &[meter-value="6"] .customMeter-color2 svg path:nth-of-type(-n+6),
  &[meter-value="7"] .customMeter-color2 svg path:nth-of-type(-n+7),
  &[meter-value="8"] .customMeter-color2 svg path:nth-of-type(-n+8),
  &[meter-value="9"] .customMeter-color2 svg path:nth-of-type(-n+9),
  &[meter-value="10"] .customMeter-color2 svg path:nth-of-type(-n+10) {
    fill: #E8A73A;
  }
  &[meter-value="1"] .customMeter-color3 svg path:nth-of-type(-n+1),
  &[meter-value="2"] .customMeter-color3 svg path:nth-of-type(-n+2),
  &[meter-value="3"] .customMeter-color3 svg path:nth-of-type(-n+3),
  &[meter-value="4"] .customMeter-color3 svg path:nth-of-type(-n+4),
  &[meter-value="5"] .customMeter-color3 svg path:nth-of-type(-n+5),
  &[meter-value="6"] .customMeter-color3 svg path:nth-of-type(-n+6),
  &[meter-value="7"] .customMeter-color3 svg path:nth-of-type(-n+7),
  &[meter-value="8"] .customMeter-color3 svg path:nth-of-type(-n+8),
  &[meter-value="9"] .customMeter-color3 svg path:nth-of-type(-n+9),
  &[meter-value="10"] .customMeter-color3 svg path:nth-of-type(-n+10) {
    fill: #E28931;
  }
  &[meter-value="1"] .customMeter-color4 svg path:nth-of-type(-n+1),
  &[meter-value="2"] .customMeter-color4 svg path:nth-of-type(-n+2),
  &[meter-value="3"] .customMeter-color4 svg path:nth-of-type(-n+3),
  &[meter-value="4"] .customMeter-color4 svg path:nth-of-type(-n+4),
  &[meter-value="5"] .customMeter-color4 svg path:nth-of-type(-n+5),
  &[meter-value="6"] .customMeter-color4 svg path:nth-of-type(-n+6),
  &[meter-value="7"] .customMeter-color4 svg path:nth-of-type(-n+7),
  &[meter-value="8"] .customMeter-color4 svg path:nth-of-type(-n+8),
  &[meter-value="9"] .customMeter-color4 svg path:nth-of-type(-n+9),
  &[meter-value="10"] .customMeter-color4 svg path:nth-of-type(-n+10) {
    fill: #DC632B;
  }
}