.pcc-container{padding:50px 25px}.pcc-container h2{font-size:clamp(30px,2.25vw,36px);text-align:center}.pcc-container h3{font-size:clamp(18px,1.5vw,24px)}.pcc-container h6{color:#333;font-size:20px;margin-bottom:0;margin-top:0}.pcc-container p{line-height:1.5}.pcc-container .legend{align-items:center;display:flex;justify-content:flex-end}.pcc-container .legend-item,.pcc-container .legend-items{align-items:center;display:flex;justify-content:center}.pcc-container .legend-item{margin:0 10px}.pcc-container .legend-item p{margin-bottom:0}.pcc-container .legend-item__color{background-color:#000;border-radius:50%;content:"";height:25px;margin:0 8px;width:25px}.pcc-container__table{display:grid;grid-template-columns:2fr 1fr;grid-gap:10px}.pcc-container__table .row-pie-charts,.pcc-container__table>.column-labels{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;align-items:center;justify-items:center}.pcc-container__table .column-labels p{font-size:16px;font-weight:100;margin-bottom:0;text-align:center}.row-pie-charts .column-labels{display:none}.pcc-container__table .pie-chart{border-radius:50%;cursor:pointer;height:50px;position:relative;width:50px}.pcc-container__table .pie-chart .pie-chart__mouseover{display:grid;grid-template-columns:27px 1fr;left:60px;position:absolute;top:0;grid-column-gap:15px;grid-row-gap:5px;align-items:center;background-color:#fff;min-height:auto;min-width:220px;opacity:0;padding:15px;pointer-events:none;transition:all .2s;width:auto;z-index:1}.pcc-container__table .pie-chart .pie-chart__mouseover:before{border-bottom:10px solid transparent;border-right:10px solid #fff;border-top:10px solid transparent;content:"";height:0;left:-9px;opacity:0;position:absolute;top:14px;transition:all .2s;width:0;z-index:2}.pcc-container__table .pie-chart .pie-chart__mouseover:before,.pcc-container__table .pie-chart:hover .pie-chart__mouseover{opacity:1}.pcc-container__table .pie-chart .pie-chart__mouseover p{margin-bottom:0}@media(max-width:768px){.pcc-container__table{grid-template-columns:1fr}.pcc-container__table>.column-labels{display:none}.row-pie-charts .column-labels{display:block}.pcc-container__table .row-pie-charts{position:relative}.pcc-container__table .pie-chart{position:static}.pcc-container__table .pie-chart .pie-chart__mouseover{left:31%;top:110px}.pcc-container__table .pie-chart .pie-chart__mouseover:before{border-bottom:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent}}@media(max-width:500px){.pcc-container__table .pie-chart .pie-chart__mouseover{left:0;top:110px}}@media(max-width:341px){.pcc-container__table .pie-chart .pie-chart__mouseover{top:125px}}