.DoughnutChart{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.DoughnutChart .DoughnutChart-title{width:100%;position:absolute;top:0;padding:20px 22px 0 22px;display:flex;justify-content:space-between;z-index:100}.DoughnutChart .DoughnutChart-title>div:first-of-type{height:14px;font-size:16px;font-weight:550;color:#333;line-height:14px}.DoughnutChart .DoughnutChart-title>div:nth-of-type(2){height:14px;font-size:16px;font-weight:400;color:#666;line-height:14px}.DoughnutChart .DoughnutChart-title>div:nth-of-type(2)>span{color:#358fff}.DoughnutChart #doughnutcharttMain{width:400px;height:240px;margin-top:40px}.DoughnutChart .legend{width:260px;display:flex;justify-content:space-between}.DoughnutChart .legend .legend-item{display:flex;align-items:center;white-space:nowrap;height:20px;font-size:14px;font-weight:400;color:#000;line-height:20px}.DoughnutChart .legend .legend-item .gap{width:8px;height:8px;border-radius:4px;margin-right:10px}