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