.blue-in{animation-duration:1.2s;animation-delay:.3s;animation-fill-mode:both;animation-name:spring-top-right}.black-in{animation-duration:1.5s;animation-name:spring-top-left}.login-top-black-tri{animation-duration:1.5s;animation-name:proper-spring-top-left}.login-bot-black-tri{animation-duration:1.5s;animation-name:proper-spring-bottom-right}.login-top-blue-tri{animation-duration:1.5s;animation-name:proper-spring-top-right}.login-bot-blue-tri{animation-duration:1.5s;animation-name:proper-spring-bottom-left}.tri-fly-out{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-100px) scale(.8) rotate(30deg);pointer-events:none}@keyframes spring-top-right{0%{transform:translate(-80%,150%) rotate(60deg)}50%{transform:translate(-53%,98%) rotate(60deg)}to{transform:translate(-55%,100%) rotate(60deg)}}@keyframes spring-top-left{0%{transform:translate(50%,50%) rotate(60deg)}50%{transform:translate(-3%,-3%) rotate(60deg)}to{transform:translate(0) rotate(60deg)}}@keyframes proper-spring-top-left{0%{transform:translate(-50%,-50%) rotate(76deg)}70%{transform:translate(2%,2%) rotate(76deg)}to{transform:translate(0) rotate(76deg)}}@keyframes proper-spring-bottom-right{0%{transform:translate(50%,50%) rotate(76deg)}70%{transform:translate(-2%,-2%) rotate(76deg)}to{transform:translate(0) rotate(76deg)}}@keyframes proper-spring-top-right{0%{transform:translate(50%,-50%) rotate(14deg)}70%{transform:translate(2%,10%) rotate(14deg)}to{transform:translate(0) rotate(14deg)}}@keyframes proper-spring-bottom-left{0%{transform:translate(-50%,50%) rotate(14deg)}70%{transform:translate(-2%,-10%) rotate(14deg)}to{transform:translate(0) rotate(14deg)}}