.bar,.bar .face{position:relative}.chart{font-size:.8em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:10em;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.bar{font-size:1em;width:2em;padding:0;-webkit-transition:-webkit-transform 2s linear;transition:transform 2s linear;-webkit-transform:rotateX(-30deg) rotateY(-135deg);-moz-transform:rotateX(-30deg) rotateY(-135deg);transform:rotateX(-30deg) rotateY(-135deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.bar.red .face.floor{background-color:rgba(185,0,110,1)}.bar.red .face>.growing-bar{background-color:rgba(236,0,140,1)}.bar.red .face>.growing-bar:before{color:#530031;border-top-color:#b9006e}.bar.cyan .face.floor{background-color:rgba(39,187,241,1)}.bar.cyan .face>.growing-bar{background-color:rgba(87,202,244,1)}.bar.cyan .face>.growing-bar:before{color:#0b7da7;border-top-color:#27bbf1}.bar.navy .face.floor{background-color:rgba(6,36,58,1)}.bar.navy .face>.growing-bar{background-color:rgba(10,64,105,1)}.bar.navy .face>.growing-bar:before{color:#000;border-top-color:#06243a}.bar.lightGray .face.floor{background-color:rgba(119,119,119,1)}.bar.lightGray .face>.growing-bar{background-color:rgba(145,145,145,1)}.bar.lightGray .face>.growing-bar:before{color:#444;border-top-color:#777}.bar.yellow .face.floor{background-color:rgba(194,157,11,1)}.bar.yellow .face>.growing-bar{background-color:rgba(241,196,15,1)}.bar.yellow .face>.growing-bar:before{color:#614f06;border-top-color:#c29d0b}.bar.lime .face.floor{background-color:rgba(88,150,0,1)}.bar.lime .face>.growing-bar{background-color:rgba(118,201,0,1)}.bar.lime .face>.growing-bar:before{color:#1c3000;border-top-color:#589600}.bar.gray .face.floor{background-color:rgba(43,43,43,1)}.bar.gray .face>.growing-bar{background-color:rgba(68,68,68,1)}.bar.gray .face>.growing-bar:before{color:#000;border-top-color:#2b2b2b}.bar .face{bottom:0;width:2.1em;height:2em;background-position:center center}.bar .side-0,.bar .side-1{overflow:hidden;height:10em}.bar .side-0{-webkit-transform:rotateY(90deg) translateZ(1em);-moz-transform:rotateY(90deg) translateZ(1em);transform:rotateY(90deg) translateZ(1em);background-color:#bababa}.bar .side-0 .growing-bar{background-color:#57caf4}.bar .side-1{-webkit-transform:rotateY(180deg) translateY(-10em) translateZ(1em);-moz-transform:rotateY(180deg) translateY(-10em) translateZ(1em);transform:rotateY(180deg) translateY(-10em) translateZ(1em);background-color:#d3d3d3}.bar .side-1 .growing-bar{background-color:#10b3ef}.bar .top{-webkit-transform:rotateX(90deg) translateZ(21em);-moz-transform:rotateX(90deg) translateZ(21em);transform:rotateX(90deg) translateZ(21em);text-align:center;background-color:#e0e0e0}.bar .floor{-webkit-transform:rotateX(-90deg) translateY(0) translateZ(-13em) rotate(180deg);-moz-transform:rotateX(-90deg) translateY(0) translateZ(-13em) rotate(180deg);transform:rotateX(-90deg) translateY(0) translateZ(-13em) rotate(180deg);text-align:center;background-color:transparent;box-shadow:0 0 .6em rgba(0,0,0,.3),.6em -1em 3em rgba(0,0,0,.3),1em 1em 10em rgba(254,254,254,.8)}.bar .growing-bar{display:inline-block;width:100%;height:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}.chart .bar-90 .face.side-0 .growing-bar,.chart .bar-90 .face.side-1 .growing-bar{-webkit-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%);opacity:.8}.chart .bar-85 .face.side-0 .growing-bar,.chart .bar-85 .face.side-1 .growing-bar{-webkit-transform:translateY(15%);-ms-transform:translateY(15%);transform:translateY(15%);opacity:.8}.chart .bar-80 .face.side-0 .growing-bar,.chart .bar-80 .face.side-1 .growing-bar{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:.8}.chart .bar-74 .face.side-0 .growing-bar,.chart .bar-74 .face.side-1 .growing-bar{-webkit-transform:translateY(26%);-ms-transform:translateY(26%);transform:translateY(26%);opacity:.8}.chart .bar-60 .face.side-0 .growing-bar,.chart .bar-60 .face.side-1 .growing-bar{-webkit-transform:translateY(40%);-ms-transform:translateY(40%);transform:translateY(40%);opacity:.8}.chart .bar-30 .face.side-0 .growing-bar,.chart .bar-30 .face.side-1 .growing-bar{-webkit-transform:translateY(70%);-ms-transform:translateY(70%);transform:translateY(70%);opacity:.8}.chart .bar-1 .face.side-0 .growing-bar,.chart .bar-1 .face.side-1 .growing-bar{-webkit-transform:translateY(99%);-ms-transform:translateY(99%);transform:translateY(99%);opacity:.8}