.milestone-badge.svelte-b98yok{cursor:pointer;aspect-ratio:1;transition:all .2s;position:relative}.milestone-badge.svelte-b98yok:hover{transform:scale(1.05)}.milestone-badge.svelte-b98yok img:where(.svelte-b98yok){object-fit:contain;width:100%;height:100%}.milestone-badge.locked.svelte-b98yok img:where(.svelte-b98yok){opacity:.3;filter:grayscale()}.milestone-badge.svelte-b98yok .lock-overlay:where(.svelte-b98yok){color:var(--color-gray);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.milestone-card.svelte-b98yok{border:1px solid var(--color-light-gray);background:var(--color-white);cursor:pointer;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.milestone-card.svelte-b98yok:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}@media (width<=480px){.milestone-card.svelte-b98yok{gap:.75rem;padding:.75rem}}.milestone-image.svelte-b98yok{flex-shrink:0;width:80px;height:80px;position:relative}.milestone-image.svelte-b98yok img:where(.svelte-b98yok){object-fit:cover;border-radius:.375rem;width:100%;height:100%}.milestone-image.svelte-b98yok .lock-overlay-card:where(.svelte-b98yok){color:var(--color-gray);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=375px){.milestone-image.svelte-b98yok{width:70px;height:70px}}.milestone-card.locked.svelte-b98yok .milestone-image:where(.svelte-b98yok) img:where(.svelte-b98yok){opacity:.3;filter:grayscale()}.milestone-card.locked.svelte-b98yok .milestone-name:where(.svelte-b98yok),.milestone-card.locked.svelte-b98yok .milestone-description:where(.svelte-b98yok),.milestone-card.locked.svelte-b98yok .milestone-criteria:where(.svelte-b98yok){opacity:.6}.milestone-content.svelte-b98yok{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.milestone-name.svelte-b98yok{color:var(--color-primary);word-break:break-word;margin:0;font-size:1.125rem;font-weight:400;line-height:1.2}@media (width<=480px){.milestone-name.svelte-b98yok{font-size:1rem}}.milestone-description.svelte-b98yok{color:var(--color-gray);word-break:break-word;margin:0;font-size:.875rem;line-height:1.4}.milestone-meta.svelte-b98yok{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.milestone-criteria.svelte-b98yok{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.milestone-criteria.svelte-b98yok .criteria-label:where(.svelte-b98yok){color:var(--color-tertiary);font-weight:500}.milestone-criteria.svelte-b98yok .criteria-threshold:where(.svelte-b98yok){color:var(--color-secondary);font-weight:600}.milestone-users.svelte-b98yok{font-size:.75rem}.milestone-users.svelte-b98yok .users-count:where(.svelte-b98yok){color:var(--color-gray);font-style:italic}