.piechart{display:block;position:relative;width:250px;height:250px;margin-left:3rem;margin-top:2rem;padding:0 !important}.piechart .chart{height:100%}.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:250px;height:250px;clip:rect(0, 250px, 250px, 125px);border-radius:125px}.piechart .chart .pieces .piece .piece-inner{position:absolute;width:250px;height:250px;clip:rect(0, 125px, 250px, 0);border-radius:125px;-webkit-backface-visibility:hidden}.piechart .legend{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}.piechart .legend>ul{list-style:none;padding:0 0 0 2rem;margin:0}.piechart .legend>ul li{display:block;white-space:nowrap}.piechart .legend>ul li span{display:inline-block;width:.75rem;height:.75rem;border:1px solid #000;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:auto;width:100%;margin-top:2rem;margin-bottom: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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.barchart .chart{height:100%;max-width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-right:2rem}.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:auto;height:250px;-webkit-box-sizing:content-box;box-sizing:content-box;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+.barsection{margin-left:2rem}.barchart .chart .barsection[data-lbl]:not([data-lbl=""]){padding-bottom:6rem}.barchart .chart .barsection:before{content:attr(data-lbl);display:block;position:absolute;bottom:0;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%;width:2rem;background-color:rgba(0,0,0,0.07);position:relative;opacity:.85}.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%;pointer-events:none}.barchart .chart .barsection .bar:hover{opacity:1;-webkit-animation-name:chartwiggle;animation-name:chartwiggle;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:swing;animation-timing-function:swing}.barchart .chart .barsection .bar[data-percent]:after{content:attr(data-percent) "%"}.barchart .chart .barsection .bar[data-count]:after{content:attr(data-count)}.barchart .chart .barsection .bar:after{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;pointer-events:none}.barchart .chart .barsection .bar+.bar{margin-left:.5rem}.barchart .chart .barsection .bar .inner-bar{display:block;position:absolute;bottom:0;width:100%}.barchart .chart .barsection .bar:nth-child(1) .inner-bar{background-color:#72991b}.barchart .chart .barsection .bar:nth-child(2) .inner-bar{background-color:#83674a}.barchart .chart .barsection .bar:nth-child(3) .inner-bar{background-color:#801757}.barchart .chart .barsection .bar:nth-child(4) .inner-bar{background-color:#228618}.barchart .chart .barsection .bar:nth-child(5) .inner-bar{background-color:#b1d65f}.barchart .chart .barsection .bar:nth-child(6) .inner-bar{background-color:#e0646a}.barchart .chart .barsection .bar:nth-child(7) .inner-bar{background-color:#b4508d}.barchart .chart .barsection .bar:nth-child(8) .inner-bar{background-color:#5dbb53}.barchart .chart .barsection .bar:nth-child(9) .inner-bar{background-color:#8fb736}.barchart .chart .barsection .bar:nth-child(10) .inner-bar{background-color:#bf393f}.barchart .chart .barsection .bar:nth-child(11) .inner-bar{background-color:#9a2d6f}.barchart .chart .barsection .bar:nth-child(12) .inner-bar{background-color:#3aa02f}.barchart .chart .barsection .bar:nth-child(13) .inner-bar{background-color:#547704}.barchart .chart .barsection .bar:nth-child(14) .inner-bar{background-color:#7d040a}.barchart .chart .barsection .bar:nth-child(15) .inner-bar{background-color:#64033e}.barchart .chart .barsection .bar:nth-child(16) .inner-bar{background-color:#0d6804}.barchart .chart .barsection .bar:nth-child(17) .inner-bar{background-color:#374f00}.barchart .chart .barsection .bar:nth-child(18) .inner-bar{background-color:#530004}.barchart .chart .barsection .bar:nth-child(19) .inner-bar{background-color:#430028}.barchart .chart .barsection .bar:nth-child(20) .inner-bar{background-color:#074500}.barchart .legend{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;-ms-flex-pack:distribute;justify-content:space-around;border-left:1px dashed #000}.barchart .legend>ul{list-style:none;padding:0 0 0 2rem;margin:0}.barchart .legend>ul+ul{margin-top:2rem}.barchart .legend>ul li{display:block;white-space:nowrap}.barchart .legend>ul li span{display:inline-block;width:.75rem;height:.75rem;border:1px solid #000;margin-right:.5rem}.barchart .legend>ul li:nth-of-type(1) span{background-color:#72991b}.barchart .legend>ul li:nth-of-type(2) span{background-color:#83674a}.barchart .legend>ul li:nth-of-type(3) span{background-color:#801757}.barchart .legend>ul li:nth-of-type(4) span{background-color:#228618}.barchart .legend>ul li:nth-of-type(5) span{background-color:#b1d65f}.barchart .legend>ul li:nth-of-type(6) span{background-color:#e0646a}.barchart .legend>ul li:nth-of-type(7) span{background-color:#b4508d}.barchart .legend>ul li:nth-of-type(8) span{background-color:#5dbb53}.barchart .legend>ul li:nth-of-type(9) span{background-color:#8fb736}.barchart .legend>ul li:nth-of-type(10) span{background-color:#bf393f}.barchart .legend>ul li:nth-of-type(11) span{background-color:#9a2d6f}.barchart .legend>ul li:nth-of-type(12) span{background-color:#3aa02f}.barchart .legend>ul li:nth-of-type(13) span{background-color:#547704}.barchart .legend>ul li:nth-of-type(14) span{background-color:#7d040a}.barchart .legend>ul li:nth-of-type(15) span{background-color:#64033e}.barchart .legend>ul li:nth-of-type(16) span{background-color:#0d6804}.barchart .legend>ul li:nth-of-type(17) span{background-color:#374f00}.barchart .legend>ul li:nth-of-type(18) span{background-color:#530004}.barchart .legend>ul li:nth-of-type(19) span{background-color:#430028}.barchart .legend>ul li:nth-of-type(20) span{background-color:#074500}.barchart.horizontal .chart{height:auto;width:auto;max-width:100%;display:block}.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[data-lbl]:not([data-lbl=""]){margin-left:6rem;padding-bottom:0}.barchart.horizontal .chart .barsection:before{left:-5.5rem;bottom:unset;text-align:center;-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;height:100%;width:5.5rem;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+.barsection{margin-left:0;margin-top:2rem}.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:0}.barchart.horizontal .chart .barsection .bar:last-child{margin-bottom:0}.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;border-left:1px dashed #000}@-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%}}@-webkit-keyframes chartwiggle{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.01);transform:scale(1.01)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes chartwiggle{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.01);transform:scale(1.01)}100%{-webkit-transform:scale(1);transform:scale(1)}}