.pie{overflow:hidden;background:var(--bg,red);border-radius:100%;position:relative;height:calc(var(--size,20)*1px);width:calc(var(--size,20)*1px)}.pie__segment{position:absolute;overflow:hidden;transform:translate(0,-50%) rotate(90deg) rotate(calc(var(--ofset,0)*1deg));transform-origin:50%100%;height:100%;width:100%}.pie__segment:before{position:absolute;background:var(--bg,purple);content:"";transform:translate(0,100%) rotate(calc(var(--value,45)*1deg));transform-origin:50%0;height:100%;width:100%}