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