.hero-figma{align-items:center;background:#000;display:flex;gap:16px;height:222px;justify-content:center;margin:0 auto;position:relative;width:241px}.hero-figma img{opacity:0;position:relative;z-index:1}.hero-figma img:first-child{animation:fadeInSlideInLeft 1s ease-out .1s forwards}.hero-figma img:nth-child(2){animation:fadeInSlideUp 1s ease-out .3s forwards}.hero-figma img:nth-child(3){animation:fadeInSlideInRight 1s ease-out .5s forwards}.hero-figma:after{background:#000;background:linear-gradient(0deg,#000,#000 20%,transparent);content:"";height:50%;width:100%}.hero-figma svg,.hero-figma:after{bottom:0;position:absolute}.hero-figma path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 1s linear 1s forwards}@keyframes dash{to{stroke-dashoffset:0}}@keyframes fadeInSlideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.fadeInSlideInRight{animation:fadeInSlideInRight 1s ease-out forwards}@keyframes fadeInSlideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.fadeInSlideInLeft{animation:fadeInSlideInLeft 1s ease-out forwards}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fadeInSlideUp{animation:fadeInSlideUp 1s ease-out forwards}