.pie-data{background:#fff;border-radius:10px;padding:20px}.pie-data .title-pie-data{display:flex;justify-content:center;text-align:center;font-size:18px;font-weight:900;line-height:21px}.pie-data .legend{width:100%;display:flex;padding:20px;flex-wrap:wrap}.pie-data .legend .element{margin-bottom:5px;margin-right:20px;flex-shrink:0;display:flex;align-items:center}.pie-data .legend .element .color{height:10px;width:10px;background:red;margin-right:10px;flex-shrink:0}.pie-data .legend .element .color.brown{background:#b28159}.pie-data .legend .element .color.red{background:#ee8577}.pie-data .legend .element .color.green{background:#d1dc6a}.pie-data .legend .element .color.orange{background:#fbc993}.pie-data .legend .element .color.pink{background:#ca70ae}.pie-data .legend .element .color.p1{background:#178798}.pie-data .legend .element .color.p2{background:#cde074}.pie-data .legend .element .color.p3{background:#ffc68f}.pie-data .legend .element .color.p4{background:#f58577}.pie-data .legend .element .color.p5{background:#ac7e5d}.pie-data .legend .element .color.p6{background:#dae21b}.pie-data .legend .element .valor{width:calc(100% - 20px);font-size:11px}.pie-data .legend .element .label{width:calc(100% - 40px);font-weight:700;font-size:12px;white-space:nowrap;margin-right:10px}#chartdiv{width:100%;height:100%}.chart-div-data{height:350px;width:100%}.pie-data__demo-chart{display:flex;align-items:center;justify-content:center}.pie-data__demo-chart svg{width:100%;max-width:350px;height:100%}