.graph-container{background-image:-webkit-linear-gradient(left,hsla(0,0%,100%,.3) 100%,transparent 0);background-image:-moz-linear-gradient(left,hsla(0,0%,100%,.3) 100%,transparent 100%);background-image:-o-linear-gradient(left,hsla(0,0%,100%,.3) 100%,transparent 100%);background-image:-ms-linear-gradient(left,hsla(0,0%,100%,.3) 100%,transparent 100%);background-image:linear-gradient(left,hsla(0,0%,100%,.3) 100%,transparent 0);background-position:0 -2.5em;background-repeat:no-repeat;display:inline-block;font-size:.7em;list-style:none;margin:10px 0 20px 40px;padding:0;position:relative}.graph-container:before{background-color:#b7b7b7;bottom:0;content:"";height:2.5em;left:-1.25em;position:absolute;-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);-ms-transform:skew(-45deg);transform:skew(-45deg);width:100%}.graph-container:after{background-color:hsla(0,0%,51%,.4);content:"";left:-2.5em;position:absolute;top:1.25em;-webkit-transform:skew(0deg,-45deg);-moz-transform:skew(0deg,-45deg);-o-transform:skew(0deg,-45deg);-ms-transform:skew(0deg,-45deg);transform:skew(0deg,-45deg);width:2.5em}.graph-container>li{float:left;position:relative}.graph-container>li:nth-last-child(2){margin-right:2.5em}.graph-container>li>span{bottom:-2em;color:#777;font-weight:700;left:0;position:absolute;text-align:center;text-shadow:1px 1px 1px hsla(0,0%,100%,.7);width:80%}.graph-container>li:last-child{bottom:0;left:0;position:absolute;width:100%}.graph-marker-container>li{bottom:0;left:-2.5em;list-style:none;margin-bottom:2.5em;position:absolute;width:100%}.graph-marker-container>li:after,.graph-marker-container>li:before{background:hsla(0,0%,52%,.15);border:0 hsla(0,0%,39%,.15);border-bottom:.15em dotted hsla(0,0%,39%,.15);content:"";position:absolute}.graph-marker-container>li:before{bottom:-1.22em;height:0;left:-.55em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:3.55em;z-index:2}.graph-marker-container li:after{bottom:0;left:2.5em;width:100%}.graph-marker-container span{font-weight:700;left:-3.5em;position:absolute;text-shadow:1px 1px 1px hsla(0,0%,100%,.7);top:1em;width:3.5em}.bar-wrapper{overflow:hidden}.bar-container{margin-top:2.5em;position:relative;width:12.5em}.bar-container:before{border-color:transparent transparent #b7b7b7;border-style:solid;border-width:0 0 2.5em 2.5em;bottom:0;content:"";height:0;position:absolute;right:0;width:0;z-index:3}.bar-background{height:100%;left:2.5em;position:absolute;top:-2.5em;width:10em;z-index:1}.bar-background:after,.bar-background:before{content:"";position:absolute}.bar-background:before{bottom:-2.5em;height:2.5em;right:1.25em;transform:skew(-45deg);width:10em}.bar-background:after{height:100%;right:10em;top:1.25em;transform:skew(0deg,-45deg);width:2.5em}.bar-foreground{z-index:3}.bar-foreground,.bar-inner{height:100%;left:0;position:absolute;top:0;width:10em}.bar-foreground:after,.bar-foreground:before,.bar-inner:after,.bar-inner:before{content:"";position:absolute}.bar-foreground:before,.bar-inner:before{background-color:hsla(0,0%,63%,.27);height:100%;right:-2.5em;top:-1.25em;-webkit-transform:skew(0deg,-45deg);-moz-transform:skew(0deg,-45deg);-o-transform:skew(0deg,-45deg);-ms-transform:skew(0deg,-45deg);transform:skew(0deg,-45deg);width:2.5em}.bar-foreground:after,.bar-inner:after{background-color:hsla(0,0%,63%,.2);height:2.5em;right:-1.25em;top:-2.5em;-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);-ms-transform:skew(-45deg);transform:skew(-45deg);width:100%}.bar-inner{bottom:-2.5em;color:transparent;height:0;top:auto;-webkit-transition:height .8s ease-out,bottom .8s ease-out;-moz-transition:height .8s ease-out,bottom .8s ease-out;-o-transition:height .8s ease-out,bottom .8s ease-out;-ms-transition:height .8s ease-out,bottom .8s ease-out;transition:height .8s ease-out,bottom .8s ease-out;z-index:2}.bar-inner,.bar-inner:before{background-color:rgba(5,62,123,.6)}.bar-inner:after{background-color:rgba(47,83,122,.7)}.graph-container li:first-child .bar-inner,.graph-container li:first-child .bar-inner:before{background-color:rgba(196,109,59,.6)}.graph-container li:first-child .bar-inner:after{background-color:hsla(22,59%,62%,.7)}.graph-container li:nth-child(2) .bar-inner,.graph-container li:nth-child(2) .bar-inner:before{background-color:rgba(5,123,5,.3)}.graph-container li:nth-child(2) .bar-inner:after{background-color:rgba(63,122,47,.4)}.graph-container li:nth-child(3) .bar-inner,.graph-container li:nth-child(3) .bar-inner:before{background-color:rgba(255,0,0,.3)}.graph-container li:nth-child(3) .bar-inner:after{background-color:rgba(255,71,71,.3)}.graph-container li:nth-child(4) .bar-inner,.graph-container li:nth-child(4) .bar-inner:before{background-color:rgba(255,248,136,.8)}.graph-container li:nth-child(4) .bar-inner:after{background-color:rgba(220,204,53,.4)}.graph-container li:nth-child(5) .bar-inner,.graph-container li:nth-child(5) .bar-inner:before{background-color:rgba(5,62,123,.6)}.graph-container li:nth-child(5) .bar-inner:after{background-color:rgba(47,83,122,.7)}.bar-container,.graph-container{font-size:8px}.bar-container,.graph-container:after,.graph-container>li:last-child{height:40em}.graph-container>li>span,.graph-marker-container span{font-size:2em}.graph-container>li .bar-container{margin-right:2.5em}.graph-container>li:first-child{margin-left:2.5em}.graph-container>li:nth-last-child(2) .bar-container{margin-right:2em}.bar-background{background-color:hsla(0,0%,63%,.1)}.bar-background:before{background-color:hsla(0,0%,63%,.2)}.bar-background:after{background-color:hsla(0,0%,63%,.05)}.bar-foreground{background-color:hsla(0,0%,63%,.1)}.button-label{color:#aaa;display:inline;font-weight:700;line-height:40px;margin:0 10px 0 20px;text-shadow:1px 1px 1px hsla(0,0%,100%,.8)}.button-label:before{content:" ";white-space:wrap}.main span:first-of-type{margin-left:0}@media screen and (max-width:1125px){.graph-container>li>span{bottom:-3em}.bar-container,.graph-container{font-size:6px}}@media screen and (max-width:1050px){.graph-container>li>span{bottom:-3em}.bar-container,.graph-container{font-size:6px}}@media screen and (max-width:768px){.graph-container>li>span{bottom:-3em}.graph-container{margin-top:25px}.bar-container,.graph-container{font-size:7px}}@media screen and (max-width:640px){.graph-container>li>span{bottom:-3em}.graph-container{margin-top:25px}.bar-container,.graph-container{font-size:6px}}@media screen and (max-width:480px){.graph-container>li>span{bottom:-3em}.graph-container{margin-top:25px}.bar-container,.graph-container{font-size:5px}}@media screen and (max-width:360px){.graph-container{margin-top:20px}.graph-container>li>span{bottom:-4em}.bar-container,.graph-container{font-size:3px}}