.app-grade-text{--text-color:#0c0842;color:var(--text-color)}.app-grade-text--a{--text-color:#146378}.app-grade-text--b{--text-color:#0b8644}.app-grade-text--c{--text-color:#c74a04}.app-grade-text--d{--text-color:#c4161c}.app-grade-text--f{--text-color:#650113}.app-grade-text--n-a{--text-color:#7e7d95}.app-grade.app-grade{--background-color:#fff;--border-color:#0c0842;align-items:center;background-color:var(--background-color);border:.5px solid color-mix(in srgb,var(--border-color) 8%,transparent);border-radius:4px;display:flex;font-size:4rem;font-weight:700;height:6.25rem;justify-content:center;line-height:4rem;width:6.25rem}.app-grade.app-grade--medium{font-size:3.5rem;height:5rem;line-height:3.5rem;width:5rem}.app-grade.app-grade--small{font-size:1.125rem;font-weight:600;height:2.5rem;line-height:2rem;width:2.5rem}.app-grade.app-grade--x-small{font-size:1rem;font-weight:500;height:2rem;line-height:1.5rem;width:2rem}.app-grade.app-grade--a{--background-color:#e3f9ff;--border-color:#146378}.app-grade.app-grade--b{--background-color:#e4fff1;--border-color:#0b8644}.app-grade.app-grade--c{--background-color:#fff0e7;--border-color:#c74a04}.app-grade.app-grade--d{--background-color:#ffeced;--border-color:#c4161c}.app-grade.app-grade--f{--background-color:#ffeaed;--border-color:#650113}.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}@media screen and (max-width:480px){.app-grade.app-grade{font-size:1.5rem;height:3rem;line-height:2.5rem;width:3rem}.app-grade.app-grade--n-a{font-size:1.25rem}.app-grade.app-grade--medium{font-size:1.125rem;font-weight:600;height:2.5rem;line-height:2rem;width:2.5rem}.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{font-size:1rem;font-weight:500;height:2rem;line-height:1.5rem;width:2rem}.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}}