.grade.svelte-561apy{--tone:oklch(68% .03 255);box-sizing:border-box;background:var(--tone);color:oklch(16% .009 255);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;border-radius:.18em;justify-content:center;align-items:center;min-width:1.6em;padding:.1em .32em .06em;font:italic 900 1em/1 Barlow Condensed,sans-serif;display:inline-flex}.grade[data-grade=Perfect].svelte-561apy{background:linear-gradient(110deg,oklch(88% .15 95),oklch(83% .16 120) 45%,oklch(85% .12 230))}.grade[data-grade=S\+].svelte-561apy{--tone:oklch(86% .16 88)}.grade[data-grade=S].svelte-561apy{--tone:oklch(79% .15 68)}.grade[data-grade=AA].svelte-561apy{--tone:oklch(74% .14 305)}.grade[data-grade=A].svelte-561apy{--tone:oklch(76% .12 240)}.grade[data-grade=B].svelte-561apy{--tone:oklch(78% .13 155)}.grade[data-grade=C].svelte-561apy{--tone:oklch(72% .04 230)}.grade[data-grade=D].svelte-561apy{--tone:oklch(66% .06 55)}.grade[data-grade=F].svelte-561apy{--tone:oklch(68% .15 25)}