@-webkit-keyframes bake-pie{from{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);transform:rotate(0deg) translate3d(0, 0, 0)}}@keyframes bake-pie{from{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);transform:rotate(0deg) translate3d(0, 0, 0)}}.pie-chart--wrapper{width:400px;margin:30px auto;text-align:center}.pie-chart--wrapper .pie-chart .pie-chart__pie{position:relative;height:200px;width:200px;margin:20px auto 50px}.pie-chart--wrapper .pie-chart .pie-chart__pie:before{content:"";display:block;position:absolute;z-index:1;width:100px;height:100px;background:#EEE;border-radius:50%;top:50px;left:50px}.pie-chart--wrapper .pie-chart .pie-chart__pie:after{content:"";display:block;width:120px;height:2px;background:rgba(0,0,0,0.1);border-radius:50%;box-shadow:0 0 3px 4px rgba(0,0,0,0.1);margin:25px auto 0;position:absolute;left:calc(50% - 60px);bottom:-25px}.pie-chart--wrapper .pie-chart .pie-chart__pie .slice{position:absolute;width:200px;height:200px;clip:rect(0px, 200px, 200px, 100px);-webkit-animation:bake-pie 1s;animation:bake-pie 1s}.pie-chart--wrapper .pie-chart .pie-chart__pie .slice span{display:block;position:absolute;top:0;left:0;background-color:black;width:200px;height:200px;border-radius:50%;clip:rect(0px, 200px, 200px, 100px)}.pie-chart--wrapper .pie-chart .pie-chart__legend{display:inline-block;font-family:'Georgia' ,serif;list-style-type:none;padding:0;margin:0 auto 20px;background:#f4f4f4;padding:0.75em 0.75em 0.05em;font-size:13px;box-shadow:1px 1px 0 #DDD, 2px 2px 0 #BBB;text-align:left;vertical-align:top;width:65%}.pie-chart--wrapper .pie-chart .pie-chart__legend li{display:flex;flex-wrap:wrap;align-items:center;min-height:1.25em;margin-bottom:0.7em;padding-left:0.5em;position:relative}.pie-chart--wrapper .pie-chart .pie-chart__legend li:before{display:none}.pie-chart--wrapper .pie-chart .pie-chart__legend li div{display:flex;align-self:baseline;height:15px;margin-right:10px;margin-top:3px;width:15px}.pie-chart--wrapper .pie-chart .pie-chart__legend li em{font-style:normal;width:calc(100% - 80px)}.pie-chart--wrapper .pie-chart .pie-chart__legend li span{position:absolute;right:0;top:0}.pie-chart--wrapper .pie-chart .pie-chart__legend li span.dollar:before{content:'$'}.pie-chart--wrapper .pie-chart .pie-chart__legend li span.percentage:before{content:'%'}.pie-chart--wrapper .pie-chart .pie-chart__legend li.total-amount{border-left:none !important;border-top:1px solid rgba(0,0,0,0.3);font-size:1.1em;padding-left:0;padding-top:8px;padding-bottom:8px;height:auto;margin-top:15px;margin-bottom:0;position:relative;text-align:right}.pie-chart--wrapper .pie-chart .pie-chart__legend li.total-amount>strong{font-style:italic;margin-right:5px}.pie-chart--wrapper .pie-chart .pie-chart__legend li.total-amount>span{top:8px}.pie-chart--wrapper .pie-chart .pie-chart__legend.dollar li span:before{content:'$'}.pie-chart--wrapper .pie-chart .pie-chart__legend.percentage li span:after{content:'%'}