.lf-medal{position:relative;width:var(--lf-medal-size,66px);height:var(--lf-medal-size,66px);flex:none}.lf-medal .lf-arc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--lf-gold) calc(var(--lf-p, 0) * 1%),var(--lf-ring-track) 0)}.lf-medal.is-claimed .lf-arc{background:conic-gradient(var(--lf-mint) calc(var(--lf-p, 0) * 1%),var(--lf-ring-track) 0)}.lf-medal .lf-in{position:absolute;inset:6px;border-radius:50%;background:var(--lf-surface-2);display:grid;place-items:center;overflow:hidden}.lf-medal .lf-rsvg{position:absolute;width:calc(var(--lf-medal-size, 66px) * .515);height:calc(var(--lf-medal-size, 66px) * .515);transition:opacity .3s ease,transform .35s cubic-bezier(.5,1.6,.5,1)}.lf-medal .lf-gift{opacity:1;transform:scale(1)}.lf-medal .lf-check,.lf-medal.is-claimed .lf-gift{opacity:0;transform:scale(.4)}.lf-medal.is-claimed .lf-check{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:no-preference){.lf-medal .lf-giftg{animation:lf-giftFloat 3s ease-in-out infinite;transform-origin:22px 27px}.lf-medal .lf-spark{animation:lf-twinkle 2.6s ease-in-out infinite;transform-origin:35px 11px}}@keyframes lf-giftFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}@keyframes lf-twinkle{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.lf-medal .lf-ckpath{stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .55s cubic-bezier(.6,0,.2,1) .14s}.lf-medal.is-claimed .lf-ckpath{stroke-dashoffset:0}