.collab-anim svg{width:100%;height:auto;overflow:visible}@keyframes collab-fade{to{opacity:1}}@keyframes collab-line{to{width:832px}}@keyframes collab-float{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes collab-cloud{0%{transform:translateY(10px)}to{transform:translateY(5px)}}@keyframes collab-rise{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes collab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes collab-spin-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes collab-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.collab-anim .line{width:0;animation:4s linear forwards collab-line}.collab-anim .dot01,.collab-anim .dot02,.collab-anim .title01,.collab-anim .title02,.collab-anim .logo01,.collab-anim .centerTitle,.collab-anim .logo--circle.arrow [class^=logo--circle__title]{opacity:0}.collab-anim .dot01{animation:.5s ease-out forwards collab-fade}.collab-anim .title01{animation:.5s ease-out 1s forwards collab-fade}.collab-anim .dot02{animation:.5s ease-out 4s forwards collab-fade}.collab-anim .title02{animation:.5s ease-out 4.5s forwards collab-fade}.collab-anim .logo01{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out .5s forwards collab-fade,1s ease-in-out 1s infinite alternate collab-float}.collab-anim .logo02{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1s ease-out 4s forwards collab-rise,1s ease-in-out 5s infinite alternate collab-float}.collab-anim .cloude{transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite alternate collab-cloud}.collab-anim .logo--circle{transform-box:fill-box;transform-origin:50%;animation:15s linear 2.6s infinite collab-spin}.collab-anim .logo--circle.title path{opacity:0;transform-box:fill-box;transform-origin:50%;animation:collab-fade .2s ease-out var(--collab-fd,1.7s) forwards, collab-spin-rev 15s linear 2.6s infinite}.collab-anim .logo--circle.title .logo--circle__title01{--collab-fd:1.7s}.collab-anim .logo--circle.title .logo--circle__title02{--collab-fd:1.8s}.collab-anim .logo--circle.title .logo--circle__title03{--collab-fd:1.9s}.collab-anim .logo--circle.title .logo--circle__title04{--collab-fd:2s}.collab-anim .logo--circle.title .logo--circle__title05{--collab-fd:2.1s}.collab-anim .logo--circle.title .logo--circle__title06{--collab-fd:2.2s}.collab-anim .logo--circle.arrow .logo--circle__title01{animation:.2s ease-out 1.5s forwards collab-fade}.collab-anim .logo--circle.arrow .logo--circle__title02{animation:.2s ease-out 1.6s forwards collab-fade}.collab-anim .logo--circle.arrow .logo--circle__title03{animation:.2s ease-out 1.7s forwards collab-fade}.collab-anim .logo--circle.arrow .logo--circle__title04{animation:.2s ease-out 1.8s forwards collab-fade}.collab-anim .logo--circle.arrow .logo--circle__title05{animation:.2s ease-out 1.9s forwards collab-fade}.collab-anim .logo--circle.arrow .logo--circle__title06{animation:.2s ease-out 2s forwards collab-fade}.collab-anim .centerTitle{transform-box:fill-box;transform-origin:50%;animation:1.2s cubic-bezier(.34,1.56,.64,1) 2.2s forwards collab-pop}@media (prefers-reduced-motion:reduce){.collab-anim *{opacity:1!important;animation:none!important}.collab-anim .line{width:832px}}