@keyframes sl-sobe{from{opacity:0;transform:translateY(28px)}}
@keyframes sl-cai{from{opacity:0;transform:translateY(-16px)}}
@keyframes sl-direita{from{opacity:0;transform:translateX(64px)}}
@keyframes sl-esquerda{from{opacity:0;transform:translateX(-34px)}}
@keyframes sl-surge{from{opacity:0}}
@keyframes sl-banner{from{opacity:0;transform:scale(1.14)}}
@keyframes sl-capas{from{opacity:0;transform:rotate(-8deg) scale(1.12)}}
#page-entrar,#page-comprar,#page-teste,#page-app{overflow-x:clip}
@media (prefers-reduced-motion:no-preference){
.sl-entra{--sl-e:cubic-bezier(.16,1,.3,1);--sl-a:var(--sl-atraso,0s)}

#page-clips.sl-entra .ct-bill__bg{animation:sl-banner 1.6s var(--sl-e) var(--sl-a) both}
#page-clips.sl-entra .ct-bill__info>*{animation:sl-sobe .9s var(--sl-e) both}
#page-clips.sl-entra .ct-bill__info>:nth-child(1){animation-delay:calc(var(--sl-a) + .12s)}
#page-clips.sl-entra .ct-bill__info>:nth-child(2){animation-delay:calc(var(--sl-a) + .2s)}
#page-clips.sl-entra .ct-bill__info>:nth-child(3){animation-delay:calc(var(--sl-a) + .28s)}
#page-clips.sl-entra .ct-bill__info>:nth-child(4){animation-delay:calc(var(--sl-a) + .36s)}
#page-clips.sl-entra .ct-bill__info>:nth-child(5){animation-delay:calc(var(--sl-a) + .44s)}
#page-clips.sl-entra .ct-busca{animation:sl-sobe .8s var(--sl-e) calc(var(--sl-a) + .5s) both}
#page-clips.sl-entra .ct-linha>header{animation:sl-surge .7s ease calc(var(--sl-a) + .55s + var(--n,0) * .1s) both}
#page-clips.sl-entra .ct-linha:not(.ct-top) .ct-trilho{animation:sl-direita 1.1s var(--sl-e) calc(var(--sl-a) + .6s + var(--n,0) * .1s) both}
#page-clips.sl-entra .ct-top .ct-card{animation:sl-direita 1s var(--sl-e) calc(var(--sl-a) + .48s + var(--c,0) * .055s) both}

#page-teste.sl-entra .st-hero__bg{animation:sl-banner 1.6s var(--sl-e) var(--sl-a) both}
#page-teste.sl-entra .st-hero>:not(.st-hero__bg){animation:sl-sobe .9s var(--sl-e) both}
#page-teste.sl-entra .st-hero>:nth-child(2){animation-delay:calc(var(--sl-a) + .12s)}
#page-teste.sl-entra .st-hero>:nth-child(3){animation-delay:calc(var(--sl-a) + .2s)}
#page-teste.sl-entra .st-hero>:nth-child(4){animation-delay:calc(var(--sl-a) + .28s)}
#page-teste.sl-entra .st-caixa{animation:sl-sobe .9s var(--sl-e) calc(var(--sl-a) + .36s) both}
#page-teste.sl-entra .st-passo{animation:sl-sobe .8s var(--sl-e) both}
#page-teste.sl-entra .st-passo:nth-child(1){animation-delay:calc(var(--sl-a) + .48s)}
#page-teste.sl-entra .st-passo:nth-child(2){animation-delay:calc(var(--sl-a) + .56s)}
#page-teste.sl-entra .st-passo:nth-child(3){animation-delay:calc(var(--sl-a) + .64s)}
#page-teste.sl-entra .st-nota{animation:sl-surge .8s ease calc(var(--sl-a) + .75s) both}

#page-entrar.sl-entra .sa-lado{animation:sl-surge .7s ease var(--sl-a) both}
#page-entrar.sl-entra .sa-lado__capas{animation:sl-capas 1.7s var(--sl-e) var(--sl-a) both}
#page-entrar.sl-entra .sa-lado>:not(.sa-lado__capas){animation:sl-sobe .9s var(--sl-e) both}
#page-entrar.sl-entra .sa-lado>:nth-child(2){animation-delay:calc(var(--sl-a) + .14s)}
#page-entrar.sl-entra .sa-lado>:nth-child(3){animation-delay:calc(var(--sl-a) + .22s)}
#page-entrar.sl-entra .sa-lado>:nth-child(4){animation-delay:calc(var(--sl-a) + .3s)}
#page-entrar.sl-entra .sa-lado>:nth-child(5){animation-delay:calc(var(--sl-a) + .38s)}
#page-entrar.sl-entra .sa-card{animation:sl-direita 1.05s var(--sl-e) calc(var(--sl-a) + .1s) both}

#page-app.sl-entra .sa-app__capas{animation:sl-surge 1.4s ease var(--sl-a) both}
#page-app.sl-entra .sa-app__card{animation:sl-sobe .95s var(--sl-e) calc(var(--sl-a) + .06s) both}
#page-app.sl-entra .sa-app__card>*{animation:sl-sobe .8s var(--sl-e) both}
#page-app.sl-entra .sa-app__card>:nth-child(1){animation-delay:calc(var(--sl-a) + .16s)}
#page-app.sl-entra .sa-app__card>:nth-child(2){animation-delay:calc(var(--sl-a) + .22s)}
#page-app.sl-entra .sa-app__card>:nth-child(3){animation-delay:calc(var(--sl-a) + .28s)}
#page-app.sl-entra .sa-app__card>:nth-child(n+4){animation-delay:calc(var(--sl-a) + .34s)}

#page-conta.sl-entra .vxdash-topbar{animation:sl-cai .7s var(--sl-e) var(--sl-a) both}
#page-conta.sl-entra .vxdash-nav{animation:sl-esquerda .9s var(--sl-e) calc(var(--sl-a) + .06s) both}
#page-conta.sl-entra .vxdash-page.is-active>*{animation:sl-sobe .85s var(--sl-e) both}
#page-conta.sl-entra .vxdash-page.is-active>:nth-child(1){animation-delay:calc(var(--sl-a) + .12s)}
#page-conta.sl-entra .vxdash-page.is-active>:nth-child(2){animation-delay:calc(var(--sl-a) + .19s)}
#page-conta.sl-entra .vxdash-page.is-active>:nth-child(3){animation-delay:calc(var(--sl-a) + .26s)}
#page-conta.sl-entra .vxdash-page.is-active>:nth-child(4){animation-delay:calc(var(--sl-a) + .33s)}
#page-conta.sl-entra .vxdash-page.is-active>:nth-child(n+5){animation-delay:calc(var(--sl-a) + .4s)}

#page-comprar.sl-entra .sa-etapas{animation:sl-cai .7s var(--sl-e) var(--sl-a) both}
#page-comprar.sl-entra .sa-titulo{animation:sl-sobe .85s var(--sl-e) calc(var(--sl-a) + .08s) both}
#page-comprar.sl-entra .sa-checkout>div>.sa-bloco{animation:sl-sobe .85s var(--sl-e) both}
#page-comprar.sl-entra .sa-checkout>div>.sa-bloco:nth-child(1){animation-delay:calc(var(--sl-a) + .16s)}
#page-comprar.sl-entra .sa-checkout>div>.sa-bloco:nth-child(2){animation-delay:calc(var(--sl-a) + .24s)}
#page-comprar.sl-entra .sa-checkout>div>.sa-bloco:nth-child(n+3){animation-delay:calc(var(--sl-a) + .32s)}
#page-comprar.sl-entra .sa-resumo{animation:sl-direita 1.05s var(--sl-e) calc(var(--sl-a) + .2s) both}
}