/*!
 * Quick Auto Center — /book/ Live pricing (.lp), story 1.W2.20 (design/flow-part-1.md section 4,
 * prototype book.html#services-live). One dash per stage: done stages in Royal, the current one filling
 * with Royal from the left; the stage text beside it advances on a timer (price-loading.js). A time
 * animation, not server progress. Reduced motion: the dashes are hidden, only the stage text stays.
 * Tokens only (var(--*)), DESIGN.md bans apply.
 */
.lp{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);min-width:0;}
.lp__bar{display:inline-flex;gap:calc(var(--space-1) / 2);flex:none;}
.lp__bar i{position:relative;display:block;width:var(--space-3);height:var(--space-1);overflow:hidden;background:var(--qac-bdazzled-200);}
.lp__bar i.is-done{background:var(--action-primary);}
.lp__bar i.is-now::after{content:"";position:absolute;inset:0;background:var(--action-primary);transform:translateX(-100%);
  animation:qac-lp-fill calc(var(--duration-slow) * 2) var(--ease-standard) infinite;}
@keyframes qac-lp-fill{from{transform:translateX(-100%);}to{transform:none;}}
.lp__txt{font-size:var(--type-caption);font-weight:var(--weight-semibold);color:var(--text-muted);line-height:var(--leading-tight);}
@media (prefers-reduced-motion: reduce){
  .lp__bar{display:none;}
}