.empty-dashboard-animation{height:350px;margin-top:60px}.empty-dashboard-animation img{position:absolute;bottom:0;opacity:0}.empty-dashboard-animation img.red-wallet{left:40%;top:0;z-index:1;transform-origin:50% 80%;animation:wallet-drop-in .8s ease-out .1s forwards,float-wallet-rot 8s cubic-bezier(.45,0,.55,1) .9s infinite}.empty-dashboard-animation img.transparent-wallet{left:40%;top:30%;z-index:2;animation:wallet-rise-in .8s ease-out .4s forwards,float-wallet-front 8s cubic-bezier(.45,0,.55,1) 4s infinite}.empty-dashboard-animation img.viva-logo-01{bottom:auto;top:30px;left:7%;animation:dot-pop .5s cubic-bezier(.34,1.56,.64,1) .7s forwards,float-dot-a 9s cubic-bezier(.45,0,.55,1) 1.2s infinite}.empty-dashboard-animation img.viva-logo-02{bottom:30%;left:20%;z-index:3;--rot:-45deg;animation:dot-pop-rot .5s cubic-bezier(.34,1.56,.64,1) .9s forwards,float-dot-b 9s cubic-bezier(.45,0,.55,1) 1.4s infinite}.empty-dashboard-animation img.viva-logo-03{bottom:16%;left:15px;--rot:180deg;animation:dot-pop-rot .5s cubic-bezier(.34,1.56,.64,1) 1.1s forwards,float-dot-a 9s cubic-bezier(.45,0,.55,1) 1.6s infinite}.empty-dashboard-animation img.viva-logo-04{bottom:40%;right:26%;--rot:100deg;animation:dot-pop-rot .5s cubic-bezier(.34,1.56,.64,1) .7s forwards,float-dot-b 8s cubic-bezier(.45,0,.55,1) 1.05s infinite}.empty-dashboard-animation img.line-01{bottom:0;max-width:100%;animation:line-fade-in .9s ease-out .25s forwards,float-line 9s cubic-bezier(.45,0,.55,1) 1.3s infinite}.empty-dashboard-animation img.line-02{bottom:0;max-width:100%;animation:line-fade-in .9s ease-out .35s forwards,float-line 9s cubic-bezier(.45,0,.55,1) 1.4s infinite}.empty-dashboard-animation img.line-03{bottom:0;max-width:100%;animation:line-fade-in .9s ease-out .45s forwards,float-line 9s cubic-bezier(.45,0,.55,1) 1.5s infinite}.empty-dashboard-animation img.eclipse{border-radius:0 0 24px 24px;width:100%;animation:line-fade-in .8s ease-out 0s forwards}@keyframes wallet-drop-in{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%) rotate(0)}}@keyframes wallet-rise-in{0%{opacity:0;transform:translate(-50%,50px) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes dot-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes dot-pop-rot{0%{opacity:0;transform:rotate(var(--rot)) scale(0)}60%{opacity:1;transform:rotate(var(--rot)) scale(1.2)}to{opacity:1;transform:rotate(var(--rot)) scale(1)}}@keyframes line-fade-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes float-wallet-rot{0%{transform:translate(-50%) rotate(0deg)}22%{transform:translate(calc(-50% - 6px),-10px) rotate(-3deg)}40%{transform:translate(calc(-50% - 6px),-10px) rotate(-3deg)}62%{transform:translate(calc(-50% + 6px),6px) rotate(3deg)}80%{transform:translate(calc(-50% + 6px),6px) rotate(3deg)}to{transform:translate(-50%) rotate(0deg)}}@keyframes float-wallet-front{0%{transform:translate(-50%) scale(1)}25%{transform:translate(-50%,-16px) scale(1.01)}45%{transform:translate(-50%,-16px) scale(1.01)}70%{transform:translate(-50%,6px) scale(1)}90%{transform:translate(-50%,6px) scale(1)}to{transform:translate(-50%) scale(1)}}@keyframes float-dot-a{0%{transform:translate(0)}20%{transform:translate(28px,-20px)}40%{transform:translate(28px,-20px)}65%{transform:translate(-6px,6px)}85%{transform:translate(-6px,6px)}to{transform:translate(0)}}@keyframes float-dot-b{0%{transform:rotate(var(--rot)) translate(0)}20%{transform:rotate(var(--rot)) translate(-8px,8px)}40%{transform:rotate(var(--rot)) translate(-8px,8px)}65%{transform:rotate(var(--rot)) translate(6px,-8px)}85%{transform:rotate(var(--rot)) translate(6px,-8px)}to{transform:rotate(var(--rot)) translate(0)}}@keyframes float-line{0%{transform:translate(0)}30%{transform:translate(4px,-4px)}50%{transform:translate(4px,-4px)}75%{transform:translate(-3px,3px)}95%{transform:translate(-3px,3px)}to{transform:translate(0)}}