.item[data-v-8b34082c]{--ring-size:var(--6480da4b);--inner-size:var(--0a4d5a86);--percent:var(--078ba33e);--color:var(--4a7d8da9);position:relative;width:var(--ring-size);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.ring[data-v-8b34082c]{width:var(--ring-size);height:var(--ring-size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--color,#ccc) calc(var(--percent, 0)*1%),#e9eef2 0);cursor:pointer}.inner[data-v-8b34082c]{width:var(--inner-size);height:var(--inner-size);background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10%}.letter[data-v-8b34082c]{font-weight:700;font-size:var(--6802f3b0);line-height:1;margin:0;color:var(--color,#ccc)}.percent[data-v-8b34082c]{font-weight:700;font-size:var(--0705d9ca);color:var(--color,#ccc)}@media(max-width:680px){.row[data-v-8b34082c]{gap:18px}.item[data-v-8b34082c]{width:120px}[data-v-8b34082c]:root{--ring-size:120px;--inner-size:76px}.letter[data-v-8b34082c]{font-size:40px}.percent[data-v-8b34082c]{font-size:16px}}