.barGraph{position:relative;background-color:#d3d3d3;display:flex;align-items:flex-end;overflow:hidden}.bar{height:100%;width:100%;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.verticalBar{-webkit-transition:height .6s ease;-moz-transition:height .6s ease;-o-transition:height .6s ease;transition:height .6s ease}.defaultinnerbar{background-color:#00f}.buttonActive{background-color:#708090}.buttonDefault{background-color:#d3d3d3}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:sans-serif}