@property --p{syntax:"<number>";inherits:true;initial-value:1}@media screen and (min-width:767px){.pie[data-v-000ba93e]{aspect-ratio:1;display:inline-grid;font-family:sans-serif;font-size:60px;font-weight:700;line-height:40px;margin:0 25px;place-content:center;position:relative;width:212px}}.pie[data-v-000ba93e]{--p:20;--b:10px;--c:#358082;--w:106px;aspect-ratio:1/1;display:inline-grid;font-size:30px;font-weight:700;line-height:20px;margin:0 15px;place-content:center;position:relative;width:var(--w)}@media screen and (min-width:767px){.pie[data-v-000ba93e]{--p:20;--b:15px;--c:#358082;--w:212px;aspect-ratio:1/1;display:inline-grid;font-size:60px;font-weight:700;line-height:40px;margin:0 25px;place-content:center;position:relative;width:var(--w)}}.piebg[data-v-000ba93e]{border-radius:50%;box-shadow:inset 0 0 0 var(--b) #eee}.pie[data-v-000ba93e]:after,.pie[data-v-000ba93e]:before{border-radius:50%;content:"";position:absolute}.pie[data-v-000ba93e]:before{background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);top:0;right:0;bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)))}.pie[data-v-000ba93e]:after{background:var(--c);inset:calc(50% - var(--b)/2);transform:rotate(calc(var(--p)*3.6deg - 90deg)) translate(calc(var(--w)/2 - 55%))}@keyframes p-000ba93e{0%{--p:0}}