.chart__bar[data-value="1"] {
  grid-row-start: 100 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="1"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "1%";
}
.chart__bar[data-value="1"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="2"] {
  grid-row-start: 99 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="2"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "2%";
}
.chart__bar[data-value="2"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="3"] {
  grid-row-start: 98 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="3"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "3%";
}
.chart__bar[data-value="3"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="4"] {
  grid-row-start: 97 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="4"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "4%";
}
.chart__bar[data-value="4"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="5"] {
  grid-row-start: 96 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="5"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "5%";
}
.chart__bar[data-value="5"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="6"] {
  grid-row-start: 95 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="6"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "6%";
}
.chart__bar[data-value="6"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="7"] {
  grid-row-start: 94 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="7"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "7%";
}
.chart__bar[data-value="7"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="8"] {
  grid-row-start: 93 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="8"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "8%";
}
.chart__bar[data-value="8"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="9"] {
  grid-row-start: 92 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="9"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "9%";
}
.chart__bar[data-value="9"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="10"] {
  grid-row-start: 91 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="10"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "10%";
}
.chart__bar[data-value="10"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="11"] {
  grid-row-start: 90 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="11"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "11%";
}
.chart__bar[data-value="11"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="12"] {
  grid-row-start: 89 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="12"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "12%";
}
.chart__bar[data-value="12"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="13"] {
  grid-row-start: 88 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="13"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "13%";
}
.chart__bar[data-value="13"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="14"] {
  grid-row-start: 87 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="14"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "14%";
}
.chart__bar[data-value="14"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="15"] {
  grid-row-start: 86 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="15"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "15%";
}
.chart__bar[data-value="15"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="16"] {
  grid-row-start: 85 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="16"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "16%";
}
.chart__bar[data-value="16"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="17"] {
  grid-row-start: 84 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="17"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "17%";
}
.chart__bar[data-value="17"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="18"] {
  grid-row-start: 83 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="18"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "18%";
}
.chart__bar[data-value="18"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="19"] {
  grid-row-start: 82 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="19"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "19%";
}
.chart__bar[data-value="19"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="20"] {
  grid-row-start: 81 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="20"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "20%";
}
.chart__bar[data-value="20"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="21"] {
  grid-row-start: 80 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="21"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "21%";
}
.chart__bar[data-value="21"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="22"] {
  grid-row-start: 79 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="22"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "22%";
}
.chart__bar[data-value="22"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="23"] {
  grid-row-start: 78 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="23"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "23%";
}
.chart__bar[data-value="23"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="24"] {
  grid-row-start: 77 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="24"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "24%";
}
.chart__bar[data-value="24"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="25"] {
  grid-row-start: 76 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="25"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "25%";
}
.chart__bar[data-value="25"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="26"] {
  grid-row-start: 75 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="26"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "26%";
}
.chart__bar[data-value="26"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="27"] {
  grid-row-start: 74 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="27"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "27%";
}
.chart__bar[data-value="27"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="28"] {
  grid-row-start: 73 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="28"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "28%";
}
.chart__bar[data-value="28"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="29"] {
  grid-row-start: 72 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="29"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "29%";
}
.chart__bar[data-value="29"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="30"] {
  grid-row-start: 71 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="30"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "30%";
}
.chart__bar[data-value="30"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="31"] {
  grid-row-start: 70 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="31"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "31%";
}
.chart__bar[data-value="31"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="32"] {
  grid-row-start: 69 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="32"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "32%";
}
.chart__bar[data-value="32"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="33"] {
  grid-row-start: 68 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="33"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "33%";
}
.chart__bar[data-value="33"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="34"] {
  grid-row-start: 67 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="34"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "34%";
}
.chart__bar[data-value="34"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="35"] {
  grid-row-start: 66 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="35"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "35%";
}
.chart__bar[data-value="35"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="36"] {
  grid-row-start: 65 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="36"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "36%";
}
.chart__bar[data-value="36"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="37"] {
  grid-row-start: 64 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="37"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "37%";
}
.chart__bar[data-value="37"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="38"] {
  grid-row-start: 63 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="38"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "38%";
}
.chart__bar[data-value="38"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="39"] {
  grid-row-start: 62 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="39"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "39%";
}
.chart__bar[data-value="39"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="40"] {
  grid-row-start: 61 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="40"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "40%";
}
.chart__bar[data-value="40"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="41"] {
  grid-row-start: 60 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="41"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "41%";
}
.chart__bar[data-value="41"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="42"] {
  grid-row-start: 59 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="42"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "42%";
}
.chart__bar[data-value="42"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="43"] {
  grid-row-start: 58 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="43"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "43%";
}
.chart__bar[data-value="43"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="44"] {
  grid-row-start: 57 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="44"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "44%";
}
.chart__bar[data-value="44"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="45"] {
  grid-row-start: 56 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="45"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "45%";
}
.chart__bar[data-value="45"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="46"] {
  grid-row-start: 55 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="46"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "46%";
}
.chart__bar[data-value="46"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="47"] {
  grid-row-start: 54 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="47"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "47%";
}
.chart__bar[data-value="47"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="48"] {
  grid-row-start: 53 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="48"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "48%";
}
.chart__bar[data-value="48"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="49"] {
  grid-row-start: 52 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="49"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "49%";
}
.chart__bar[data-value="49"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="50"] {
  grid-row-start: 51 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="50"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "50%";
}
.chart__bar[data-value="50"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="51"] {
  grid-row-start: 50 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="51"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "51%";
}
.chart__bar[data-value="51"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="52"] {
  grid-row-start: 49 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="52"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "52%";
}
.chart__bar[data-value="52"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="53"] {
  grid-row-start: 48 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="53"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "53%";
}
.chart__bar[data-value="53"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="54"] {
  grid-row-start: 47 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="54"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "54%";
}
.chart__bar[data-value="54"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="55"] {
  grid-row-start: 46 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="55"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "55%";
}
.chart__bar[data-value="55"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="56"] {
  grid-row-start: 45 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="56"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "56%";
}
.chart__bar[data-value="56"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="57"] {
  grid-row-start: 44 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="57"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "57%";
}
.chart__bar[data-value="57"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="58"] {
  grid-row-start: 43 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="58"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "58%";
}
.chart__bar[data-value="58"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="59"] {
  grid-row-start: 42 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="59"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "59%";
}
.chart__bar[data-value="59"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="60"] {
  grid-row-start: 41 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="60"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "60%";
}
.chart__bar[data-value="60"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="61"] {
  grid-row-start: 40 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="61"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "61%";
}
.chart__bar[data-value="61"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="62"] {
  grid-row-start: 39 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="62"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "62%";
}
.chart__bar[data-value="62"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="63"] {
  grid-row-start: 38 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="63"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "63%";
}
.chart__bar[data-value="63"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="64"] {
  grid-row-start: 37 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="64"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "64%";
}
.chart__bar[data-value="64"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="65"] {
  grid-row-start: 36 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="65"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "65%";
}
.chart__bar[data-value="65"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="66"] {
  grid-row-start: 35 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="66"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "66%";
}
.chart__bar[data-value="66"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="67"] {
  grid-row-start: 34 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="67"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "67%";
}
.chart__bar[data-value="67"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="68"] {
  grid-row-start: 33 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="68"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "68%";
}
.chart__bar[data-value="68"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="69"] {
  grid-row-start: 32 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="69"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "69%";
}
.chart__bar[data-value="69"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="70"] {
  grid-row-start: 31 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="70"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "70%";
}
.chart__bar[data-value="70"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="71"] {
  grid-row-start: 30 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="71"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "71%";
}
.chart__bar[data-value="71"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="72"] {
  grid-row-start: 29 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="72"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "72%";
}
.chart__bar[data-value="72"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="73"] {
  grid-row-start: 28 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="73"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "73%";
}
.chart__bar[data-value="73"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="74"] {
  grid-row-start: 27 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="74"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "74%";
}
.chart__bar[data-value="74"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="75"] {
  grid-row-start: 26 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="75"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "75%";
}
.chart__bar[data-value="75"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="76"] {
  grid-row-start: 25 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="76"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "76%";
}
.chart__bar[data-value="76"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="77"] {
  grid-row-start: 24 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="77"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "77%";
}
.chart__bar[data-value="77"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="78"] {
  grid-row-start: 23 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="78"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "78%";
}
.chart__bar[data-value="78"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="79"] {
  grid-row-start: 22 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="79"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "79%";
}
.chart__bar[data-value="79"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="80"] {
  grid-row-start: 21 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="80"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "80%";
}
.chart__bar[data-value="80"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="81"] {
  grid-row-start: 20 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="81"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "81%";
}
.chart__bar[data-value="81"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="82"] {
  grid-row-start: 19 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="82"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "82%";
}
.chart__bar[data-value="82"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="83"] {
  grid-row-start: 18 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="83"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "83%";
}
.chart__bar[data-value="83"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="84"] {
  grid-row-start: 17 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="84"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "84%";
}
.chart__bar[data-value="84"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="85"] {
  grid-row-start: 16 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="85"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "85%";
}
.chart__bar[data-value="85"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="86"] {
  grid-row-start: 15 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="86"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "86%";
}
.chart__bar[data-value="86"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="87"] {
  grid-row-start: 14 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="87"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "87%";
}
.chart__bar[data-value="87"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="88"] {
  grid-row-start: 13 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="88"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "88%";
}
.chart__bar[data-value="88"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="89"] {
  grid-row-start: 12 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="89"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "89%";
}
.chart__bar[data-value="89"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="90"] {
  grid-row-start: 11 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="90"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "90%";
}
.chart__bar[data-value="90"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="91"] {
  grid-row-start: 10 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="91"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "91%";
}
.chart__bar[data-value="91"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="92"] {
  grid-row-start: 9 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="92"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "92%";
}
.chart__bar[data-value="92"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="93"] {
  grid-row-start: 8 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="93"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "93%";
}
.chart__bar[data-value="93"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="94"] {
  grid-row-start: 7 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="94"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "94%";
}
.chart__bar[data-value="94"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="95"] {
  grid-row-start: 6 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="95"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "95%";
}
.chart__bar[data-value="95"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="96"] {
  grid-row-start: 5 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="96"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "96%";
}
.chart__bar[data-value="96"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="97"] {
  grid-row-start: 4 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="97"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "97%";
}
.chart__bar[data-value="97"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="98"] {
  grid-row-start: 3 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="98"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "98%";
}
.chart__bar[data-value="98"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="99"] {
  grid-row-start: 2 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="99"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "99%";
}
.chart__bar[data-value="99"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="100"] {
  grid-row-start: 1 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="100"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "100%";
}
.chart__bar[data-value="100"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart__bar[data-value="101"] {
  grid-row-start: 0 !important;
  position: relative;
  text-indent: -999em;
}
.chart__bar[data-value="101"]:before {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  text-indent: 0;
  content: "101%";
}
.chart__bar[data-value="101"]:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -1.2em;
  transform: translate(-50%);
  text-indent: 0;
  content: attr(aria-label);
}

.chart {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(100, 1fr);
  grid-column-gap: 5px;
  margin: 0 auto;
  width: 90vw;
  height:50vh;
}
.chart__bar {
  grid-row-start: 1;
  grid-row-end: 101;
  border-radius: 5px 5px 0 0;
  background: #c2d6d6;
  color: #000;
}
.chart__bar:nth-child(even) {
  background: #85adad;
}
.chart__bar span {
  position: absolute;
}

* {
  font-size: 0.8rem;
  font-family: sans-serif;
}