/* Cash: animación del paso a paso */
@media(prefers-reduced-motion:no-preference){
  html body #page-market#page-market .lp-flow.cf:not(#x) li{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1),background .45s ease;transition-delay:calc(var(--i)*.16s),calc(var(--i)*.16s),0s}
  html body #page-market#page-market .lp-flow.cf.cf-on:not(#x) li{opacity:1;transform:none}
  html body #page-market#page-market .lp-flow.cf:not(#x) .lpf-ic svg *{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.1s ease calc(var(--i)*.16s + .25s)}
  html body #page-market#page-market .lp-flow.cf.cf-on:not(#x) .lpf-ic svg *{stroke-dashoffset:0}
  /* un "pago" recorre los pasos: el paso activo se marca, los que faltan quedan apagados */
  html body #page-market#page-market .lp-flow.cf:not(#x) li em,html body #page-market#page-market .lp-flow.cf:not(#x) li p,html body #page-market#page-market .lp-flow.cf:not(#x) .lpf-ic{transition:color .45s ease,opacity .45s ease,transform .45s ease,background .45s ease}
  html body #page-market#page-market .lp-flow.cf:not(#x) li.cf-cur{background:linear-gradient(90deg,rgba(33,67,233,.06),rgba(33,67,233,0) 80%)}
  html body #page-market#page-market .lp-flow.cf:not(#x) li.cf-cur .lpf-ic{transform:scale(1.35);color:#2143E9!important}
  html body #page-market#page-market .lp-flow.cf:not(#x) li.cf-dim em{opacity:.28}
  html body #page-market#page-market .lp-flow.cf:not(#x) li.cf-dim p{opacity:.45}
  html body #page-market#page-market .lp-flow.cf:not(#x) li.cf-dim .lpf-ic{opacity:.35}
}
