@-webkit-keyframes bake-pie{0%{transform:rotate(0deg) translateZ(0)}}@keyframes bake-pie{0%{transform:rotate(0deg) translateZ(0)}}.pie-charts{display:grid;gap:var(--space-md);grid-template-columns:none;grid-template-rows:repeat(4,auto);justify-items:center}.pie-chart--wrapper{max-width:250px}.pie-chart--wrapper h3{text-align:center}.pie-chart__legend,.pie-chart__pie{display:inline-block;vertical-align:top}.pie-chart__pie{height:200px;margin-bottom:var(--space-md);position:relative;width:200px}.pie-chart__pie svg{height:100%;width:100%}.pie-chart__pie circle{fill:transparent;stroke-dasharray:0,0,0,100;stroke-dashoffset:25}.slice{height:200px;position:absolute;width:200px;clip:rect(0,200px,200px,100px)}.slice-animate{-webkit-animation:bake-pie 1.5s;animation:bake-pie 1.5s}.slice span{background-color:#000;border-radius:50%;display:block;height:200px;left:0;position:absolute;top:0;width:200px;clip:rect(0,200px,200px,100px)}.pie-chart__legend{display:block;list-style-type:none;padding:0 .75em .05em;text-align:left}.pie-chart__legend li{border-left:1.25em solid #000;font-size:var(--font-size-sm);height:1.25em;margin-bottom:.7em;padding-left:.5em}.pie-chart__legend em{font-style:normal}.pie-chart__legend span{margin-left:var(--space-sm)}.pie-chart__legend span:after{content:"%"}.pie-charts__big-num{text-align:center}.pie-charts__big-num span{color:var(--color-purple);display:block;font-family:var(--header-font);font-size:5rem;line-height:1;margin-bottom:var(--space-xxs)}.data-collection,.pie-charts__big-num p{font-size:var(--font-size-sm)}@media (min-width:650px){.pie-charts{grid-template-columns:1fr 1fr}}@media (min-width:980px){.pie-chart--wrapper h3{text-align:left}.pie-charts{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr auto}.pie-chart--wrapper{grid-row:1/3}.pie-charts>p{align-self:end}.pie-charts__big-num{text-align:left}}