.la{display:block;line-height:0;
  --la-desenha:.7s; --la-escalonar:.08s; --la-preenche:.12s; --la-traco-some:.25s; --la-letra:.45s; --la-letra-escalonar:.09s;
  --la-n:0s; --la-t:var(--la-escalonar); --la-x:calc(2*var(--la-escalonar));
  --la-fill-n:.9s; --la-fill-t:1s; --la-fill-x:1.1s; --la-pay:.95s; --la-deriva-inicio:1.7s;
  --la-curva-traco:cubic-bezier(.65,0,.35,1); --la-curva-letra:cubic-bezier(.22,1,.36,1);
  --la-verde:#00ff80; --la-x-desenha:.8s; --la-x-fica:2.4s; --la-x-sai:.6s; --la-montado-fim:1.6s; --la-espera:5s; --la-some:.4s}
.la svg{display:block;width:100%;height:auto;overflow:visible;transform-origin:50% 50%}
.la #n,.la #t,.la #seta,.la #tri-1,.la #tri-2{stroke:#fff;stroke-width:var(--la-traco,2.5);stroke-linejoin:miter;stroke-dasharray:1 1}
.la #p,.la #a,.la #y{transform-box:fill-box;transform-origin:0 50%}
.la:not(.la-montado) #n,.la:not(.la-montado) #t,.la:not(.la-montado) #seta,.la:not(.la-montado) #tri-1,.la:not(.la-montado) #tri-2{stroke-dashoffset:1;fill-opacity:0}
.la:not(.la-montado) #p,.la:not(.la-montado) #a,.la:not(.la-montado) #y{opacity:0}
.la-montado #n{animation:la-traco var(--la-desenha) var(--la-curva-traco) var(--la-n) both,la-preenche var(--la-preenche) linear var(--la-fill-n) both,la-traco-some var(--la-traco-some) ease-out calc(var(--la-fill-n) + var(--la-preenche)) both}
.la-montado #t{animation:la-traco var(--la-desenha) var(--la-curva-traco) var(--la-t) both,la-preenche var(--la-preenche) linear var(--la-fill-t) both,la-traco-some var(--la-traco-some) ease-out calc(var(--la-fill-t) + var(--la-preenche)) both}
.la-montado #seta,.la-montado #tri-1,.la-montado #tri-2{animation:la-traco var(--la-desenha) var(--la-curva-traco) var(--la-x) both,la-preenche var(--la-preenche) linear var(--la-fill-x) both,la-traco-some var(--la-traco-some) ease-out calc(var(--la-fill-x) + var(--la-preenche)) both}
.la-montado #p{animation:la-letra var(--la-letra) var(--la-curva-letra) var(--la-pay) both}
.la-montado #a{animation:la-letra var(--la-letra) var(--la-curva-letra) calc(var(--la-pay) + var(--la-letra-escalonar)) both}
.la-montado #y{animation:la-letra var(--la-letra) var(--la-curva-letra) calc(var(--la-pay) + 2*var(--la-letra-escalonar)) both}
.la-montado svg{animation:la-deriva 22s ease-in-out var(--la-deriva-inicio) infinite alternate}
.la.la-sem-deriva svg{animation:none} 
.la-x #seta,.la-x #tri-1,.la-x #tri-2{stroke:var(--la-verde);stroke-width:calc(var(--la-traco,2.5)*1.2);
  animation:la-x-entra var(--la-x-desenha) var(--la-curva-traco) both,la-x-sai var(--la-x-sai) var(--la-curva-traco) var(--la-x-fica) forwards}
.la-x #x{animation:la-brilho var(--la-x-fica) ease-in-out both}
.la-ciclo.la-montado svg{animation:la-deriva 22s ease-in-out var(--la-deriva-inicio) infinite alternate,la-some var(--la-some) ease-in calc(var(--la-montado-fim) + var(--la-espera)) forwards}
@keyframes la-x-entra{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes la-x-sai{from{stroke-dashoffset:0}to{stroke-dashoffset:-1}}
@keyframes la-brilho{from{filter:drop-shadow(0 0 0 rgb(0 255 128/0)) drop-shadow(0 0 0 rgb(0 255 128/0))}to{filter:drop-shadow(0 0 calc(var(--la-traco,2.5) * 1.5px) rgb(0 255 128/.75)) drop-shadow(0 0 calc(var(--la-traco,2.5) * 6px) rgb(0 255 128/.45))}}
@keyframes la-some{to{opacity:0}}
@keyframes la-traco{from{stroke-dashoffset:1;stroke-opacity:1}to{stroke-dashoffset:0;stroke-opacity:1}}
@keyframes la-preenche{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes la-traco-some{from{stroke-opacity:1}to{stroke-opacity:0}}
@keyframes la-letra{from{opacity:0;transform:translateX(-60%)}to{opacity:1;transform:none}}
@keyframes la-deriva{from{transform:scale(1)}to{transform:scale(.955)}}
@media (prefers-reduced-motion:reduce){
  .la svg,.la #x,.la #n,.la #t,.la #seta,.la #tri-1,.la #tri-2,.la #p,.la #a,.la #y{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
  .la #seta,.la #tri-1,.la #tri-2{stroke:#fff!important}
  .la #n,.la #t,.la #seta,.la #tri-1,.la #tri-2{fill-opacity:1!important;stroke-opacity:0!important}
}