.radial-box[data-v-76d5edeb]{--size:var(--v4f13e1e3);max-width:max-content;display:flex;position:relative}.medal[data-v-76d5edeb]{width:75%;height:75%;font-size:calc(var(--size)*.2927);color:#ffe9ae;background:linear-gradient(135deg,#f5ce57,#ca7f1d);border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.medal[data-v-76d5edeb]:before{content:"";z-index:-1;background:linear-gradient(136.74deg,#f5ce57 13.47%,#ca7f1d 85.72%);border-radius:50%;width:74.2%;height:74.2%;position:absolute;box-shadow:inset 1.5px 1.5px 1px #bf801f}.radial[data-v-76d5edeb]{--progress:var(--e289f9e2);--start-angle:0deg;--thickness-factor:.0975;--thickness:calc(var(--size)*var(--thickness-factor));--bg:#07457e;--fg:#fabd03;--cap-angle:7deg;--angle-at-99:calc(360deg - var(--cap-angle)*2);--angle:calc(var(--progress)*var(--angle-at-99)/99 + max(0, var(--progress) - 99)*2*var(--cap-angle)/1);--radius:calc(var(--size)/2 - var(--thickness)/2);--start-angle-caps:calc(var(--start-angle) - 90deg);width:var(--size);height:var(--size);background:conic-gradient(from var(--start-angle),var(--fg) var(--angle),var(--bg) 0);-webkit-mask:radial-gradient(circle,transparent calc(var(--size)/2 - var(--thickness)),#000 calc(var(--size)/2 - var(--thickness) + 1px));-webkit-mask:radial-gradient(circle,transparent calc(var(--size)/2 - var(--thickness)),#000 calc(var(--size)/2 - var(--thickness) + 1px));mask:radial-gradient(circle,transparent calc(var(--size)/2 - var(--thickness)),#000 calc(var(--size)/2 - var(--thickness) + 1px));border-radius:50%;position:relative}.radial.hide[data-v-76d5edeb]{display:none}.radial.hide+.medal[data-v-76d5edeb]{width:var(--size);height:var(--size);font-size:calc(var(--size)*.5);position:relative;top:0;left:0;translate:0}.level-up .radial[data-v-76d5edeb]{--fg:var(--color-positive)}.radial[data-v-76d5edeb]:after,.radial[data-v-76d5edeb]:before{content:"";width:var(--thickness);height:var(--thickness);background:var(--fg);transform-origin:50%;z-index:1;opacity:0;border-radius:50%;position:absolute;top:50%;left:50%}.radial.has-progress[data-v-76d5edeb]:after,.radial.has-progress[data-v-76d5edeb]:before{opacity:1}.radial[data-v-76d5edeb]:before{transform:translate(-50%,-50%) rotate(var(--start-angle-caps)) translate(var(--radius))}.radial[data-v-76d5edeb]:after{transform:translate(-50%,-50%) rotate(calc(var(--start-angle-caps) + var(--angle))) translate(var(--radius))}