.ypk-donut[data-v-10c200a4]{--progress:0;--thickness:25%;--color:var(--ypk-donut__text__color);align-items:center;background:var(--ypk-donut__back__color);border-color:var(--ypk__component__border__color);border-radius:50%;border-style:var(--ypk__component__border-style);border-width:var(--ypk__component__border__width);box-shadow:var(--ypk__donut__box-shadow);color:var(--color);display:inline-flex;font-size:.8em;font-weight:700;height:3.5em;justify-content:center;margin:.8em;position:relative;width:3.5em}.ypk-donut[data-v-10c200a4]:before{background:radial-gradient(farthest-side,var(--color) 100%,#0000) top/var(--thickness) var(--thickness) no-repeat,conic-gradient(var(--color) calc(var(--progress)*1%),var(--ypk-donut__pan__color) 0);background-size:0 0,auto;border-radius:50%;content:"";inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(97% - var(--thickness)),#000 calc(103% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(97% - var(--thickness)),#000 calc(103% - var(--thickness)));position:absolute}