.bm-badges{grid-template-columns:repeat(4,1fr);gap:3.57cqw;display:grid}.bm-badges .badge{flex-direction:column;align-items:center;gap:2.3cqw;display:flex}.bm-badges .badge .nm{font-family:var(--ff-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--sub);text-align:center;font-size:1.91cqw;line-height:1.25}.bm-badges .badge .dt{font-family:var(--ff-mono);letter-spacing:.04em;color:var(--muted);text-align:center;font-size:1.78cqw}.bm-badges .medal{aspect-ratio:1;border-radius:50%;place-items:center;width:100%;display:grid;position:relative}.bm-badges .medal .glyph{z-index:2;stroke-width:2.2px;width:7.65cqw;height:7.65cqw;position:relative}.bm-badges .medal:after{content:"";z-index:1;border:1.5px solid #00000029;border-radius:50%;position:absolute;inset:2.04cqw;box-shadow:inset 0 1px #ffffff73}.bm-badges .medal .rim{z-index:1;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.bm-badges .medal.gold{background:radial-gradient(circle at 35% 26%,#ffe9a8,#f4c145 46%,#b8841f 100%);border:2px solid #ffe08a;box-shadow:inset 0 2px 6px #ffffff8c,inset 0 -5px 9px #78500a8c,0 0 22px #ffc85066}.bm-badges .medal.silver{background:radial-gradient(circle at 35% 26%,#fbfdff,#c7d2da 46%,#8a97a0 100%);border:2px solid #eaf0f4;box-shadow:inset 0 2px 6px #fffc,inset 0 -5px 9px #5a69738c,0 0 18px #d2e1eb4d}.bm-badges .medal.bronze{background:radial-gradient(circle at 35% 26%,#f2c18c,#c97e40 46%,#8a4f22 100%);border:2px solid #e8ae74;box-shadow:inset 0 2px 6px #ffebd28c,inset 0 -5px 9px #5a32148c,0 0 18px #dc8c4652}.bm-badges .medal.amber{border:2px solid var(--amber-2);background:radial-gradient(circle at 35% 26%,#ffc690,#ff8a3d 50%,#c75a12 100%);box-shadow:inset 0 2px 6px #ffebd28c,inset 0 -5px 9px #78320a8c,0 0 24px #ff8a3d80}.bm-badges .medal.gold .glyph{color:#7a5510;filter:drop-shadow(0 1px .4px #fff5c8a6)}.bm-badges .medal.silver .glyph{color:#566169;filter:drop-shadow(0 1px .4px #ffffffb3)}.bm-badges .medal.bronze .glyph{color:#6b3c18;filter:drop-shadow(0 1px .4px #ffe6cd99)}.bm-badges .medal.amber .glyph{color:#843808;filter:drop-shadow(0 1px .4px #ffe1c399)}.bm-badges .medal.gold .rim{color:#6e4a08}.bm-badges .medal.silver .rim{color:#4a565e}.bm-badges .medal.bronze .rim{color:#5e3414}.bm-badges .medal.amber .rim{color:#7a3408}.bm-badges .medal.locked{background:var(--surface);border:2px dashed var(--line)}.bm-badges .medal.locked:after{display:none}.bm-badges .medal.locked .glyph{color:var(--muted);stroke-width:1.7px;filter:none}