.pie-chart{aspect-ratio:1;border-radius:50%;max-width:500px;width:100%}.pie-chart__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media only screen and (min-width:960px){.pie-chart__wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}}.pie-chart__key{-webkit-box-flex:190px;-ms-flex:190px 1 0px;flex:190px 1 0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:24px 48px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pie-chart__key,.pie-chart__key-item{display:-webkit-box;display:-ms-flexbox;display:flex}.pie-chart__key-item{padding:18px 0}.pie-chart__key-item-name{margin-right:12px}.pie-chart__key-item-color{aspect-ratio:1/1;display:block;max-height:24px;max-width:24px;min-width:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:12px}.pie-chart__key-item-value{color:rgba(0,0,0,.4);margin-left:auto}