.slide-enter-active{transition:opacity .1s,transform .1s}.slide-leave-active{transition:all .3s}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(80px)}.loadingModal{height:100%;width:100%;position:fixed;top:0;left:0;right:0;bottom:0}.in{height:auto;width:100%}@keyframes clipSectorIn{0%{-webkit-clip-path:polygon(50% 100%,50% 0,0 0,100% 0,50% 0);clip-path:polygon(50% 100%,50% 0,0 0,100% 0,50% 0)}50%{-webkit-clip-path:polygon(50% 100%,0 0,0 0,100% 0,100% 0);clip-path:polygon(50% 100%,0 0,0 0,100% 0,100% 0)}to{-webkit-clip-path:polygon(50% 100%,0 100%,0 0,100% 0,100% 100%);clip-path:polygon(50% 100%,0 100%,0 0,100% 0,100% 100%)}}.in1{height:auto;width:100%;-webkit-mask:linear-gradient(90deg,#000 calc(30%*var(--seed)),transparent calc(30%*var(--seed)));mask:linear-gradient(90deg,#000 calc(30%*var(--seed)),transparent calc(30%*var(--seed)));-webkit-mask-size:20px;mask-size:20px;animation:seed .6s}@keyframes seed{0%{--seed:0}1%{--seed:1}2%{--seed:2}...99%{--seed:99}to{--seed:100}}.in2{height:auto;width:100%;animation:clipTriangleIn2 .6s}@keyframes clipTriangleIn2{0%{-webkit-clip-path:polygon(50% 50%,49% 51%,51% 51%);clip-path:polygon(50% 50%,49% 51%,51% 51%)}to{-webkit-clip-path:polygon(50% -100%,-100% 150%,200% 150%);clip-path:polygon(50% -100%,-100% 150%,200% 150%)}}.in3{height:auto;width:100%;animation:clipRectIn3 .6s}@keyframes clipRectIn3{0%{-webkit-clip-path:inset(50% round 10% 50%);clip-path:inset(50% round 10% 50%)}to{-webkit-clip-path:inset(0 round 0);clip-path:inset(0 round 0)}}.in4{height:auto;width:100%;animation:clipDiamondIn4 .6s}@keyframes clipDiamondIn4{0%{-webkit-clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{-webkit-clip-path:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);clip-path:polygon(50% -50%,150% 50%,50% 150%,-50% 50%)}}