.medal-reward{animation:.45s ease-out both medal-arrive}.medal-symbol{width:140px;height:158px;padding-top:24px;position:relative}.medal-symbol:before{content:"";background:hsl(var(--primary));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);position:absolute;inset:0 42px 48px}.medal-symbol span{border:8px double var(--medal-edge);background:var(--medal-face);width:124px;height:124px;color:var(--medal-ink);box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;margin:auto;font-size:64px;display:grid;position:relative}.medal-silver{--medal-face:var(--medal-silver);--medal-edge:hsl(var(--muted-foreground));--medal-ink:hsl(var(--foreground))}.medal-gold{--medal-face:hsl(var(--secondary));--medal-edge:var(--medal-gold-edge);--medal-ink:hsl(var(--secondary-foreground))}.medal-diamond{--medal-face:var(--medal-diamond);--medal-edge:hsl(var(--primary));--medal-ink:hsl(var(--foreground))}@keyframes medal-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.medal-reward{animation:.15s ease-out both medal-fade}@keyframes medal-fade{0%{opacity:0}to{opacity:1}}}