.loading-illustration{display:flex;flex-direction:column;gap:3rem;width:18rem;margin:2rem auto 8rem auto;align-items:center}.loading-illustration .illustration{width:16rem;height:12rem;position:relative}.loading-illustration .illustration .illustration-wrapper{position:absolute;width:100%;opacity:0}.loading-illustration .illustration .illustration-wrapper::after{display:block;margin-top:5rem;text-align:center}.loading-illustration .illustration .illustration-wrapper:nth-child(1){animation:loading 3s ease forwards 0s}.loading-illustration .illustration .illustration-wrapper:nth-child(1)::after{content:"Encontrando seu perfil"}.loading-illustration .illustration .illustration-wrapper:nth-child(2){animation:loading 3s ease forwards 3s}.loading-illustration .illustration .illustration-wrapper:nth-child(2)::after{content:"Verificando contratos em aberto"}.loading-illustration .illustration .illustration-wrapper:nth-child(3){animation:loading 3s ease forwards 6s}.loading-illustration .illustration .illustration-wrapper:nth-child(3)::after{content:"Calculando dados e valores"}.loading-illustration .illustration .illustration-wrapper:nth-child(4){animation:loading 3s ease forwards 9s}.loading-illustration .illustration .illustration-wrapper:nth-child(4)::after{content:"Definindo meios de pagamento"}.loading-illustration .illustration .illustration-wrapper.loading-page{position:absolute;width:100%;opacity:0}.loading-illustration .illustration .illustration-wrapper.loading-page::after{display:block;margin-top:5rem;text-align:center}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(1){animation:loading 3s ease forwards 0s}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(1)::after{content:"Localizando os seus dados..."}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(2){animation:loading 3s ease forwards 3s}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(2)::after{content:"Aguarde um momento..."}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(3){animation:loading 3s ease forwards 6s}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(3)::after{content:"Realizando autenticação..."}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(4){animation:loading 3s ease forwards 9s}.loading-illustration .illustration .illustration-wrapper.loading-page:nth-child(4)::after{content:"Falta pouco..."}.progress-bar{padding:.25rem;border-radius:5em;width:15em;height:1.125em;border:1px solid var(--border)}.progress-bar span{display:block;border-radius:5em;background-color:var(--primary-100);width:0%;height:100%;transform-origin:left center;animation:progress-bar 15s linear forwards;align-self:flex-start;transition:.6s}@keyframes loading{0%,100%{opacity:0}10%,90%{opacity:1}}@keyframes progress-bar{to{width:100%}}