.grade--size-s{border-radius:.5rem;line-height:.75rem}.grade--size-m,.grade--size-s{font-size:.75rem;height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.grade--size-m{line-height:.875rem}@media (min-width:60rem){.grade--size-m{font-size:1rem;height:2rem;line-height:1rem;min-height:2rem;min-width:2rem;width:2rem}}.grade--size-l{font-size:1.25rem;height:2.25rem;line-height:1.25rem;min-height:2.25rem;min-width:2.25rem;width:2.25rem}@media (min-width:60rem){.grade--size-l{font-size:1.5rem;height:3rem;line-height:1.5rem;min-height:3rem;min-width:3rem;width:3rem}}.grade--a{background-color:#17b700}.grade--b{background-color:#afcc05}.grade--c{background-color:#efcc00}.grade--d{background-color:#ff8b00}.grade--f{background-color:#f23333}.grade--n{font-size:.5rem}.grade--i,.grade--n{background-color:#56ccf2}