.medal{--m:64px;--a:#ffd98a;--b:#ff9a1f;--c:#8a3d00;width:var(--m);height:var(--m);transform-style:preserve-3d;border-radius:50%;flex:none;display:inline-block;position:relative}.medal-rim{box-shadow:0 calc(var(--m) * .07) calc(var(--m) * .18) #00000080, inset 0 0 0 calc(var(--m) * .012) #ffffff8c, inset 0 calc(var(--m) * -.03) calc(var(--m) * .05) #00000059;background:conic-gradient(from 200deg,#fbfbfd,#c9cad1 12%,#8b8d96 24%,#f4f4f7 36%,#9a9ca5 50%,#e9eaee 62%,#7c7e88 76%,#d6d7dd 88%,#fbfbfd);border-radius:50%;position:absolute;inset:0}.medal-face{background:radial-gradient(120% 120% at 28% 18%, var(--a), var(--b) 52%, var(--c));box-shadow:inset 0 calc(var(--m) * .03) calc(var(--m) * .04) #fff9, inset 0 calc(var(--m) * -.06) calc(var(--m) * .1) #0006, 0 0 0 calc(var(--m) * .014) #0006;border-radius:50%;position:absolute;inset:9%;overflow:hidden}.medal-face:before{content:"";border:calc(var(--m) * .014) dotted #ffffff80;border-radius:50%;position:absolute;inset:8%}.medal-face:after{content:"";mix-blend-mode:soft-light;animation:7s ease-in-out infinite medal-glaze;animation-delay:var(--glaze,0s);background:linear-gradient(112deg,#0000 34%,#ffffffb3 47%,#ffffff26 53%,#0000 62%) 130% 0/280% 100%;border-radius:50%;position:absolute;inset:0}.medal:hover .medal-face:after{animation:.9s ease-out medal-glaze-once}@keyframes medal-glaze{0%,62%{background-position:130% 0}82%,to{background-position:-30% 0}}@keyframes medal-glaze-once{0%{background-position:130% 0}to{background-position:-30% 0}}.medal-glyph{color:#fffffff5;filter:drop-shadow(0 calc(var(--m) * .012) 0 #fff6) drop-shadow(0 calc(var(--m) * -.012) calc(var(--m) * .018) #00000080);place-items:center;display:grid;position:absolute;inset:0}.medal-glyph svg{stroke-width:1.9px;width:42%;height:42%}.medal[data-locked] .medal-face{background:radial-gradient(120% 120% at 28% 18%,#4a4c55,#2a2c33 55%,#15161a)}.medal[data-locked] .medal-rim{filter:grayscale()brightness(.55)}.medal[data-locked] .medal-glyph{color:#ffffff47;filter:none}.medal[data-locked] .medal-face:after{opacity:0;animation:none}.medal-date{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;margin-top:.4em;font-size:.5625rem;font-weight:600;display:block}@media (prefers-reduced-motion:reduce){.medal-face:after{animation:none}}