.piechart{display:block;position:relative;width:160px;height:auto;margin:3rem;padding:0 !important}@media (max-width:500px){.piechart{margin:3rem 1rem}}.piechart .chart{height:160px}.piechart .chart.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.piechart .chart.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.piechart .chart .pieces{position:relative}.piechart .chart .pieces .piece{position:absolute;width:160px;height:160px;clip:rect(0, 160px, 160px, 80px);border-radius:80px}.piechart .chart .pieces .piece .piece-inner{position:absolute;width:160px;height:160px;clip:rect(0, 80px, 160px, 0);border-radius:80px;-webkit-backface-visibility:hidden}.piechart .legend{list-style:none;padding:0 0 0 2rem;margin:0;position:absolute;left:100%;top:0;width:auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:500px){.piechart .legend{position:static;height:initial;padding:0;margin:2rem 0}}.piechart .legend li{display:block;white-space:nowrap}.piechart .legend li span:first-child{display:inline-block;width:14px;height:14px;border-radius:2px;margin-right:.5rem}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate(-360deg) scale(.05);transform:rotate(-360deg) scale(.05)}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@keyframes rotateIn{from{-webkit-transform:rotate(-360deg) scale(.05);transform:rotate(-360deg) scale(.05)}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@-webkit-keyframes zoomIn{from{-webkit-transform:scale(.05);transform:scale(.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{from{-webkit-transform:scale(.05);transform:scale(.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.barchart{height:250px;margin-top:2rem;padding:0 !important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.barchart .chart{height:100%;max-width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-preferred-size:20%;flex-basis:20%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.barchart .chart.grow .barsection .bar .inner-bar{-webkit-animation-name:growHeight;animation-name:growHeight;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.barchart .chart .barsection{-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:120px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.barchart .chart .barsection:before{content:attr(data-lbl);display:block;position:absolute;bottom:-5.5rem;margin:auto;font-weight:bolder;font-size:10pt;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;height:5rem;text-align:right;line-height:100%}.barchart .chart .barsection .bar{display:inline-block;height:100%;background-color:rgba(0,0,0,0.07);-ms-flex-preferred-size:20%;flex-basis:20%;-ms-flex-negative:2;flex-shrink:2;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:2rem;position:relative}.barchart .chart .barsection .bar:before{content:attr(data-lbl);display:block;position:absolute;bottom:5px;left:50%;z-index:500;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;font-size:8pt;margin:0 0 0 -25%}.barchart .chart .barsection .bar:after{content:attr(data-percent) "%";display:block;position:absolute;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;font-size:8pt;top:4px;background-color:#fff;height:2.8rem;left:50%;margin-left:-10px;width:20px;text-align:center;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:14px;border:1px solid #000;overflow:hidden}.barchart .chart .barsection .bar+.bar{margin-left:5px}.barchart .chart .barsection .bar:first-child{margin-left:10px}.barchart .chart .barsection .bar:last-child{margin-right:10px}.barchart .chart .barsection .bar .inner-bar{display:block;position:absolute;bottom:0;width:100%}.barchart .legend{list-style:none;padding:0 0 0 2rem;margin:0;width:auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-left:1px dashed #000}.barchart .legend li{display:block;white-space:nowrap}.barchart .legend li span:first-child{display:inline-block;width:.75rem;height:.75rem;border:1px solid #000;margin-right:.5rem}.barchart.horizontal{height:auto;width:auto;margin-left:6rem}.barchart.horizontal .chart{height:auto;width:100%;max-width:100%;display:block;padding-right:1.5rem;border-right:1px dashed #000}.barchart.horizontal .chart.grow .barsection .bar .inner-bar{-webkit-animation-name:growWidth;animation-name:growWidth;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.barchart.horizontal .chart .barsection{display:block;width:500px;height:auto}.barchart.horizontal .chart .barsection:before{left:-5.5rem;bottom:unset;-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.barchart.horizontal .chart .barsection .bar{display:block;margin:0;height:2rem;width:100%;max-width:100%}.barchart.horizontal .chart .barsection .bar:before{-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;left:5px;bottom:unset;margin:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.barchart.horizontal .chart .barsection .bar:after{-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;top:unset;height:1.6rem;width:2.8rem;left:unset;right:5px;margin:2.5px 0 0 0}.barchart.horizontal .chart .barsection .bar+.bar{margin-top:5px}.barchart.horizontal .chart .barsection .bar:first-child{margin-top:10px}.barchart.horizontal .chart .barsection .bar:last-child{margin-bottom:10px}.barchart.horizontal .chart .barsection .bar .inner-bar{bottom:unset;left:0;height:100%}.barchart.horizontal .chart .barsection:first-child .bar:first-child{margin-top:0}.barchart.horizontal .legend{height:100%;border:0}@-webkit-keyframes growHeight{from{max-height:0}to{max-height:100%}}@keyframes growHeight{from{max-height:0}to{max-height:100%}}@-webkit-keyframes growWidth{from{max-width:0}to{max-width:100%}}@keyframes growWidth{from{max-width:0}to{max-width:100%}}