.badge-medal{--badge-size:96px;width:var(--badge-size);height:var(--badge-size);color:var(--badge-ink,#555);will-change:transform, opacity;transform-origin:50%;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.badge-medal.is-size-xs{--badge-size:20px}.badge-medal.is-size-sm{--badge-size:32px}.badge-medal.is-size-lg{--badge-size:96px}.badge-medal.is-size-xl{--badge-size:168px}.badge-medal-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.badge-medal-track{fill:none;stroke:#12131614;stroke-width:5px}.badge-medal-ring{fill:none;stroke-width:5px;stroke-linecap:round}.badge-medal-face{fill:#fff;stroke:#1213160f;stroke-width:1px;filter:drop-shadow(0 6px 14px #25272d14)}.badge-medal.is-size-xs .badge-medal-track,.badge-medal.is-size-xs .badge-medal-ring{stroke-width:8px}.badge-medal.is-size-xs .badge-medal-face{filter:none;stroke:none}.badge-medal.is-size-sm .badge-medal-track,.badge-medal.is-size-sm .badge-medal-ring{stroke-width:7px}.badge-medal-glyph{place-items:center;width:44%;height:44%;display:grid;position:relative}.badge-medal-glyph svg{width:100%;height:100%}.badge-medal.is-size-xs .badge-medal-glyph{width:58%;height:58%}.badge-medal.is-size-xs .badge-medal-glyph svg{stroke-width:2.4px}.badge-medal-art{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;width:82%;height:82%;position:relative}.badge-medal.is-size-xs .badge-medal-art,.badge-medal.is-size-sm .badge-medal-art{width:78%;height:78%}.badge-medal.is-locked .badge-medal-art{filter:grayscale()contrast(.9);opacity:.55}.badge-medal.is-sealed .badge-medal-art{filter:grayscale()}.badge-medal-tier{min-width:22%;height:22%;font-size:calc(var(--badge-size) * .13);letter-spacing:.02em;color:#3a2a10;background:#f2d27a;border-radius:999px;place-items:center;padding:0 4px;font-weight:760;line-height:1;display:grid;position:absolute;bottom:2%;right:2%;box-shadow:0 0 0 2px #fff,0 2px 6px #0000001f}.badge-medal.is-tier-1 .badge-medal-tier{color:#3b2311;background:#d8a178}.badge-medal.is-tier-2 .badge-medal-tier{color:#2d3036;background:#d9dce3}.badge-medal.is-tier-3 .badge-medal-tier{color:#3a2a10;background:#f2cf5b}.badge-medal.is-locked{color:#9a9ca3}.badge-medal.is-locked .badge-medal-face{fill:#f2f2f0;filter:none}.badge-medal.is-locked .badge-medal-track{stroke-dasharray:2 5;stroke:#12131629}.badge-medal.is-locked .badge-medal-ring{stroke:var(--badge-ink);opacity:.55}.badge-medal.is-locked .badge-medal-glyph{opacity:.75}.badge-medal.is-earned .badge-medal-face{fill:#fff}.badge-medal.is-earned.is-provenance .badge-medal-face{fill:#f6f4ff}.badge-medal.is-earned.is-activity .badge-medal-face{fill:#f1faf7}.badge-medal.is-earned.is-skill .badge-medal-face{fill:#fdf8ec}.badge-medal.is-sealed{color:#b6b8be}.badge-medal.is-sealed .badge-medal-face{fill:#ececea}.badge-medal-shine{pointer-events:none;border-radius:50%;position:absolute;inset:9%;overflow:hidden;-webkit-mask:radial-gradient(circle,#000 99%,#0000 100%);mask:radial-gradient(circle,#000 99%,#0000 100%)}.badge-medal-shine:after{content:"";width:50%;height:160%;animation:.72s cubic-bezier(.23,1,.32,1) both badge-shine;animation-delay:calc(var(--badge-reveal-delay,0s) + .18s);background:linear-gradient(100deg,#0000 0%,#ffffffd9 50%,#0000 100%);position:absolute;top:-30%;left:-60%;transform:translate(-120%)rotate(12deg)}@keyframes badge-shine{0%{transform:translate(-120%)rotate(12deg)}to{transform:translate(380%)rotate(12deg)}}.badge-medal-button{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:50%;margin:0;padding:0;transition:transform .12s cubic-bezier(.23,1,.32,1);display:inline-grid}.badge-medal-button:active{transform:scale(.96)}.badge-medal-button:focus-visible{outline-offset:4px;outline:2px solid #1213165c}@media (hover:hover) and (pointer:fine){.badge-medal-button:hover{transform:translateY(-2px)scale(1.03)}.badge-medal-button:hover:active{transform:scale(.97)}}.badge-strip{color:#74777f;vertical-align:middle;background:#fff9;border-radius:999px;align-items:center;gap:0;padding:2px 6px 2px 2px;text-decoration:none;transition:transform .12s cubic-bezier(.23,1,.32,1),background .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #12131616}.badge-strip .badge-medal{background:#fff;border-radius:50%;margin-left:-5px;box-shadow:0 0 0 2px #fff}.badge-strip .badge-medal:first-child{margin-left:0}.badge-strip.is-size-sm .badge-medal{margin-left:-8px}.badge-strip-more{font-variant-numeric:tabular-nums;color:#6f7279;margin-left:5px;font-size:11px;font-weight:680}.badge-strip:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.badge-strip:hover{background:#fff;transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.badge-medal-shine{display:none}.badge-medal-button,.badge-strip{transition:none}.badge-medal-button:hover,.badge-strip:hover{transform:none}}