.hero-animation .hero-wrapper{overflow:hidden;position:relative}.hero-animation #app{--size:80px;--pad:20px;--a:calc(pi/4);--inc:calc(var(--size) + var(--pad));--duration:9s}.hero-animation .text{position:relative;z-index:99!important}.hero-animation svg{--initial-right:calc(var(--total-x)*var(--size)*-1);--initial-top:calc(var(--total-y)*var(--size));--final-right:calc(var(--total-x)*var(--size));--final-top:calc(var(--total-y)*var(--size)*-1);animation-delay:calc((var(--x)*sin(var(--a)) + var(--y)*cos(var(--a)))*.25s);animation-duration:var(--duration);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:slidein;animation-timing-function:ease-out;height:var(--size);opacity:0;position:absolute;right:calc(var(--x)*var(--inc) + var(--pad));top:calc(var(--y)*var(--inc) + var(--pad));transform:translate(var(--initial-right),var(--initial-top));width:var(--size)}@keyframes slidein{0%{animation-timing-function:ease-out;opacity:0;transform:translate(var(--initial-right),var(--initial-top))}30%{opacity:1;transform:translate(0)}60%{animation-timing-function:ease-in;opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(var(--final-right),var(--final-top))}to{opacity:0;transform:translate(var(--final-right),var(--final-top))}}