.cs-bars{padding:1rem;position:relative;max-width:1920px;margin:auto}.cs-bars:after{content:"";position:absolute;top:0;left:0;bottom:0;right:20%;background:#ecf6ee;z-index:0}.cs-bars__wrapper{display:flex;flex-flow:row wrap;align-items:center;width:100%;max-width:1400px;margin:auto;position:relative;z-index:001}.bar__text{flex:300px;max-width:550px}.bar__graph{flex:300px;max-width:500px}.bar{width:100%;margin-bottom:1rem;height:52px;display:flex;flex-flow:row nowrap;border:1px solid #ecf6ee}.bar__title{width:112px;font-size:16px;line-height:19px;font-weight:700;padding:1rem;display:flex;align-items:center;justify-content:flex-start}.bar__measure{flex:1;position:relative}.bar__measure__text{text-align:right;padding:.55rem 1rem;font-weight:700;position:relative;z-index:005}.bar__measure__moving{position:absolute;z-index:001;top:0;left:0;bottom:0;transition:width 1s cubic-bezier(0.23,0.02,0.12,1.09)}.bar__scale{display:flex;flex-flow:row nowrap}.bar__scale__0{width:112px;text-align:right;border-right:1px solid #2d3346;line-height:1}.bar__scale__0:before{content:"";display:block;width:100%;height:1px;margin-top:8px;border-top:1px solid #2d3346}.bar__scale__end{flex:1;text-align:right;border-right:1px solid #2cb34a;line-height:1}.bar__scale__end span,.bar__scale__0 span{display:block;padding:.25rem;font-size:14px}.bar__scale__end:before{content:"";display:block;width:100%;height:1px;margin-top:8px;border-top:1px solid #2cb34a}@media screen and (min-width:768px){.bar__text{margin-right:5rem}}