.app-grade-text{--text-color:#0c0842;color:var(--text-color)}.app-grade-text--a{--text-color:#006724}.app-grade-text--b{--text-color:#007a7a}.app-grade-text--c{--text-color:#8a7000}.app-grade-text--d{--text-color:#c24400}.app-grade-text--f{--text-color:#cd002c}.app-grade-text--n-a{--text-color:#7e7d95}.app-grade.app-grade{--background-color:#fff;--border-color:#0c0842;border:.5px solid color-mix(in srgb,var(--border-color) 8%,transparent);background-color:var(--background-color);width:6.25rem;height:6.25rem;min-width:unset;border-radius:4px;justify-content:center;align-items:center;font-size:4rem;font-weight:700;line-height:4rem;display:flex}.app-grade.app-grade--medium{width:5rem;height:5rem;font-size:3.5rem;line-height:3.5rem}.app-grade.app-grade--small{width:2.5rem;height:2.5rem;font-size:1.125rem;font-weight:600;line-height:2rem}.app-grade.app-grade--x-small{width:2rem;height:2rem;font-size:1rem;font-weight:500;line-height:1.5rem}.app-grade.app-grade--xx-small{width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;line-height:1rem}.app-grade.app-grade--xxx-small{border-radius:2px;width:1rem;height:1rem;font-size:.75rem;font-weight:600;line-height:1rem}.app-grade.app-grade--a{--background-color:#e6f7ec;--border-color:#006724}.app-grade.app-grade--b{--background-color:#e6f2f2;--border-color:#007a7a}.app-grade.app-grade--c{--background-color:#fffae6;--border-color:#8a7000}.app-grade.app-grade--d{--background-color:#ffeee6;--border-color:#c24400}.app-grade.app-grade--f{--background-color:#fae6ea;--border-color:#cd002c}.app-grade.app-grade--n-a{--background-color:#f1f2f4;--border-color:#7e7d95;font-size:2.5rem}.app-grade.app-grade--n-a.app-grade.app-grade--medium{font-size:2rem}.app-grade.app-grade--n-a.app-grade.app-grade--small,.app-grade.app-grade--n-a.app-grade.app-grade--x-small{font-size:.875rem}.app-grade.app-grade--n-a.app-grade.app-grade--x-small{font-weight:400}.app-grade.app-grade--n-a.app-grade.app-grade--xxx-small>*{display:none}.app-grade.app-grade--n-a.app-grade.app-grade--xxx-small:before{content:"X";color:#7e7d95;font-size:.75rem}@media screen and (width<=480px){.app-grade.app-grade{width:3rem;height:3rem;font-size:1.5rem;line-height:2.5rem}.app-grade.app-grade--n-a{font-size:1.25rem}.app-grade.app-grade--medium{width:2.5rem;height:2.5rem;font-size:1.125rem;font-weight:600;line-height:2rem}.app-grade.app-grade--medium.app-grade.app-grade--n-a{font-size:1rem}.app-grade.app-grade--small,.app-grade.app-grade--x-small{width:2rem;height:2rem;font-size:1rem;font-weight:500;line-height:1.5rem}.app-grade.app-grade--small.app-grade.app-grade--n-a,.app-grade.app-grade--x-small.app-grade.app-grade--n-a{font-size:.875rem}}