.pie-chart-container{position:relative;padding:var(--spacer1) calc(var(--gap) * 0.5) var(--spacer4)}.pie-chart-container h2{color:var(--primary, #131f6b)}.pie-chart-container h2 span{color:#87b545;display:block}.pie-chart-container pie-chart{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-gap:var(--gap);position:relative;margin-top:calc(var(--gap) * 2)}.pie-chart-container pie-chart+img{width:100vw;height:auto;-o-object-fit:cover;object-fit:cover;margin-bottom:-8px;height:200px;object-fit:cover;left:-50vw;margin-left:50%;position:absolute;bottom:0}.pie-chart-container pie-chart div.chart-details{display:flex;flex-direction:column;justify-content:center;grid-row:2;grid-column:1;opacity:0;transition:var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );z-index:-1}.pie-chart-container pie-chart div.chart-details.active{opacity:1;z-index:9}.pie-chart-container pie-chart div.chart-details#environment-details{--chart-colour: #87b545}.pie-chart-container pie-chart div.chart-details#social-details{--chart-colour: #f38f2e}.pie-chart-container pie-chart div.chart-details#governance-details{--chart-colour: #009fe3}.pie-chart-container pie-chart div.chart-details h3{--heading-colour: var(--chart-colour)}.pie-chart-container pie-chart div.chart-details ul{margin:0 0 calc(var(--gap) * 2)}.pie-chart-container pie-chart div.chart-details ul li{position:relative;padding-left:var(--gap)}.pie-chart-container pie-chart div.chart-details ul li:before{position:absolute;content:"";height:4px;width:4px;top:10px;left:4px;border-radius:100%;background-color:var(--chart-colour)}@media(max-width: 768px){.pie-chart-container pie-chart div.chart-details h3{text-align:center}.pie-chart-container pie-chart div.chart-details ul{display:flex;flex-direction:column;justify-content:center;align-items:center}.pie-chart-container pie-chart div.chart-details ul li{width:-moz-fit-content;width:fit-content;text-align:center}.pie-chart-container pie-chart div.chart-details ul *+.button{margin:0 auto}}.pie-chart-container pie-chart div.chart{position:relative;aspect-ratio:1;align-self:center}.pie-chart-container pie-chart div.chart .pie-portion{position:absolute;display:flex;transition:var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}.pie-chart-container pie-chart div.chart .pie-portion svg{width:100%}.pie-chart-container pie-chart div.chart .pie-portion.green,.pie-chart-container pie-chart div.chart .pie-portion.orange{height:50%;width:75%}.pie-chart-container pie-chart div.chart .pie-portion.blue{width:50%;height:100%}.pie-chart-container pie-chart div.chart .pie-portion.green{left:28%;top:0}.pie-chart-container pie-chart div.chart .pie-portion.orange{left:27%;top:52%;width:76%}.pie-chart-container pie-chart div.chart .pie-portion.blue{width:49%;top:1%;left:0%}.pie-chart-container pie-chart div.chart .pie-portion:hover.blue,.pie-chart-container pie-chart div.chart .pie-portion.active.blue{top:1%;left:-4%;width:51%}.pie-chart-container pie-chart div.chart .pie-portion:hover.green,.pie-chart-container pie-chart div.chart .pie-portion.active.green{top:-3%;left:29%;width:77%;height:52%}.pie-chart-container pie-chart div.chart .pie-portion:hover.orange,.pie-chart-container pie-chart div.chart .pie-portion.active.orange{top:53%;left:27%;width:77%;height:52%}@media(min-width: 768px){.pie-chart-container{padding:calc(var(--gap) * 4) 0}.pie-chart-container pie-chart{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;min-height:650px;grid-gap:calc(var(--gap) * 4);margin-top:0}.pie-chart-container pie-chart div.chart-details{grid-row:1;grid-column:2;margin-left:calc(var(--gap) * 4)}.pie-chart-container pie-chart .chart{width:100%;max-width:100%}.pie-chart-container pie-chart+img{right:-50vw;margin:0 50% 0 0;z-index:-1;height:100%;width:30vw;top:0;left:unset}}.pie-chart-container .siblings{display:none}.pie-chart-container .button.people{--background-colour: #f38f2e;--hover-font-colour: #f38f2e}.pie-chart-container .button.planet{--background-colour: #87b545;--hover-font-colour: #87b545}.pie-chart-container .button.profit{--background-colour: #009fe3;--hover-font-colour: #009fe3}side-bar .pie-chart-container{background-color:#fff;border:2px solid #e3e3e3;padding:calc(var(--gap) * 3)}side-bar .pie-chart-container pie-chart{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-gap:calc(var(--gap) * 2);margin-top:calc(var(--gap) * 2)}side-bar .pie-chart-container pie-chart div.chart{width:100%;margin:0 auto}side-bar .pie-chart-container pie-chart div.chart-details{grid-column:1;grid-row:2;margin-left:0;justify-content:flex-start;display:none}side-bar .pie-chart-container pie-chart div.chart-details.active{display:flex}side-bar .pie-chart-container pie-chart div.chart-details ul{-moz-column-count:2;column-count:2}side-bar .pie-chart-container pie-chart div.chart-details .button{display:none}@media(min-width: 900px)and (max-width: 1080px){side-bar .pie-chart-container pie-chart div.chart-details ul{-moz-column-count:1;column-count:1}}side-bar .pie-chart-container pie-chart div.siblings{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap)}