.badge-grid.svelte-ozlmy7 .grid:where(.svelte-ozlmy7){grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;display:grid}.badge-item.svelte-ozlmy7{background:#1f29330a;border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:1rem .5rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 3px #1f29330f}.badge-item.earned.svelte-ozlmy7{background:#8b5cf61a;border:1px solid #8b5cf640;box-shadow:0 2px 8px #8b5cf61f}.badge-item.earned.svelte-ozlmy7:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf633}.badge-item.locked.svelte-ozlmy7{opacity:.4;filter:grayscale(.7)}.badge-icon.svelte-ozlmy7{font-size:1.75rem;line-height:1}.badge-name.svelte-ozlmy7{text-align:center;color:var(--kombo-ink);font-size:.75rem;font-weight:600}.badge-lock.svelte-ozlmy7{font-size:.625rem;line-height:1;position:absolute;top:.375rem;right:.5rem}@media (width<=640px){.badge-grid.svelte-ozlmy7 .grid:where(.svelte-ozlmy7){grid-template-columns:repeat(3,1fr)}}