.recognition-progress{display:grid;gap:13px;padding:18px 20px;margin:14px 0;border:1px solid #dcebe4;border-radius:8px;background:#f8fcfa;color:#294a3d}
.recognition-progress-heading{display:flex;align-items:center;gap:12px}
.recognition-progress-heading>span:last-child{display:grid;gap:4px}
.recognition-progress-heading strong{font-size:13px;font-weight:650}
.recognition-progress-heading small,.recognition-progress p{font-size:11px;color:#6d8278;margin:0}
.recognition-progress-mark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:50%;background:#e3f3eb}
.recognition-progress-mark i{width:4px;height:4px;border-radius:50%;background:#168368;animation:recognition-pulse 1s ease-in-out infinite}
.recognition-progress-mark i:nth-child(2){animation-delay:.15s}.recognition-progress-mark i:nth-child(3){animation-delay:.3s}
.recognition-progress-track{height:5px;overflow:hidden;border-radius:5px;background:#e4eee8}
.recognition-progress-track span{display:block;width:36%;height:100%;border-radius:5px;background:#168368;animation:recognition-sweep 1.45s ease-in-out infinite}
.sale-camera-progress .recognition-progress{margin:10px 0}
@keyframes recognition-sweep{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
@keyframes recognition-pulse{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.recognition-progress-track span,.recognition-progress-mark i{animation:none}.recognition-progress-track span{width:100%;opacity:.55}}
@media(max-width:600px){.recognition-progress{padding:15px}.page-heading{flex-wrap:wrap}.page-heading>.heading-actions{width:100%;max-width:none;justify-content:flex-start}.page-heading>.heading-actions>.btn{font-size:12px;padding:8px 11px}}