@keyframes glareAnimation{0%{background-position:var(--glare-initial-position,-200px) 0}6%{background-position:var(--glare-hover-position,16.5%) 0}6.01%{background-position:var(--glare-initial-position,-200px) 0}to{background-position:var(--glare-initial-position,-200px) 0}}.BadgeGlare{background:linear-gradient(135deg,transparent 30%,#fff 48%,#fff 52%,transparent 70%);background-position:var(--glare-initial-position,-200px) 0;background-repeat:repeat-x;height:100%;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:33.33% auto;mask-size:33.33% auto;opacity:.9;pointer-events:none;position:absolute;width:300%;z-index:1}.BadgeIcon{position:relative;display:inline-flex;cursor:pointer;overflow:hidden;--glare-initial-position:-150%;--glare-hover-position:16.5%}.BadgeIcon.w-8,.BadgeIcon[class*=w-8]{--glare-initial-position:-80px}.BadgeIcon.w-10,.BadgeIcon[class*=w-10]{--glare-initial-position:-100px}.BadgeIcon.w-12,.BadgeIcon[class*=w-12]:not([class*="w-12."]){--glare-initial-position:-120px}.BadgeIcon[class*="w-12.5"],.BadgeIcon[class*=w-12\.5]{--glare-initial-position:-125px}.BadgeIcon.w-20,.BadgeIcon[class*=w-20]{--glare-initial-position:-200px}.BadgeIcon.w-24,.BadgeIcon[class*=w-24]{--glare-initial-position:-240px}.BadgeIcon_Image{width:100%;}.BadgeIcon_Earned{position:absolute;bottom:0;right:0;height:1.625rem;width:1.625rem;background-color:var(--fig-bgElevationSurface-raised) /* var(--fig-bgElevationSurface-raised) */;padding:0.25rem;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);border-radius:var(--scale-size-9999);}.BadgeIcon_Earned_Icon{--un-text-opacity:1;color:rgb(54 208 70 / var(--un-text-opacity)) /* #36d046 */;}.BadgeIcon_Progress{position:absolute;bottom:0;right:0;height:1.625rem;width:1.625rem;background-color:var(--fig-bgElevationSurface-raised) /* var(--fig-bgElevationSurface-raised) */;padding:0.25rem;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);border-radius:var(--scale-size-9999);}.BadgeIcon_Progress_Icon{width:1.125rem;height:1.125rem;}.BadgeIcon:hover .BadgeGlare{animation:glareAnimation 5s linear infinite;animation-delay:.2s}