.scan{--scan-accent:#8281b1;--scan-deep:#4c4a73;--scan-wash:#eeedf6;--scan-ease:cubic-bezier(.4, 0, .2, 1)}.scan-top{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.scan-head{letter-spacing:-.03em;animation:scan-rise .55s var(--scan-ease) both;align-items:center;gap:11px;margin:0;font-size:30px;font-weight:640;line-height:1.1;display:flex}.scan-head em{color:var(--scan-deep);font-style:normal}@keyframes scan-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scan-eta{color:var(--faint);white-space:nowrap;padding-bottom:5px;font-size:12.5px}.scan-track{background:#f0f0f3;border-radius:999px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0a0a0a0d}.scan-fill{height:100%;transition:width 1s var(--scan-ease);border-radius:999px;position:relative;overflow:hidden}.scan-fill svg{width:100%;height:100%;display:block;position:absolute;inset:0}.scan-sheen{animation:scan-sheen 6.5s var(--scan-ease) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff57 50%,#0000 70%);border-radius:999px;position:absolute;inset:0;transform:translate(-100%)}@keyframes scan-sheen{0%{transform:translate(-100%)}55%,to{transform:translate(220%)}}.scan-meta{justify-content:space-between;align-items:center;gap:20px;margin-top:15px;display:flex}.scan-doing{color:var(--muted);align-items:center;gap:9px;min-width:0;font-size:14px;display:flex}.scan-pip{background:var(--scan-accent);width:7px;height:7px;animation:scan-pip 2s var(--scan-ease) infinite;border-radius:50%;flex-shrink:0}@keyframes scan-pip{0%{box-shadow:0 0 #8281b173}70%{box-shadow:0 0 0 7px #8281b100}to{box-shadow:0 0 #8281b100}}.scan-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:640}.scan-count em{color:var(--faint);font-style:normal;font-weight:500}.scan-steps{border-top:1px solid var(--border);gap:26px;margin-top:26px;padding-top:20px;display:flex}.scan-step{color:var(--faint);align-items:center;gap:9px;font-size:13px;display:flex}.scan-step .scan-dot{border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.scan-step.is-done{color:var(--muted)}.scan-step.is-done .scan-dot{background:var(--scan-deep);border-color:var(--scan-deep);color:#fff}.scan-step.is-now{color:var(--text);font-weight:600}.scan-step.is-now .scan-dot{border-color:var(--scan-accent);background:var(--scan-wash);color:var(--scan-deep)}.scan-spin{border:1.5px solid #8281b159;border-top-color:var(--scan-deep);border-radius:50%;width:8px;height:8px;animation:.8s linear infinite scan-spin}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-tick{background:var(--scan-deep);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;animation:.5s cubic-bezier(.34,1.56,.64,1) both scan-pop;display:flex}.scan-tick svg{width:14px;height:14px}@keyframes scan-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.scan-sheen,.scan-pip,.scan-spin,.scan-head,.scan-tick{animation:none}}