.hd-grade-grid{gap:var(--space-xs);grid-template-columns:repeat(5,1fr);display:grid}.hd-grade-btn{text-align:center;flex-direction:column;justify-content:flex-start;padding:0;overflow:hidden}.hd-grade-btn .hd-grade-label{padding:var(--space-xs) var(--space-xs) 0}.hd-grade-btn>span:last-child{padding:0 var(--space-xs) var(--space-xs)}.hd-option-img{object-fit:contain;background:var(--bg-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;height:56px}@media (width<=700px){.hd-grade-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=400px){.hd-grade-grid{grid-template-columns:1fr 1fr}}