.bar-chart-component{--chart-primary-color:#b3003c;--chart-background-color:#f8f9fa;--chart-text-color:#333;--bar-bg-color:#e9ecef;--chart-border-color:#e9ecef;--chart-source-color:#555;--animation-duration:1.2s;--animation-timing-function:cubic-bezier(0.25,0.8,0.25,1);background-color:var(--chart-background-color);border:1px solid var(--chart-border-color);border-radius:12px;box-sizing:border-box;color:var(--chart-text-color);margin:2rem auto;padding:2.5rem;text-align:left;width:100%}.chart-title{color:var(--chart-text-color);margin-bottom:2rem;margin-top:0}.bar-chart-list{list-style:none;margin:0;padding-left:0;width:100%}.bar-chart-list li{margin-bottom:1.25rem}.bar-chart-list li:last-child{margin-bottom:0}.bar-chart-label{display:flex;font-size:1.4rem;justify-content:space-between;margin-bottom:1rem}.percentage-value{color:var(--chart-primary-color);font-weight:700}.bar-container{background-color:var(--bar-bg-color);border-radius:8px;height:14px;overflow:hidden;width:100%}.bar{background-color:var(--chart-primary-color);border-radius:8px;height:100%;width:0}.bar-chart-component.component-in-view .bar{animation:growBar var(--animation-duration) var(--animation-timing-function) forwards}@keyframes growBar{0%{width:0}to{width:var(--width)}}.chart-source{color:var(--chart-source-color);font-size:1.2rem;margin-bottom:0;margin-top:1.6rem;text-align:right}