@layer theme,base,components,utilities;@layer components{.grade{--gf:var(--grade-b);--gi:var(--grade-b-ink);cursor:default;display:inline-grid;flex:none;font-size:var(--fs-2);font-variant-numeric:lining-nums;font-weight:800;letter-spacing:.02em;line-height:1;place-items:center start;position:relative;vertical-align:middle;white-space:nowrap}.grade__ribbon{display:block;grid-area:1/1;overflow:visible}.grade__l{color:var(--gi);font:inherit;grid-area:1/1;line-height:1;position:relative;text-align:center}.grade__l small{font-size:.72em;font-weight:800;margin-left:.02em;position:relative;top:-.32em}.grade--sm{font-size:var(--fs-1)}.grade--lg{font-size:var(--fs-5)}.grade--sp{--gf:var(--grade-sp);--gi:var(--grade-sp-ink)}.grade--s{--gf:var(--grade-s);--gi:var(--grade-s-ink)}.grade--a{--gf:var(--grade-a);--gi:var(--grade-a-ink)}.grade--c{--gf:var(--grade-c);--gi:var(--grade-c-ink)}.grade--d{--gf:var(--grade-d);--gi:var(--grade-d-ink)}.grade__body{fill:var(--gf)}.grade__fork{fill:var(--grade-sp-ink)}.grade--off{--gi:var(--ink-2)}.grade--off.grade--d{--gi:var(--ink-3)}.grade__edge{fill:none;stroke:var(--line-3);stroke-width:1.25;stroke-dasharray:2.5 2}.grade:focus-visible{border-radius:var(--r-1);outline:2px solid var(--focus);outline-offset:3px}.rt .grade--off{--gi:var(--tip-fg)}.rt .grade__body{stroke:color-mix(in oklab,var(--tip-fg) 45%,transparent);stroke-width:1}.rt .grade__edge{stroke:var(--tip-mute)}}