.chart-container h4{margin:0 0 20px 0}.chart h5{font-size:16px;font-weight:bold;margin:20px 0 10px}.chart .bar{background:#2073bd;position:relative;height:27px;margin-bottom:5px;position:relative;display:flex;align-items:center;justify-content:end}.key{line-height:20px}.key>div{border-radius:100%;background:var(--site);width:20px;height:20px;margin:0 5px 0 10px}.key>div:first-of-type{margin-left:0}.barContainer>div>.d-flex:nth-of-type(2) .bar,.key>div:nth-of-type(2){background:rgba(32,115,189,0.85)}.barContainer>div>.d-flex:nth-of-type(3) .bar,.key>div:nth-of-type(3){background:rgba(32,115,189,0.7)}.barContainer>div>.d-flex:nth-of-type(4) .bar,.key>div:nth-of-type(4){background:rgba(32,115,189,0.55)}.barContainer>div>.d-flex:nth-of-type(5) .bar,.key>div:nth-of-type(5){background:rgba(32,115,189,0.4)}.barContainer>div>.d-flex:nth-of-type(6) .bar,.key>div:nth-of-type(6){background:rgba(32,115,189,0.25)}.chart .bar>div{white-space:nowrap}.value{padding:0 10px;line-height:27px;color:#fff}.d-flex{display:flex;align-items:center}.chart-blocks{background-color:ghostwhite;border-radius:16px;padding:20px}.chart-container .grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px}.chart-container .grid>div{display:flex;flex-direction:column}@media(min-width:768px){.chart-container .grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.chart-container .grid{gap:60px}}.chart-container .grid strong{font-size:18px;margin-top:auto}.chart-blocks h5{margin-bottom:20px}.chart-blocks h6{font-size:16px;font-weight:normal;font-style:normal;line-height:22px}.chart-blocks h5:not(:first-of-type){margin-top:40px}