.animated.swap{-webkit-animation-name:swap;-ms-animation-name:swap;animation-name:swap}@-webkit-keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-700px,0);-ms-transform:scale(0,0) translate(-700px,0);transform:scale(0,0) translate(-700px,0)}100%{opacity:1;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0px,0);-ms-transform:scale(1,1) translate(0px,0);transform:scale(1,1) translate(0px,0)}}@-ms-keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-700px,0);-ms-transform:scale(0,0) translate(-700px,0);transform:scale(0,0) translate(-700px,0)}100%{opacity:1;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0px,0);-ms-transform:scale(1,1) translate(0px,0);transform:scale(1,1) translate(0px,0)}}@keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-700px,0);-ms-transform:scale(0,0) translate(-700px,0);transform:scale(0,0) translate(-700px,0)}100%{opacity:1;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0px,0);-ms-transform:scale(1,1) translate(0px,0);transform:scale(1,1) translate(0px,0)}}