.charts__chart__bar__sum[data-v-02ff8233]{background:#fff;border-radius:20px;display:flex;justify-content:space-between;position:relative}.charts__chart__percent[data-v-02ff8233]{color:#fff;position:relative;z-index:100}.charts__chart__bar__sum__in[data-v-02ff8233]{padding:7px;position:relative}.charts__chart__bar__sum__in[data-v-02ff8233]:before{content:"";height:100%;position:absolute;top:0;width:100%}.charts__chart__bar__sum__in--renewable[data-v-02ff8233]{width:var(--1a4a2e5a)}.charts__chart__bar__sum__in--renewable[data-v-02ff8233]:before{animation:barWidthAnimation-02ff8233 3s ease forwards;background-color:#009541;border-bottom-left-radius:20px;border-top-left-radius:20px;left:0}.charts__chart__bar__sum__in--conventional[data-v-02ff8233]{text-align:right;width:var(--073cb070)}.charts__chart__bar__sum__in--conventional[data-v-02ff8233]:before{animation:barWidthAnimation-02ff8233 3s ease forwards;background-color:#7e1710;border-bottom-right-radius:20px;border-top-right-radius:20px;right:0}@keyframes barWidthAnimation-02ff8233{0%{width:0}to{width:100%}}.charts__chart__bar{transition:all .3s ease}.animate-delay .charts__chart__percent{animation:barMarginAnimation 1.5s ease forwards;transition:all .3s ease}.animate-delay .charts__chart__bar:before{animation:barWidthAnimation 3s ease forwards;width:var(--e2e58984)}@keyframes barWidthAnimation{0%{width:0}to{width:var(--f57e3832)}}@keyframes barMarginAnimation{0%{margin-left:0}to{margin-left:var(--116093ad)}}.charts__chart__bar:before{background-color:var(--6442539d);opacity:1;transition:opacity .3s ease}.charts__chart__bar:hover{cursor:pointer;scale:1.05}.charts__chart__bar:hover:before{opacity:.7}