.key-animation{opacity:.25;overflow:visible}.key-animation .key-arrow,.key-animation .key-text,.key-animation .key-text-blue,.key-animation .key-white-circle{opacity:0}.key-animation .key-white-circle{transform:scale(0);transform-origin:50% 50%}.key-animation.active .container{animation-delay:.5s;animation-duration:4s;animation-iteration-count:1;animation-name:spin;animation-timing-function:linear;height:100%;margin:1% auto;position:relative;width:100%}@keyframes spin{0%{transform:rotate(0deg);transform-origin:50% 50%}to{transform:rotate(1turn);transform-origin:50% 50%}}.key-animation .key-dk-blue-circle,.key-animation .key-lt-blue-circle,.key-animation .key-orange-circle,.key-animation .key-yellow-circle{position:absolute}.key-animation.active{animation:fadeCircles 1s ease 0s 1 normal forwards}@keyframes fadeCircles{0%{opacity:.25}to{opacity:1}}.right{right:25px}.left{left:25px}.bottom{bottom:25px}.top{top:25px}.key-animation.active .key-orange-circle{animation:move_tl_br 1.2s ease-in-out .5s 3,circleFadeAnim .8s ease 5.2s 1 normal forwards}@keyframes move_tl_br{50%{transform:translate(20%,20%)}to{opacity:1}}.key-animation.active .key-lt-blue-circle{animation:move_tr_bl 1.2s ease-in-out .5s 3,circleFadeAnim .8s ease 5.2s 1 normal forwards}@keyframes move_tr_bl{50%{transform:translate(-20%,20%)}to{opacity:1}}.key-animation.active .key-dk-blue-circle{animation:move_br_tl 1.2s ease-in-out .5s 3,circleFadeAnim .8s ease 5.2s 1 normal forwards}@keyframes move_br_tl{50%{transform:translate(20%,-20%)}to{opacity:1}}.key-animation.active .key-yellow-circle{animation:move_bl_tr 1.2s ease-in-out .5s 3,circleFadeAnim .8s ease 5.2s 1 normal forwards}@keyframes move_bl_tr{50%{transform:translate(-20%,-20%)}to{opacity:1}}.key-animation.active .key-white-circle{animation:whiteCircleAnim 1s ease 4s 1 normal forwards}@keyframes whiteCircleAnim{0%{opacity:0;transform:scale(0);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}.key-animation.active .key-arrow{animation:fadeAnim 1s ease 4.2s 1 normal forwards}.key-animation.active .key-text,.key-animation.active .key-text-blue{animation:fadeAnim 1s ease 4.8s 1 normal forwards}@keyframes fadeAnim{0%{opacity:0}to{opacity:1}}.key-animation.active .partial-circle{animation:partialCircleAnim .5s ease 5.2s 1 normal forwards;opacity:0}@keyframes partialCircleAnim{0%{opacity:0}to{opacity:1}}@keyframes circleFadeAnim{0%{opacity:1}to{opacity:0}}