├── .gitignore ├── bower.json ├── LICENSE ├── package.json ├── README.md ├── gulpfile.js ├── src ├── config.hjson └── nzAnimate.styl └── dist └── nzAnimate.min.css /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | node_modules/ 3 | npm-debug.log 4 | .nzAnimate.styl.temp 5 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nz-animate", 3 | "version": "0.9.1", 4 | "main": "./dist/nzAnimate.min.css", 5 | "homepage": "https://github.com/nozzle/nzAnimate", 6 | "authors": [ 7 | "Tanner Linsley " 8 | ], 9 | "description": "A sickly simple class-based library for Angular animations.", 10 | "keywords": [ 11 | "angularjs", 12 | "angular", 13 | "animate.css", 14 | "animation", 15 | "animations" 16 | ], 17 | "license": "MIT", 18 | "ignore": [ 19 | "**/.*", 20 | "node_modules", 21 | "bower_components", 22 | "test", 23 | "tests" 24 | ] 25 | } 26 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Nozzle 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nz-animate", 3 | "version": "0.9.1", 4 | "description": "Sickly simple animations and staggering for Angular", 5 | "scripts": { 6 | "test": "echo \"Error: no test specified\" && exit 1" 7 | }, 8 | "author": "tannerlinsley", 9 | "license": "MIT", 10 | "dependencies": { 11 | "animate-stylus": "git://github.com/tannerlinsley/animate-stylus", 12 | "beepbeep": "^1.2.0", 13 | "bower": "^1.3.12", 14 | "gulp": "^3.8.10", 15 | "gulp-plumber": "^0.6.6", 16 | "gulp-stylus": "^2.0.0", 17 | "gulp-tap": "^0.1.3", 18 | "gulp-uglifyjs": "^0.5.0", 19 | "gulp-util": "^3.0.3", 20 | "nib": "^1.1.0", 21 | "hjson": "^1.6.1", 22 | "gulp-rename": "^1.2.0" 23 | }, 24 | "main": "gulpfile.js", 25 | "repository": { 26 | "type": "git", 27 | "url": "https://github.com/nozzle/nzAnimate.git" 28 | }, 29 | "bugs": { 30 | "url": "https://github.com/nozzle/nzAnimate/issues" 31 | }, 32 | "homepage": "https://github.com/nozzle/nzAnimate", 33 | "keywords": [ 34 | "angular", 35 | "angularjs", 36 | "animate.css", 37 | "animation", 38 | "ngAnimate" 39 | ] 40 | } 41 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # nzAnimate 2 | 3 | [![Join the chat at https://gitter.im/nozzle/nzAnimate](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/nozzle/nzAnimate?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) 4 | A sickly simple class-based library for Angular animations. 5 | 6 | Built on [Animate.css](http://daneden.github.io/animate.css/) and [animate-stylus](https://github.com/slang800/animate-stylus), nzAnimate not only provides the regular functionality of Animate.css, but also provides easier classes for Angular animations on directives like ng-repeat (ng-enter, ng-leave), ng-hide, ng-show, or any other directives that leverage the ngAnimate module. 7 | 8 | ## [Awesome Demo](http://nozzle.github.io/nzAnimate/) 9 | 10 | ## Installation 11 | 12 | 1. `$ bower/npm install nz-animate --save` 13 | 2. Add `nzAnimate.min.css` or `nzAnimate.css` 14 | 15 | (For custom Builds, see below) 16 | 17 | ## Usage 18 | 19 | #### Plain ol' Animate 20 | 21 | ```html 22 |
23 | ``` 24 | 25 | #### Show / Hide 26 | 27 | ```html 28 |
Stuff
29 | ``` 30 | 31 | Replace `bounceInDown` or `bounceOutUp` with any animation you see in [the demo](http://nozzle.github.io/nzAnimate/). 32 | 33 | #### Animation Speed 34 | 35 | ```html 36 |
Stuff
37 | ``` 38 | 39 | Default Speed: 700ms 40 | 41 | Out of the box, nzAnimate supports any speed from `speed-0` to `speed-4000` in increments of `50`. 42 | 43 | #### Enter, Exit & Stagger 44 | 45 | ```html 46 |
47 | {{thing}} 48 |
49 | ``` 50 | 51 | Out of the box, nzAnimate supports any stagger from `stagger-0` to `stagger-1000` in increments of `50`. 52 | 53 | #### Put it all together... 54 | 55 | Using all of these together, everything will animate on creation, exit, re-entry, show, hide, move, etc... 56 | 57 | ```html 58 |
59 | {{thing}} 60 |
61 | ``` 62 | 63 | ## Custom Builds... 64 | 65 | Simply edit `/src/config.hjson` to your liking! 66 | 67 | *Hint: For a smaller file size, limit animations to specific ones you'll use.* 68 | 69 | ```javascript 70 | { 71 | speed: { 72 | default: 1000, 73 | start: 0, 74 | end: 6000, 75 | increment: 100 76 | }, 77 | stagger: { 78 | start: 0, 79 | end: 500, 80 | increment: 25 81 | }, 82 | ieSupport: true, 83 | vendors: ['official', 'webkit', 'moz', '...'] 84 | animations: ['bounceDownIn', 'bounceUpOut', '...'], 85 | } 86 | ``` 87 | 88 | Then: 89 | `$ npm install` 90 | `$ gulp build` 91 | 92 | ## Roadmap & Contributing 93 | 94 | 1. Lessen the size of the default build. (See Issue [Here](https://github.com/nozzle/nzAnimate/issues/2)) 95 | 96 | All PR's and contributions are more than welcome! 97 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var rename = require('gulp-rename'); 3 | var beep = require('beepbeep'); 4 | var gutil = require('gulp-util'); 5 | var plumber = require('gulp-plumber'); 6 | var uglify = require('gulp-uglifyjs'); 7 | var stylus = require('gulp-stylus'); 8 | var tap = require('gulp-tap'); 9 | var hjson = require('hjson'); 10 | var nib = require('nib'); 11 | 12 | 13 | var config; 14 | 15 | gulp.task('opts', optsTask); 16 | gulp.task('replaceOpts', replaceOptsTask); 17 | gulp.task('stylus', ['opts', 'replaceOpts'], stylusTask); 18 | gulp.task('watch', watchTask); 19 | gulp.task('build', ['stylus']); 20 | gulp.task('default', ['build', 'watch']); 21 | 22 | function optsTask() { 23 | return gulp.src('./src/config.hjson') 24 | .pipe(tap(function(file) { 25 | config = hjson.parse(String(file.contents)); 26 | })); 27 | } 28 | 29 | function replaceOptsTask() { 30 | return gulp.src('./src/nzAnimate.styl') 31 | .pipe(tap(function(file) { 32 | var contents = String(file.contents); 33 | contents = contents.replace(/\{\{([\d\D\s]+?)\}\}/g, function(match, inner) { 34 | switch (inner) { 35 | case 'vendors': 36 | return config.vendors.join(' '); 37 | case 'ieSupport': 38 | return config.ieSupport; 39 | case 'animations': 40 | return config.animations.join(' '); 41 | case 'defaultSpeed': 42 | return config.speed.default; 43 | case 'speedStart': 44 | return config.speed.start; 45 | case 'speedEnd': 46 | return Math.floor((config.speed.end - config.speed.start) / config.speed.increment); 47 | case 'speedIncrement': 48 | return config.speed.increment; 49 | case 'staggerStart': 50 | return config.stagger.start; 51 | case 'staggerEnd': 52 | return Math.floor((config.stagger.end - config.stagger.start) / config.stagger.increment); 53 | case 'staggerIncrement': 54 | return config.stagger.increment; 55 | default: 56 | return match; 57 | } 58 | }); 59 | file.contents = new Buffer(String(contents)); 60 | return file; 61 | })) 62 | .pipe(rename(".nzAnimate.styl.temp")) 63 | .pipe(gulp.dest('./')); 64 | } 65 | 66 | function stylusTask() { 67 | 68 | gulp.src('./.nzAnimate.styl.temp') 69 | .pipe(stylus({ 70 | use: [nib()], 71 | compress: false, 72 | "include css": true 73 | })) 74 | .pipe(rename("nzAnimate.css")) 75 | .pipe(gulp.dest('./dist/')); 76 | 77 | return gulp.src('./.nzAnimate.styl.temp') 78 | .pipe(stylus({ 79 | use: [nib()], 80 | compress: true, 81 | "include css": true 82 | })) 83 | .pipe(rename("nzAnimate.min.css")) 84 | .pipe(gulp.dest('./dist/')); 85 | } 86 | 87 | function watchTask() { 88 | gulp.watch('./**.styl', ['build']); 89 | } 90 | 91 | 92 | 93 | function onError(err) { 94 | beep([0, 0, 0]); 95 | gutil.log(gutil.colors.green(err)); 96 | } 97 | -------------------------------------------------------------------------------- /src/config.hjson: -------------------------------------------------------------------------------- 1 | { 2 | "vendors": [ 3 | "official", 4 | "webkit", 5 | // "moz", 6 | // "ms", 7 | // "o" 8 | ], 9 | "ieSupport": false, 10 | "speed": { 11 | "default": 700, 12 | "start": 0, 13 | "end": 4000, 14 | "increment": 50 15 | }, 16 | "stagger": { 17 | "start": 0, 18 | "end": 1000, 19 | "increment": 50 20 | }, 21 | "animations": [ 22 | 23 | /* ---- Attention Seekers ---- */ 24 | 25 | "bounce", 26 | "flash", 27 | "flip", 28 | "pulse", 29 | "rubberBand", 30 | "shake", 31 | "swing", 32 | "tada", 33 | "wobble", 34 | 35 | /* ---- Enter/Exit ---- */ 36 | 37 | "puffIn", 38 | "puffOut", 39 | 40 | "vanishIn", 41 | "vanishOut", 42 | 43 | "bombLeftOut", 44 | "bombRightOut", 45 | 46 | "bounceIn", 47 | "bounceInDown", 48 | "bounceInLeft", 49 | "bounceInRight", 50 | "bounceInUp", 51 | "bounceOut", 52 | "bounceOutDown", 53 | "bounceOutLeft", 54 | "bounceOutRight", 55 | "bounceOutUp", 56 | 57 | "fadeIn", 58 | "fadeInDown", 59 | "fadeInDownBig", 60 | "fadeInLeft", 61 | "fadeInLeftBig", 62 | "fadeInRight", 63 | "fadeInRightBig", 64 | "fadeInUp", 65 | "fadeInUpBig", 66 | "fadeOut", 67 | "fadeOutDown", 68 | "fadeOutDownBig", 69 | "fadeOutLeft", 70 | "fadeOutLeftBig", 71 | "fadeOutRight", 72 | "fadeOutRightBig", 73 | "fadeOutUp", 74 | "fadeOutUpBig", 75 | 76 | "flipInX", 77 | "flipInY", 78 | "flipOutX", 79 | "flipOutY", 80 | 81 | "lightSpeedIn", 82 | "lightSpeedOut", 83 | 84 | "magicOut", 85 | 86 | "swapIn", 87 | "swapOut", 88 | 89 | "twisterInDown", 90 | "twisterInUp", 91 | 92 | "foolishIn", 93 | "foolishOut", 94 | 95 | "holeIn", 96 | "holeOut", 97 | 98 | "swashIn", 99 | "swashOut", 100 | 101 | "flopInDown", 102 | "flopInLeft", 103 | "flopInRight", 104 | "flopInUp", 105 | "flopOutDown", 106 | "flopOutLeft", 107 | "flopOutRight", 108 | "flopOutUp", 109 | 110 | "rotateIn", 111 | "rotateInDownLeft", 112 | "rotateInDownRight", 113 | "rotateInUpLeft", 114 | "rotateInUpRight", 115 | "rotateOut", 116 | "rotateOutDownLeft", 117 | "rotateOutDownRight", 118 | "rotateOutUpLeft", 119 | "rotateOutUpRight", 120 | 121 | "slideInDown", 122 | "slideInLeft", 123 | "slideInRight", 124 | "slideInUp", 125 | "slideOutDown", 126 | "slideOutLeft", 127 | "slideOutRight", 128 | "slideOutUp", 129 | 130 | "hingeOut", 131 | 132 | "rollIn", 133 | "rollOut", 134 | 135 | "tinInDown", 136 | "tinInLeft", 137 | "tinInRight", 138 | "tinInUp", 139 | "tinOutDown", 140 | "tinOutLeft", 141 | "tinOutRight", 142 | "tinOutUp", 143 | 144 | "zoomIn", 145 | "zoomInDown", 146 | "zoomInLeft", 147 | "zoomInRight", 148 | "zoomInUp", 149 | "zoomOut", 150 | "zoomOutDown", 151 | "zoomOutLeft", 152 | "zoomOutRight", 153 | "zoomOutUp", 154 | ], 155 | } 156 | -------------------------------------------------------------------------------- /src/nzAnimate.styl: -------------------------------------------------------------------------------- 1 | vendor-prefixes = {{vendors}} 2 | vendors = {{vendors}} 3 | support-for-ie = {{ieSupport}} 4 | @import 'nib/vendor' 5 | 6 | animations = {{animations}} 7 | 8 | .animate 9 | animation-duration: {{defaultSpeed}}ms 10 | &.infinite 11 | animation-iteration-count: infinite 12 | 13 | for animation_name in animations 14 | .{animation_name} 15 | animation-name: animation_name 16 | 17 | .enter 18 | for animation_name in animations 19 | &-{animation_name} 20 | &.ng-enter, 21 | &.ng-hide-remove 22 | animation-name: animation_name 23 | .exit 24 | for animation_name in animations 25 | &-{animation_name} 26 | &.ng-leave, 27 | &.ng-hide-add 28 | animation-name: animation_name 29 | .stagger 30 | for stagger in ({{staggerStart}}..{{staggerEnd}}) 31 | &-{stagger * 50} 32 | &.ng-enter-stagger, 33 | &.ng-leave-stagger 34 | animation-delay:(stagger * {{staggerIncrement}})ms 35 | animation-duration:0 36 | stagger += 1 37 | .speed 38 | for speed in ({{speedStart}}..{{speedEnd}}) 39 | &-{speed * 50} 40 | animation-duration:(speed * {{speedIncrement}})ms 41 | speed += 1 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | /* ------------------ Attention Seekers ----------------- */ 53 | 54 | 55 | 56 | 57 | if bounce in animations 58 | @keyframes bounce 59 | 0%, 20%, 50%, 80%, 100% 60 | transform: translateY(0) 61 | 40% 62 | transform: translateY(-30px) 63 | 60% 64 | transform: translateY(-15px) 65 | 66 | 67 | if flash in animations 68 | @keyframes flash 69 | 0%, 50%, 100% 70 | opacity: 1 71 | 25%, 75% 72 | opacity: 0 73 | 74 | if flip in animations 75 | @keyframes flip 76 | 0% 77 | transform: perspective(400px) translateZ(0) rotateY(0) scale(1) 78 | animation-timing-function: ease-out 79 | 40% 80 | transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1) 81 | animation-timing-function: ease-out 82 | 50% 83 | transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1) 84 | animation-timing-function: ease-in 85 | 80% 86 | transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95) 87 | animation-timing-function: ease-in 88 | 100% 89 | transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1) 90 | animation-timing-function: ease-in 91 | 92 | if pulse in animations 93 | @keyframes pulse 94 | 0% 95 | transform: scale(1) 96 | 50% 97 | transform: scale(1.1) 98 | 100% 99 | transform: scale(1) 100 | 101 | 102 | if rubberBand in animations 103 | @keyframes rubberBand 104 | 0% 105 | transform: scale(1) 106 | 30% 107 | transform: scaleX(1.25) scaleY(0.75) 108 | 40% 109 | transform: scaleX(0.75) scaleY(1.25) 110 | 60% 111 | transform: scaleX(1.15) scaleY(0.85) 112 | 100% 113 | transform: scale(1) 114 | 115 | 116 | if shake in animations 117 | @keyframes shake 118 | 0%, 100% 119 | transform: translateX(0) 120 | 10%, 30%, 50%, 70%, 90% 121 | transform: translateX(-10px) 122 | 20%, 40%, 60%, 80% 123 | transform: translateX(10px) 124 | 125 | 126 | if swing in animations 127 | @keyframes swing 128 | 20% 129 | transform: rotate(15deg) 130 | 40% 131 | transform: rotate(-10deg) 132 | 60% 133 | transform: rotate(5deg) 134 | 80% 135 | transform: rotate(-5deg) 136 | 100% 137 | transform: rotate(0deg) 138 | 139 | 140 | if tada in animations 141 | @keyframes tada 142 | 0% 143 | transform: scale(1) 144 | 10%, 20% 145 | transform: scale(0.9) rotate(-3deg) 146 | 30%, 50%, 70%, 90% 147 | transform: scale(1.1) rotate(3deg) 148 | 40%, 60%, 80% 149 | transform: scale(1.1) rotate(-3deg) 150 | 100% 151 | transform: scale(1) rotate(0) 152 | 153 | 154 | if wobble in animations 155 | @keyframes wobble 156 | 0% 157 | transform: translateX(0%) 158 | 15% 159 | transform: translateX(-25%) rotate(-5deg) 160 | 30% 161 | transform: translateX(20%) rotate(3deg) 162 | 45% 163 | transform: translateX(-15%) rotate(-3deg) 164 | 60% 165 | transform: translateX(10%) rotate(2deg) 166 | 75% 167 | transform: translateX(-5%) rotate(-1deg) 168 | 100% 169 | transform: translateX(0%) 170 | 171 | 172 | 173 | 174 | /* ------------------ Attention Seekers ----------------- */ 175 | 176 | 177 | 178 | 179 | if bounce in animations 180 | @keyframes bounce 181 | 0%, 20%, 50%, 80%, 100% 182 | transform: translateY(0) 183 | 40% 184 | transform: translateY(-30px) 185 | 60% 186 | transform: translateY(-15px) 187 | if flash in animations 188 | @keyframes flash 189 | 0%, 50%, 100% 190 | opacity: 1 191 | 25%, 75% 192 | opacity: 0 193 | if pulse in animations 194 | @keyframes pulse 195 | 0% 196 | transform: scale(1) 197 | 50% 198 | transform: scale(1.1) 199 | 100% 200 | transform: scale(1) 201 | if rubberBand in animations 202 | @keyframes rubberBand 203 | 0% 204 | transform: scale(1) 205 | 30% 206 | transform: scaleX(1.25) scaleY(0.75) 207 | 40% 208 | transform: scaleX(0.75) scaleY(1.25) 209 | 60% 210 | transform: scaleX(1.15) scaleY(0.85) 211 | 100% 212 | transform: scale(1) 213 | if shake in animations 214 | @keyframes shake 215 | 0%, 100% 216 | transform: translateX(0) 217 | 10%, 30%, 50%, 70%, 90% 218 | transform: translateX(-10px) 219 | 20%, 40%, 60%, 80% 220 | transform: translateX(10px) 221 | if swing in animations 222 | @keyframes swing 223 | 20% 224 | transform: rotate(15deg) 225 | 40% 226 | transform: rotate(-10deg) 227 | 60% 228 | transform: rotate(5deg) 229 | 80% 230 | transform: rotate(-5deg) 231 | 100% 232 | transform: rotate(0deg) 233 | if tada in animations 234 | @keyframes tada 235 | 0% 236 | transform: scale(1) 237 | 10%, 20% 238 | transform: scale(0.9) rotate(-3deg) 239 | 30%, 50%, 70%, 90% 240 | transform: scale(1.1) rotate(3deg) 241 | 40%, 60%, 80% 242 | transform: scale(1.1) rotate(-3deg) 243 | 100% 244 | transform: scale(1) rotate(0) 245 | if wobble in animations 246 | @keyframes wobble 247 | 0% 248 | transform: translateX(0%) 249 | 15% 250 | transform: translateX(-25%) rotate(-5deg) 251 | 30% 252 | transform: translateX(20%) rotate(3deg) 253 | 45% 254 | transform: translateX(-15%) rotate(-3deg) 255 | 60% 256 | transform: translateX(10%) rotate(2deg) 257 | 75% 258 | transform: translateX(-5%) rotate(-1deg) 259 | 100% 260 | transform: translateX(0%) 261 | 262 | 263 | 264 | 265 | 266 | /* ------------------ Enters/Exits ----------------- */ 267 | 268 | 269 | 270 | 271 | // Puff 272 | 273 | if puffIn in animations 274 | @keyframes puffIn 275 | 0% 276 | opacity: 0 277 | transform-origin: 50% 50% 278 | transform: scale(2, 2) 279 | filter: blur(2px) 280 | 100% 281 | opacity: 1 282 | transform-origin: 50% 50% 283 | transform: scale(1, 1) 284 | if puffOut in animations 285 | @keyframes puffOut 286 | 0% 287 | opacity: 1 288 | transform-origin: 50% 50% 289 | transform: scale(1, 1) 290 | 100% 291 | opacity: 0 292 | transform-origin: 50% 50% 293 | transform: scale(2, 2) 294 | filter: blur(2px) 295 | 296 | 297 | 298 | 299 | // Vanish 300 | 301 | if vanishIn in animations 302 | @keyframes vanishIn 303 | 0% 304 | opacity: 0 305 | transform-origin: 50% 50% 306 | transform: scale(2, 2) 307 | filter: blur(90px) 308 | 100% 309 | opacity: 1 310 | transform-origin: 50% 50% 311 | transform: scale(1, 1) 312 | if vanishOut in animations 313 | @keyframes vanishOut 314 | 0% 315 | opacity: 1 316 | transform-origin: 50% 50% 317 | transform: scale(1, 1) 318 | 100% 319 | opacity: 0 320 | transform-origin: 50% 50% 321 | transform: scale(2, 2) 322 | filter: blur(20px) 323 | 324 | 325 | 326 | 327 | // Bomb 328 | 329 | if bombLeftOut in animations 330 | @keyframes bombLeftOut 331 | 0% 332 | opacity: 1 333 | transform-origin: 50% 50% 334 | transform: rotate(0deg) 335 | filter: blur(0px) 336 | 50% 337 | opacity: 1 338 | transform-origin: -100% 50% 339 | transform: rotate(-160deg) 340 | filter: blur(0px) 341 | 100% 342 | opacity: 0 343 | transform-origin: -100% 50% 344 | transform: rotate(-160deg) 345 | filter: blur(20px) 346 | if bombRightOut in animations 347 | @keyframes bombRightOut 348 | 0% 349 | opacity: 1 350 | transform-origin: 50% 50% 351 | transform: rotate(0deg) 352 | filter: blur(0px) 353 | 50% 354 | opacity: 1 355 | transform-origin: 200% 50% 356 | transform: rotate(160deg) 357 | filter: blur(0px) 358 | 100% 359 | opacity: 0 360 | transform-origin: 200% 50% 361 | transform: rotate(160deg) 362 | filter: blur(20px) 363 | 364 | 365 | 366 | 367 | // Bounce 368 | 369 | if bounceIn in animations 370 | @keyframes bounceIn 371 | 0% 372 | opacity: 0 373 | transform: scale(0.3) 374 | 50% 375 | opacity: 1 376 | transform: scale(1.05) 377 | 70% 378 | transform: scale(0.9) 379 | 100% 380 | opacity: 1 381 | transform: scale(1) 382 | if bounceInDown in animations 383 | @keyframes bounceInDown 384 | 0% 385 | opacity: 0 386 | transform: translateY(-2000px) 387 | 60% 388 | opacity: 1 389 | transform: translateY(30px) 390 | 80% 391 | transform: translateY(-10px) 392 | 100% 393 | transform: translateY(0) 394 | if bounceInLeft in animations 395 | @keyframes bounceInLeft 396 | 0% 397 | opacity: 0 398 | transform: translateX(-2000px) 399 | 60% 400 | opacity: 1 401 | transform: translateX(30px) 402 | 80% 403 | transform: translateX(-10px) 404 | 100% 405 | transform: translateX(0) 406 | if bounceInRight in animations 407 | @keyframes bounceInRight 408 | 0% 409 | opacity: 0 410 | transform: translateX(2000px) 411 | 60% 412 | opacity: 1 413 | transform: translateX(-30px) 414 | 80% 415 | transform: translateX(10px) 416 | 100% 417 | transform: translateX(0) 418 | if bounceInUp in animations 419 | @keyframes bounceInUp 420 | 0% 421 | opacity: 0 422 | transform: translateY(2000px) 423 | 60% 424 | opacity: 1 425 | transform: translateY(-30px) 426 | 80% 427 | transform: translateY(10px) 428 | 100% 429 | transform: translateY(0) 430 | if bounceOut in animations 431 | @keyframes bounceOut 432 | 0% 433 | transform: scale(1) 434 | 25% 435 | transform: scale(0.95) 436 | 50% 437 | opacity: 1 438 | transform: scale(1.1) 439 | 100% 440 | opacity: 0 441 | transform: scale(0.3) 442 | if bounceOutDown in animations 443 | @keyframes bounceOutDown 444 | 0% 445 | transform: translateY(0) 446 | 20% 447 | opacity: 1 448 | transform: translateY(-20px) 449 | 100% 450 | opacity: 0 451 | transform: translateY(2000px) 452 | if bounceOutLeft in animations 453 | @keyframes bounceOutLeft 454 | 0% 455 | transform: translateX(0) 456 | 20% 457 | opacity: 1 458 | transform: translateX(20px) 459 | 100% 460 | opacity: 0 461 | transform: translateX(-2000px) 462 | if bounceOutRight in animations 463 | @keyframes bounceOutRight 464 | 0% 465 | transform: translateX(0) 466 | 20% 467 | opacity: 1 468 | transform: translateX(-20px) 469 | 100% 470 | opacity: 0 471 | transform: translateX(2000px) 472 | if bounceOutUp in animations 473 | @keyframes bounceOutUp 474 | 0% 475 | transform: translateY(0) 476 | 20% 477 | opacity: 1 478 | transform: translateY(20px) 479 | 100% 480 | opacity: 0 481 | transform: translateY(-2000px) 482 | 483 | 484 | 485 | 486 | // Fade 487 | 488 | if fadeIn in animations 489 | @keyframes fadeIn 490 | 0% 491 | opacity: 0 492 | 100% 493 | opacity: 1 494 | if fadeInDown in animations 495 | @keyframes fadeInDown 496 | 0% 497 | opacity: 0 498 | transform: translateY(-20px) 499 | 100% 500 | opacity: 1 501 | transform: translateY(0) 502 | if fadeInDownBig in animations 503 | @keyframes fadeInDownBig 504 | 0% 505 | opacity: 0 506 | transform: translateY(-2000px) 507 | 100% 508 | opacity: 1 509 | transform: translateY(0) 510 | if fadeInLeft in animations 511 | @keyframes fadeInLeft 512 | 0% 513 | opacity: 0 514 | transform: translateX(-20px) 515 | 100% 516 | opacity: 1 517 | transform: translateX(0) 518 | if fadeInLeftBig in animations 519 | @keyframes fadeInLeftBig 520 | 0% 521 | opacity: 0 522 | transform: translateX(-2000px) 523 | 100% 524 | opacity: 1 525 | transform: translateX(0) 526 | if fadeInRight in animations 527 | @keyframes fadeInRight 528 | 0% 529 | opacity: 0 530 | transform: translateX(20px) 531 | 100% 532 | opacity: 1 533 | transform: translateX(0) 534 | if fadeInRightBig in animations 535 | @keyframes fadeInRightBig 536 | 0% 537 | opacity: 0 538 | transform: translateX(2000px) 539 | 100% 540 | opacity: 1 541 | transform: translateX(0) 542 | if fadeInUp in animations 543 | @keyframes fadeInUp 544 | 0% 545 | opacity: 0 546 | transform: translateY(20px) 547 | 100% 548 | opacity: 1 549 | transform: translateY(0) 550 | if fadeInUpBig in animations 551 | @keyframes fadeInUpBig 552 | 0% 553 | opacity: 0 554 | transform: translateY(2000px) 555 | 100% 556 | opacity: 1 557 | transform: translateY(0) 558 | if fadeOut in animations 559 | @keyframes fadeOut 560 | 0% 561 | opacity: 1 562 | 100% 563 | opacity: 0 564 | if fadeOutDown in animations 565 | @keyframes fadeOutDown 566 | 0% 567 | opacity: 1 568 | transform: translateY(0) 569 | 100% 570 | opacity: 0 571 | transform: translateY(20px) 572 | if fadeOutDownBig in animations 573 | @keyframes fadeOutDownBig 574 | 0% 575 | opacity: 1 576 | transform: translateY(0) 577 | 100% 578 | opacity: 0 579 | transform: translateY(2000px) 580 | if fadeOutLeft in animations 581 | @keyframes fadeOutLeft 582 | 0% 583 | opacity: 1 584 | transform: translateX(0) 585 | 100% 586 | opacity: 0 587 | transform: translateX(-20px) 588 | if fadeOutLeftBig in animations 589 | @keyframes fadeOutLeftBig 590 | 0% 591 | opacity: 1 592 | transform: translateX(0) 593 | 100% 594 | opacity: 0 595 | transform: translateX(-2000px) 596 | if fadeOutRight in animations 597 | @keyframes fadeOutRight 598 | 0% 599 | opacity: 1 600 | transform: translateX(0) 601 | 100% 602 | opacity: 0 603 | transform: translateX(20px) 604 | if fadeOutRightBig in animations 605 | @keyframes fadeOutRightBig 606 | 0% 607 | opacity: 1 608 | transform: translateX(0) 609 | 100% 610 | opacity: 0 611 | transform: translateX(2000px) 612 | if fadeOutUp in animations 613 | @keyframes fadeOutUp 614 | 0% 615 | opacity: 1 616 | transform: translateY(0) 617 | 100% 618 | opacity: 0 619 | transform: translateY(-20px) 620 | if fadeOutUpBig in animations 621 | @keyframes fadeOutUpBig 622 | 0% 623 | opacity: 1 624 | transform: translateY(0) 625 | 100% 626 | opacity: 0 627 | transform: translateY(-2000px) 628 | 629 | 630 | 631 | 632 | // Flip 633 | 634 | if flipInX in animations 635 | @keyframes flipInX 636 | 0% 637 | transform: perspective(400px) rotateX(90deg) 638 | opacity: 0 639 | 40% 640 | transform: perspective(400px) rotateX(-10deg) 641 | 70% 642 | transform: perspective(400px) rotateX(10deg) 643 | 100% 644 | transform: perspective(400px) rotateX(0deg) 645 | opacity: 1 646 | if flipInY in animations 647 | @keyframes flipInY 648 | 0% 649 | transform: perspective(400px) rotateY(90deg) 650 | opacity: 0 651 | 40% 652 | transform: perspective(400px) rotateY(-10deg) 653 | 70% 654 | transform: perspective(400px) rotateY(10deg) 655 | 100% 656 | transform: perspective(400px) rotateY(0deg) 657 | opacity: 1 658 | if flipOutX in animations 659 | @keyframes flipOutX 660 | 0% 661 | transform: perspective(400px) rotateX(0deg) 662 | opacity: 1 663 | 100% 664 | transform: perspective(400px) rotateX(90deg) 665 | opacity: 0 666 | if flipOutY in animations 667 | @keyframes flipOutY 668 | 0% 669 | transform: perspective(400px) rotateY(0deg) 670 | opacity: 1 671 | 100% 672 | transform: perspective(400px) rotateY(90deg) 673 | opacity: 0 674 | 675 | 676 | 677 | 678 | // Lighspeed 679 | 680 | if lightSpeedIn in animations 681 | @keyframes lightSpeedIn 682 | 0% 683 | transform: translateX(100%) skewX(-30deg) 684 | opacity: 0 685 | 60% 686 | transform: translateX(-20%) skewX(30deg) 687 | opacity: 1 688 | 80% 689 | transform: translateX(0%) skewX(-15deg) 690 | opacity: 1 691 | 100% 692 | transform: translateX(0%) skewX(0deg) 693 | opacity: 1 694 | if lightSpeedOut in animations 695 | @keyframes lightSpeedOut 696 | 0% 697 | transform: translateX(0%) skewX(0deg) 698 | opacity: 1 699 | 100% 700 | transform: translateX(100%) skewX(-30deg) 701 | opacity: 0 702 | 703 | 704 | 705 | 706 | // Magic 707 | 708 | if magicOut in animations 709 | @keyframes magicOut 710 | 0% 711 | opacity: 1 712 | transform-origin: 100% 200% 713 | transform: scale(1, 1) rotate(0deg) 714 | 100% 715 | opacity: 0 716 | transform-origin: 200% 500% 717 | transform: scale(0, 0) rotate(270deg) 718 | 719 | 720 | 721 | 722 | // Swap 723 | 724 | if swapIn in animations 725 | @keyframes swapIn 726 | 0% 727 | opacity: 0 728 | transform-origin: 0 100% 729 | transform: scale(0, 0) translate(-700px, 0px) 730 | 100% 731 | opacity: 1 732 | transform-origin: 100% 100% 733 | transform: scale(1, 1) translate(0px, 0px) 734 | if swapOut in animations 735 | @keyframes swapOut 736 | 0% 737 | opacity: 1 738 | transform-origin: 100% 100% 739 | transform: scale(1, 1) translate(0px, 0px) 740 | 100% 741 | opacity: 0 742 | transform-origin: 0 100% 743 | transform: scale(0, 0) translate(-700px, 0px) 744 | 745 | 746 | 747 | 748 | // Twister 749 | 750 | if twisterInDown in animations 751 | @keyframes twisterInDown 752 | 0% 753 | opacity: 0 754 | transform-origin: 0 100% 755 | transform: scale(0, 0) rotate(360deg) translateY(-100%) 756 | 30% 757 | transform-origin: 0 100% 758 | transform: scale(0, 0) rotate(360deg) translateY(-100%) 759 | 100% 760 | opacity: 1 761 | transform-origin: 100% 100% 762 | transform: scale(1, 1) rotate(0deg) translateY(0%) 763 | if twisterInUp in animations 764 | @keyframes twisterInUp 765 | 0% 766 | opacity: 0 767 | transform-origin: 100% 0 768 | transform: scale(0, 0) rotate(360deg) translateY(100%) 769 | 30% 770 | transform-origin: 100% 0 771 | transform: scale(0, 0) rotate(360deg) translateY(100%) 772 | 100% 773 | opacity: 1 774 | transform-origin: 0 0 775 | transform: scale(1, 1) rotate(0deg) translateY(0) 776 | 777 | 778 | 779 | 780 | // Foolish 781 | 782 | if foolishIn in animations 783 | @keyframes foolishIn 784 | 0% 785 | opacity: 0 786 | transform-origin: 50% 50% 787 | transform: scale(0, 0) rotate(360deg) 788 | 20% 789 | opacity: 1 790 | transform-origin: 0% 100% 791 | transform: scale(0.5, 0.5) rotate(0deg) 792 | 40% 793 | opacity: 1 794 | transform-origin: 100% 100% 795 | transform: scale(0.5, 0.5) rotate(0deg) 796 | 60% 797 | opacity: 1 798 | transform-origin: 0% 799 | transform: scale(0.5, 0.5) rotate(0deg) 800 | 80% 801 | opacity: 1 802 | transform-origin: 0% 0% 803 | transform: scale(0.5, 0.5) rotate(0deg) 804 | 100% 805 | opacity: 1 806 | transform-origin: 50% 50% 807 | transform: scale(1, 1) rotate(0deg) 808 | if foolishOut in animations 809 | @keyframes foolishOut 810 | 0% 811 | opacity: 1 812 | transform-origin: 50% 50% 813 | transform: scale(1, 1) rotate(360deg) 814 | 20% 815 | opacity: 1 816 | transform-origin: 0% 0% 817 | transform: scale(0.5, 0.5) rotate(0deg) 818 | 40% 819 | opacity: 1 820 | transform-origin: 100% 0% 821 | transform: scale(0.5, 0.5) rotate(0deg) 822 | 60% 823 | opacity: 1 824 | transform-origin: 0% 825 | transform: scale(0.5, 0.5) rotate(0deg) 826 | 80% 827 | opacity: 1 828 | transform-origin: 0% 100% 829 | transform: scale(0.5, 0.5) rotate(0deg) 830 | 100% 831 | opacity: 0 832 | transform-origin: 50% 50% 833 | transform: scale(0, 0) rotate(0deg) 834 | 835 | 836 | 837 | 838 | // Hole 839 | 840 | if holeIn in animations 841 | @keyframes holeIn 842 | 0% 843 | opacity: 0 844 | transform-origin: 50% 50% 845 | transform: scale(0, 0) rotateY(180deg) 846 | 100% 847 | opacity: 1 848 | transform-origin: 50% 50% 849 | transform: scale(1, 1) rotateY(0deg) 850 | if holeOut in animations 851 | @keyframes holeOut 852 | 0% 853 | opacity: 1 854 | transform-origin: 50% 50% 855 | transform: scale(1, 1) rotateY(0deg) 856 | 100% 857 | opacity: 0 858 | transform-origin: 50% 50% 859 | transform: scale(0, 0) rotateY(180deg) 860 | 861 | 862 | 863 | 864 | // Swash 865 | 866 | if swashIn in animations 867 | @keyframes swashIn 868 | 0% 869 | opacity: 0 870 | transform-origin: 50% 50% 871 | transform: scale(0, 0) 872 | 90% 873 | opacity: 1 874 | transform-origin: 50% 50% 875 | transform: scale(0.9, 0.9) 876 | 100% 877 | transform-origin: 50% 50% 878 | transform: scale(1, 1) 879 | if swashOut in animations 880 | @keyframes swashOut 881 | 0% 882 | opacity: 1 883 | transform-origin: 50% 50% 884 | transform: scale(1, 1) 885 | 80% 886 | opacity: 1 887 | transform-origin: 50% 50% 888 | transform: scale(0.9, 0.9) 889 | 100% 890 | opacity: 0 891 | transform-origin: 50% 50% 892 | transform: scale(0, 0) 893 | 894 | 895 | 896 | 897 | // Perspective 898 | 899 | if perspectiveDown in animations 900 | @keyframes perspectiveDown 901 | 0% 902 | transform-origin: 0 100% 903 | transform: perspective(800px) rotateX(0deg) 904 | 100% 905 | transform-origin: 0 100% 906 | transform: perspective(800px) rotateX(-180deg) 907 | if perspectiveDownReturn in animations 908 | @keyframes perspectiveDownReturn 909 | 0% 910 | transform-origin: 0 100% 911 | transform: perspective(800px) rotateX(-180deg) 912 | 100% 913 | transform-origin: 0 100% 914 | transform: perspective(800px) rotateX(0deg) 915 | if perspectiveLeft in animations 916 | @keyframes perspectiveLeft 917 | 0% 918 | transform-origin: 0 0 919 | transform: perspective(800px) rotateY(0deg) 920 | 100% 921 | transform-origin: 0 0 922 | transform: perspective(800px) rotateY(-180deg) 923 | if perspectiveLeftReturn in animations 924 | @keyframes perspectiveLeftReturn 925 | 0% 926 | transform-origin: 0 0 927 | transform: perspective(800px) rotateY(-180deg) 928 | 100% 929 | transform-origin: 0 0 930 | transform: perspective(800px) rotateY(0deg) 931 | if perspectiveRight in animations 932 | @keyframes perspectiveRight 933 | 0% 934 | transform-origin: 100% 0 935 | transform: perspective(800px) rotateY(0deg) 936 | 100% 937 | transform-origin: 100% 0 938 | transform: perspective(800px) rotateY(180deg) 939 | if perspectiveRightReturn in animations 940 | @keyframes perspectiveRightReturn 941 | 0% 942 | transform-origin: 100% 0 943 | transform: perspective(800px) rotateY(180deg) 944 | 100% 945 | transform-origin: 100% 0 946 | transform: perspective(800px) rotateY(0deg) 947 | if perspectiveUp in animations 948 | @keyframes perspectiveUp 949 | 0% 950 | transform-origin: 0 0 951 | transform: perspective(800px) rotateX(0deg) 952 | 100% 953 | transform-origin: 0 0 954 | transform: perspective(800px) rotateX(180deg) 955 | if perspectiveUpReturn in animations 956 | @keyframes perspectiveUpReturn 957 | 0% 958 | transform-origin: 0 0 959 | transform: perspective(800px) rotateX(180deg) 960 | 100% 961 | transform-origin: 0 0 962 | transform: perspective(800px) rotateX(0deg) 963 | 964 | 965 | 966 | 967 | // Flop 968 | 969 | if flopInDown in animations 970 | @keyframes flopInDown 971 | 0% 972 | opacity: 0 973 | transform-origin: 50% 0 974 | transform: perspective(800px) rotateX(180deg) translateZ(100px) 975 | 100% 976 | transform-origin: 0 0 977 | transform: perspective(800px) rotateX(0deg) translateZ(0px) 978 | if flopInLeft in animations 979 | @keyframes flopInLeft 980 | 0% 981 | opacity: 0 982 | transform-origin: 50% 0 983 | transform: perspective(800px) rotateY(-180deg) translateZ(150px) 984 | 100% 985 | transform-origin: 0 0 986 | transform: perspective(800px) rotateY(0deg) translate3d(0px) 987 | if flopInRight in animations 988 | @keyframes flopInRight 989 | 0% 990 | opacity: 0 991 | transform-origin: 50% 0 992 | transform: perspective(800px) rotateY(180deg) translateZ(300px) 993 | 100% 994 | transform-origin: 0 0 995 | transform: perspective(800px) rotateY(0deg) translateZ(0px) 996 | if flopInUp in animations 997 | @keyframes flopInUp 998 | 0% 999 | opacity: 0 1000 | transform-origin: 50% 100% 1001 | transform: perspective(800px) rotateX(-180deg) translateZ(300px) 1002 | 100% 1003 | transform-origin: 0 0 1004 | transform: perspective(800px) rotateX(0deg) translateZ(0px) 1005 | if flopOutDown in animations 1006 | @keyframes flopOutDown 1007 | 0% 1008 | transform-origin: 0 0 1009 | transform: perspective(800px) rotateX(0deg) translateZ(0px) 1010 | 100% 1011 | opacity: 0 1012 | transform-origin: 50% 100% 1013 | transform: perspective(800px) rotateX(-180deg) translateZ(300px) 1014 | if flopOutLeft in animations 1015 | @keyframes flopOutLeft 1016 | 0% 1017 | transform-origin: 0 0 1018 | transform: perspective(800px) rotateY(0deg) translateZ(0px) 1019 | 100% 1020 | opacity: 0 1021 | transform-origin: 50% 0 1022 | transform: perspective(800px) rotateY(180deg) translateZ(300px) 1023 | if flopOutRight in animations 1024 | @keyframes flopOutRight 1025 | 0% 1026 | transform-origin: 0 0 1027 | transform: perspective(800px) rotateY(0deg) translate3d(0px) 1028 | 100% 1029 | opacity: 0 1030 | transform-origin: 50% 0 1031 | transform: perspective(800px) rotateY(-180deg) translateZ(150px) 1032 | if flopOutUp in animations 1033 | @keyframes flopOutUp 1034 | 0% 1035 | transform-origin: 0 0 1036 | transform: perspective(800px) rotateX(0deg) translateZ(0px) 1037 | 100% 1038 | opacity: 0 1039 | transform-origin: 50% 0 1040 | transform: perspective(800px) rotateX(180deg) translateZ(100px) 1041 | 1042 | 1043 | 1044 | 1045 | // Rotate 1046 | 1047 | if rotateIn in animations 1048 | @keyframes rotateIn 1049 | 0% 1050 | transform-origin: center center 1051 | transform: rotate(-200deg) 1052 | opacity: 0 1053 | 100% 1054 | transform-origin: center center 1055 | transform: rotate(0) 1056 | opacity: 1 1057 | if rotateInDownLeft in animations 1058 | @keyframes rotateInDownLeft 1059 | 0% 1060 | transform-origin: left bottom 1061 | transform: rotate(-90deg) 1062 | opacity: 0 1063 | 100% 1064 | transform-origin: left bottom 1065 | transform: rotate(0) 1066 | opacity: 1 1067 | if rotateInDownRight in animations 1068 | @keyframes rotateInDownRight 1069 | 0% 1070 | transform-origin: right bottom 1071 | transform: rotate(90deg) 1072 | opacity: 0 1073 | 100% 1074 | transform-origin: right bottom 1075 | transform: rotate(0) 1076 | opacity: 1 1077 | if rotateInUpLeft in animations 1078 | @keyframes rotateInUpLeft 1079 | 0% 1080 | transform-origin: left bottom 1081 | transform: rotate(90deg) 1082 | opacity: 0 1083 | 100% 1084 | transform-origin: left bottom 1085 | transform: rotate(0) 1086 | opacity: 1 1087 | if rotateInUpRight in animations 1088 | @keyframes rotateInUpRight 1089 | 0% 1090 | transform-origin: right bottom 1091 | transform: rotate(-90deg) 1092 | opacity: 0 1093 | 100% 1094 | transform-origin: right bottom 1095 | transform: rotate(0) 1096 | opacity: 1 1097 | if rotateOut in animations 1098 | @keyframes rotateOut 1099 | 0% 1100 | transform-origin: center center 1101 | transform: rotate(0) 1102 | opacity: 1 1103 | 100% 1104 | transform-origin: center center 1105 | transform: rotate(200deg) 1106 | opacity: 0 1107 | if rotateOutDownLeft in animations 1108 | @keyframes rotateOutDownLeft 1109 | 0% 1110 | transform-origin: left bottom 1111 | transform: rotate(0) 1112 | opacity: 1 1113 | 100% 1114 | transform-origin: left bottom 1115 | transform: rotate(90deg) 1116 | opacity: 0 1117 | if rotateOutDownRight in animations 1118 | @keyframes rotateOutDownRight 1119 | 0% 1120 | transform-origin: right bottom 1121 | transform: rotate(0) 1122 | opacity: 1 1123 | 100% 1124 | transform-origin: right bottom 1125 | transform: rotate(-90deg) 1126 | opacity: 0 1127 | if rotateOutUpLeft in animations 1128 | @keyframes rotateOutUpLeft 1129 | 0% 1130 | transform-origin: left bottom 1131 | transform: rotate(0) 1132 | opacity: 1 1133 | 100% 1134 | transform-origin: left bottom 1135 | transform: rotate(-90deg) 1136 | opacity: 0 1137 | if rotateOutUpRight in animations 1138 | @keyframes rotateOutUpRight 1139 | 0% 1140 | transform-origin: right bottom 1141 | transform: rotate(0) 1142 | opacity: 1 1143 | 100% 1144 | transform-origin: right bottom 1145 | transform: rotate(90deg) 1146 | opacity: 0 1147 | 1148 | 1149 | 1150 | 1151 | // Slide 1152 | 1153 | if slideDown in animations 1154 | @keyframes slideDown 1155 | 0% 1156 | transform-origin: 0 0 1157 | transform: translateY(0%) 1158 | 100% 1159 | transform-origin: 0 0 1160 | transform: translateY(100%) 1161 | if slideDownReturn in animations 1162 | @keyframes slideDownReturn 1163 | 0% 1164 | transform-origin: 0 0 1165 | transform: translateY(100%) 1166 | 100% 1167 | transform-origin: 0 0 1168 | transform: translateY(0%) 1169 | if slideInDown in animations 1170 | @keyframes slideInDown 1171 | 0% 1172 | opacity: 0 1173 | transform: translateY(-2000px) 1174 | 100% 1175 | transform: translateY(0) 1176 | if slideInLeft in animations 1177 | @keyframes slideInLeft 1178 | 0% 1179 | opacity: 0 1180 | transform: translateX(-2000px) 1181 | 100% 1182 | transform: translateX(0) 1183 | if slideInRight in animations 1184 | @keyframes slideInRight 1185 | 0% 1186 | opacity: 0 1187 | transform: translateX(2000px) 1188 | 100% 1189 | transform: translateX(0) 1190 | if slideInUp in animations 1191 | @keyframes slideInUp 1192 | 0% 1193 | opacity: 0 1194 | transform: translateY(2000px) 1195 | 100% 1196 | transform: translateY(0) 1197 | if slideLeft in animations 1198 | @keyframes slideLeft 1199 | 0% 1200 | transform-origin: 0 0 1201 | transform: translateX(0%) 1202 | 100% 1203 | transform-origin: 0 0 1204 | transform: translateX(-100%) 1205 | if slideLeftReturn in animations 1206 | @keyframes slideLeftReturn 1207 | 0% 1208 | transform-origin: 0 0 1209 | transform: translateX(-100%) 1210 | 100% 1211 | transform-origin: 0 0 1212 | transform: translateX(0%) 1213 | if slideOutDown in animations 1214 | @keyframes slideOutDown 1215 | 0% 1216 | transform: translateY(0) 1217 | 100% 1218 | opacity: 0 1219 | transform: translateY(2000px) 1220 | if slideOutLeft in animations 1221 | @keyframes slideOutLeft 1222 | 0% 1223 | transform: translateX(0) 1224 | 100% 1225 | opacity: 0 1226 | transform: translateX(-2000px) 1227 | if slideOutRight in animations 1228 | @keyframes slideOutRight 1229 | 0% 1230 | transform: translateX(0) 1231 | 100% 1232 | opacity: 0 1233 | transform: translateX(2000px) 1234 | if slideOutUp in animations 1235 | @keyframes slideOutUp 1236 | 0% 1237 | transform: translateY(0) 1238 | 100% 1239 | opacity: 0 1240 | transform: translateY(-2000px) 1241 | if slideRight in animations 1242 | @keyframes slideRight 1243 | 0% 1244 | transform-origin: 0 0 1245 | transform: translateX(0%) 1246 | 100% 1247 | transform-origin: 0 0 1248 | transform: translateX(100%) 1249 | if slideRightReturn in animations 1250 | @keyframes slideRightReturn 1251 | 0% 1252 | transform-origin: 0 0 1253 | transform: translateX(100%) 1254 | 100% 1255 | transform-origin: 0 0 1256 | transform: translateX(0%) 1257 | if slideUp in animations 1258 | @keyframes slideUp 1259 | 0% 1260 | transform-origin: 0 0 1261 | transform: translateY(0%) 1262 | 100% 1263 | transform-origin: 0 0 1264 | transform: translateY(-100%) 1265 | if slideUpReturn in animations 1266 | @keyframes slideUpReturn 1267 | 0% 1268 | transform-origin: 0 0 1269 | transform: translateY(-100%) 1270 | 100% 1271 | transform-origin: 0 0 1272 | transform: translateY(0%) 1273 | 1274 | 1275 | 1276 | 1277 | // Hinge 1278 | 1279 | if hingeOut in animations 1280 | @keyframes hingeOut 1281 | 0% 1282 | transform: rotate(0) 1283 | transform-origin: top left 1284 | animation-timing-function: ease-in-out 1285 | 20%, 60% 1286 | transform: rotate(80deg) 1287 | transform-origin: top left 1288 | animation-timing-function: ease-in-out 1289 | 40% 1290 | transform: rotate(60deg) 1291 | transform-origin: top left 1292 | animation-timing-function: ease-in-out 1293 | 80% 1294 | transform: rotate(60deg) translateY(0) 1295 | transform-origin: top left 1296 | animation-timing-function: ease-in-out 1297 | opacity: 1 1298 | 100% 1299 | transform: translateY(700px) 1300 | opacity: 0 1301 | 1302 | 1303 | 1304 | 1305 | // Roll 1306 | 1307 | if rollIn in animations 1308 | @keyframes rollIn 1309 | 0% 1310 | opacity: 0 1311 | transform: translateX(-100%) rotate(-120deg) 1312 | 100% 1313 | opacity: 1 1314 | transform: translateX(0px) rotate(0deg) 1315 | if rollOut in animations 1316 | @keyframes rollOut 1317 | 0% 1318 | opacity: 1 1319 | transform: translateX(0px) rotate(0deg) 1320 | 100% 1321 | opacity: 0 1322 | transform: translateX(100%) rotate(120deg) 1323 | 1324 | 1325 | 1326 | 1327 | // Tin 1328 | 1329 | if tinDownIn in animations 1330 | @keyframes tinDownIn 1331 | 0% 1332 | opacity: 0 1333 | transform: scale(1, 1) translateY(900%) 1334 | 50%, 70%, 90% 1335 | opacity: 1 1336 | transform: scale(1.1, 1.1) translateY(0) 1337 | 60%, 80%, 100% 1338 | opacity: 1 1339 | transform: scale(1, 1) translateY(0) 1340 | if tinDownOut in animations 1341 | @keyframes tinDownOut 1342 | 0%, 20%, 40%, 50% 1343 | opacity: 1 1344 | transform: scale(1, 1) translateY(0) 1345 | 10%, 30% 1346 | opacity: 1 1347 | transform: scale(1.1, 1.1) translateY(0) 1348 | 100% 1349 | opacity: 0 1350 | transform: scale(1, 1) translateY(900%) 1351 | if tinLeftIn in animations 1352 | @keyframes tinLeftIn 1353 | 0% 1354 | opacity: 0 1355 | transform: scale(1, 1) translateX(-900%) 1356 | 50%, 70%, 90% 1357 | opacity: 1 1358 | transform: scale(1.1, 1.1) translateX(0) 1359 | 60%, 80%, 100% 1360 | opacity: 1 1361 | transform: scale(1, 1) translateX(0) 1362 | if tinLeftOut in animations 1363 | @keyframes tinLeftOut 1364 | 0%, 20%, 40%, 50% 1365 | opacity: 1 1366 | transform: scale(1, 1) translateX(0) 1367 | 10%, 30% 1368 | opacity: 1 1369 | transform: scale(1.1, 1.1) translateX(0) 1370 | 100% 1371 | opacity: 0 1372 | transform: scale(1, 1) translateX(-900%) 1373 | if tinRightIn in animations 1374 | @keyframes tinRightIn 1375 | 0% 1376 | opacity: 0 1377 | transform: scale(1, 1) translateX(900%) 1378 | 50%, 70%, 90% 1379 | opacity: 1 1380 | transform: scale(1.1, 1.1) translateX(0) 1381 | 60%, 80%, 100% 1382 | opacity: 1 1383 | transform: scale(1, 1) translateX(0) 1384 | if tinRightOut in animations 1385 | @keyframes tinRightOut 1386 | 0%, 20%, 40%, 50% 1387 | opacity: 1 1388 | transform: scale(1, 1) translateX(0) 1389 | 10%, 30% 1390 | opacity: 1 1391 | transform: scale(1.1, 1.1) translateX(0) 1392 | 100% 1393 | opacity: 0 1394 | transform: scale(1, 1) translateX(900%) 1395 | if tinUpIn in animations 1396 | @keyframes tinUpIn 1397 | 0% 1398 | opacity: 0 1399 | transform: scale(1, 1) translateY(-900%) 1400 | 50%, 70%, 90% 1401 | opacity: 1 1402 | transform: scale(1.1, 1.1) translateY(0) 1403 | 60%, 80%, 100% 1404 | opacity: 1 1405 | transform: scale(1, 1) translateY(0) 1406 | if tinUpOut in animations 1407 | @keyframes tinUpOut 1408 | 0%, 20%, 40%, 50% 1409 | opacity: 1 1410 | transform: scale(1, 1) translateY(0) 1411 | 10%, 30% 1412 | opacity: 1 1413 | transform: scale(1.1, 1.1) translateY(0) 1414 | 100% 1415 | opacity: 0 1416 | transform: scale(1, 1) translateY(-900%) 1417 | 1418 | 1419 | 1420 | 1421 | // Zoom 1422 | 1423 | if zoomIn in animations 1424 | @keyframes zoomIn 1425 | 0% 1426 | opacity: 0 1427 | transform: scale3d(.3, .3, .3) 1428 | 50% 1429 | opacity: 1 1430 | if zoomInDown in animations 1431 | @keyframes zoomInDown 1432 | 0% 1433 | opacity: 0 1434 | transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) 1435 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) 1436 | 1437 | 60% 1438 | opacity: 1 1439 | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) 1440 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) 1441 | if zoomInLeft in animations 1442 | @keyframes zoomInLeft 1443 | 0% 1444 | opacity: 0 1445 | transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) 1446 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) 1447 | 1448 | 60% 1449 | opacity: 1 1450 | transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) 1451 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) 1452 | if zoomInRight in animations 1453 | @keyframes zoomInRight 1454 | 0% 1455 | opacity: 0 1456 | transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) 1457 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) 1458 | 1459 | 60% 1460 | opacity: 1 1461 | transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) 1462 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) 1463 | if zoomInUp in animations 1464 | @keyframes zoomInUp 1465 | 0% 1466 | opacity: 0 1467 | transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) 1468 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) 1469 | 1470 | 60% 1471 | opacity: 1 1472 | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) 1473 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) 1474 | if zoomOut in animations 1475 | @keyframes zoomOut 1476 | 0% 1477 | opacity: 1 1478 | 1479 | 50% 1480 | opacity: 0 1481 | transform: scale3d(.3, .3, .3) 1482 | 1483 | 100% 1484 | opacity: 0 1485 | if zoomOutDown in animations 1486 | @keyframes zoomOutDown 1487 | 40% 1488 | opacity: 1 1489 | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) 1490 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) 1491 | 1492 | 100% 1493 | opacity: 0 1494 | transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0) 1495 | transform-origin: center bottom 1496 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) 1497 | if zoomOutLeft in animations 1498 | @keyframes zoomOutLeft 1499 | 40% 1500 | opacity: 1 1501 | transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) 1502 | 1503 | 100% 1504 | opacity: 0 1505 | transform: scale(.1) translate3d(-2000px, 0, 0) 1506 | transform-origin: left center 1507 | if zoomOutRight in animations 1508 | @keyframes zoomOutRight 1509 | 40% 1510 | opacity: 1 1511 | transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) 1512 | 1513 | 100% 1514 | opacity: 0 1515 | transform: scale(.1) translate3d(2000px, 0, 0) 1516 | transform-origin: right center 1517 | if zoomOutUp in animations 1518 | @keyframes zoomOutUp 1519 | 40% 1520 | opacity: 1 1521 | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) 1522 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190) 1523 | 1524 | 100% 1525 | opacity: 0 1526 | transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0) 1527 | transform-origin: center bottom 1528 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1) -------------------------------------------------------------------------------- /dist/nzAnimate.min.css: -------------------------------------------------------------------------------- 1 | .animate{animation-duration:700ms;-webkit-animation-duration:700ms;}.animate.infinite{animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.bounce{animation-name:bounce;-webkit-animation-name:bounce}.flash{animation-name:flash;-webkit-animation-name:flash}.flip{animation-name:flip;-webkit-animation-name:flip}.pulse{animation-name:pulse;-webkit-animation-name:pulse}.rubberBand{animation-name:rubberBand;-webkit-animation-name:rubberBand}.shake{animation-name:shake;-webkit-animation-name:shake}.swing{animation-name:swing;-webkit-animation-name:swing}.tada{animation-name:tada;-webkit-animation-name:tada}.wobble{animation-name:wobble;-webkit-animation-name:wobble}.puffIn{animation-name:puffIn;-webkit-animation-name:puffIn}.puffOut{animation-name:puffOut;-webkit-animation-name:puffOut}.vanishIn{animation-name:vanishIn;-webkit-animation-name:vanishIn}.vanishOut{animation-name:vanishOut;-webkit-animation-name:vanishOut}.bombLeftOut{animation-name:bombLeftOut;-webkit-animation-name:bombLeftOut}.bombRightOut{animation-name:bombRightOut;-webkit-animation-name:bombRightOut}.bounceIn{animation-name:bounceIn;-webkit-animation-name:bounceIn}.bounceInDown{animation-name:bounceInDown;-webkit-animation-name:bounceInDown}.bounceInLeft{animation-name:bounceInLeft;-webkit-animation-name:bounceInLeft}.bounceInRight{animation-name:bounceInRight;-webkit-animation-name:bounceInRight}.bounceInUp{animation-name:bounceInUp;-webkit-animation-name:bounceInUp}.bounceOut{animation-name:bounceOut;-webkit-animation-name:bounceOut}.bounceOutDown{animation-name:bounceOutDown;-webkit-animation-name:bounceOutDown}.bounceOutLeft{animation-name:bounceOutLeft;-webkit-animation-name:bounceOutLeft}.bounceOutRight{animation-name:bounceOutRight;-webkit-animation-name:bounceOutRight}.bounceOutUp{animation-name:bounceOutUp;-webkit-animation-name:bounceOutUp}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn}.fadeInDown{animation-name:fadeInDown;-webkit-animation-name:fadeInDown}.fadeInDownBig{animation-name:fadeInDownBig;-webkit-animation-name:fadeInDownBig}.fadeInLeft{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}.fadeInLeftBig{animation-name:fadeInLeftBig;-webkit-animation-name:fadeInLeftBig}.fadeInRight{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}.fadeInRightBig{animation-name:fadeInRightBig;-webkit-animation-name:fadeInRightBig}.fadeInUp{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}.fadeInUpBig{animation-name:fadeInUpBig;-webkit-animation-name:fadeInUpBig}.fadeOut{animation-name:fadeOut;-webkit-animation-name:fadeOut}.fadeOutDown{animation-name:fadeOutDown;-webkit-animation-name:fadeOutDown}.fadeOutDownBig{animation-name:fadeOutDownBig;-webkit-animation-name:fadeOutDownBig}.fadeOutLeft{animation-name:fadeOutLeft;-webkit-animation-name:fadeOutLeft}.fadeOutLeftBig{animation-name:fadeOutLeftBig;-webkit-animation-name:fadeOutLeftBig}.fadeOutRight{animation-name:fadeOutRight;-webkit-animation-name:fadeOutRight}.fadeOutRightBig{animation-name:fadeOutRightBig;-webkit-animation-name:fadeOutRightBig}.fadeOutUp{animation-name:fadeOutUp;-webkit-animation-name:fadeOutUp}.fadeOutUpBig{animation-name:fadeOutUpBig;-webkit-animation-name:fadeOutUpBig}.flipInX{animation-name:flipInX;-webkit-animation-name:flipInX}.flipInY{animation-name:flipInY;-webkit-animation-name:flipInY}.flipOutX{animation-name:flipOutX;-webkit-animation-name:flipOutX}.flipOutY{animation-name:flipOutY;-webkit-animation-name:flipOutY}.lightSpeedIn{animation-name:lightSpeedIn;-webkit-animation-name:lightSpeedIn}.lightSpeedOut{animation-name:lightSpeedOut;-webkit-animation-name:lightSpeedOut}.magicOut{animation-name:magicOut;-webkit-animation-name:magicOut}.swapIn{animation-name:swapIn;-webkit-animation-name:swapIn}.swapOut{animation-name:swapOut;-webkit-animation-name:swapOut}.twisterInDown{animation-name:twisterInDown;-webkit-animation-name:twisterInDown}.twisterInUp{animation-name:twisterInUp;-webkit-animation-name:twisterInUp}.foolishIn{animation-name:foolishIn;-webkit-animation-name:foolishIn}.foolishOut{animation-name:foolishOut;-webkit-animation-name:foolishOut}.holeIn{animation-name:holeIn;-webkit-animation-name:holeIn}.holeOut{animation-name:holeOut;-webkit-animation-name:holeOut}.swashIn{animation-name:swashIn;-webkit-animation-name:swashIn}.swashOut{animation-name:swashOut;-webkit-animation-name:swashOut}.flopInDown{animation-name:flopInDown;-webkit-animation-name:flopInDown}.flopInLeft{animation-name:flopInLeft;-webkit-animation-name:flopInLeft}.flopInRight{animation-name:flopInRight;-webkit-animation-name:flopInRight}.flopInUp{animation-name:flopInUp;-webkit-animation-name:flopInUp}.flopOutDown{animation-name:flopOutDown;-webkit-animation-name:flopOutDown}.flopOutLeft{animation-name:flopOutLeft;-webkit-animation-name:flopOutLeft}.flopOutRight{animation-name:flopOutRight;-webkit-animation-name:flopOutRight}.flopOutUp{animation-name:flopOutUp;-webkit-animation-name:flopOutUp}.rotateIn{animation-name:rotateIn;-webkit-animation-name:rotateIn}.rotateInDownLeft{animation-name:rotateInDownLeft;-webkit-animation-name:rotateInDownLeft}.rotateInDownRight{animation-name:rotateInDownRight;-webkit-animation-name:rotateInDownRight}.rotateInUpLeft{animation-name:rotateInUpLeft;-webkit-animation-name:rotateInUpLeft}.rotateInUpRight{animation-name:rotateInUpRight;-webkit-animation-name:rotateInUpRight}.rotateOut{animation-name:rotateOut;-webkit-animation-name:rotateOut}.rotateOutDownLeft{animation-name:rotateOutDownLeft;-webkit-animation-name:rotateOutDownLeft}.rotateOutDownRight{animation-name:rotateOutDownRight;-webkit-animation-name:rotateOutDownRight}.rotateOutUpLeft{animation-name:rotateOutUpLeft;-webkit-animation-name:rotateOutUpLeft}.rotateOutUpRight{animation-name:rotateOutUpRight;-webkit-animation-name:rotateOutUpRight}.slideInDown{animation-name:slideInDown;-webkit-animation-name:slideInDown}.slideInLeft{animation-name:slideInLeft;-webkit-animation-name:slideInLeft}.slideInRight{animation-name:slideInRight;-webkit-animation-name:slideInRight}.slideInUp{animation-name:slideInUp;-webkit-animation-name:slideInUp}.slideOutDown{animation-name:slideOutDown;-webkit-animation-name:slideOutDown}.slideOutLeft{animation-name:slideOutLeft;-webkit-animation-name:slideOutLeft}.slideOutRight{animation-name:slideOutRight;-webkit-animation-name:slideOutRight}.slideOutUp{animation-name:slideOutUp;-webkit-animation-name:slideOutUp}.hingeOut{animation-name:hingeOut;-webkit-animation-name:hingeOut}.rollIn{animation-name:rollIn;-webkit-animation-name:rollIn}.rollOut{animation-name:rollOut;-webkit-animation-name:rollOut}.tinInDown{animation-name:tinInDown;-webkit-animation-name:tinInDown}.tinInLeft{animation-name:tinInLeft;-webkit-animation-name:tinInLeft}.tinInRight{animation-name:tinInRight;-webkit-animation-name:tinInRight}.tinInUp{animation-name:tinInUp;-webkit-animation-name:tinInUp}.tinOutDown{animation-name:tinOutDown;-webkit-animation-name:tinOutDown}.tinOutLeft{animation-name:tinOutLeft;-webkit-animation-name:tinOutLeft}.tinOutRight{animation-name:tinOutRight;-webkit-animation-name:tinOutRight}.tinOutUp{animation-name:tinOutUp;-webkit-animation-name:tinOutUp}.zoomIn{animation-name:zoomIn;-webkit-animation-name:zoomIn}.zoomInDown{animation-name:zoomInDown;-webkit-animation-name:zoomInDown}.zoomInLeft{animation-name:zoomInLeft;-webkit-animation-name:zoomInLeft}.zoomInRight{animation-name:zoomInRight;-webkit-animation-name:zoomInRight}.zoomInUp{animation-name:zoomInUp;-webkit-animation-name:zoomInUp}.zoomOut{animation-name:zoomOut;-webkit-animation-name:zoomOut}.zoomOutDown{animation-name:zoomOutDown;-webkit-animation-name:zoomOutDown}.zoomOutLeft{animation-name:zoomOutLeft;-webkit-animation-name:zoomOutLeft}.zoomOutRight{animation-name:zoomOutRight;-webkit-animation-name:zoomOutRight}.zoomOutUp{animation-name:zoomOutUp;-webkit-animation-name:zoomOutUp}.enter-bounce.ng-enter,.enter-bounce.ng-hide-remove{animation-name:bounce;-webkit-animation-name:bounce}.enter-flash.ng-enter,.enter-flash.ng-hide-remove{animation-name:flash;-webkit-animation-name:flash}.enter-flip.ng-enter,.enter-flip.ng-hide-remove{animation-name:flip;-webkit-animation-name:flip}.enter-pulse.ng-enter,.enter-pulse.ng-hide-remove{animation-name:pulse;-webkit-animation-name:pulse}.enter-rubberBand.ng-enter,.enter-rubberBand.ng-hide-remove{animation-name:rubberBand;-webkit-animation-name:rubberBand}.enter-shake.ng-enter,.enter-shake.ng-hide-remove{animation-name:shake;-webkit-animation-name:shake}.enter-swing.ng-enter,.enter-swing.ng-hide-remove{animation-name:swing;-webkit-animation-name:swing}.enter-tada.ng-enter,.enter-tada.ng-hide-remove{animation-name:tada;-webkit-animation-name:tada}.enter-wobble.ng-enter,.enter-wobble.ng-hide-remove{animation-name:wobble;-webkit-animation-name:wobble}.enter-puffIn.ng-enter,.enter-puffIn.ng-hide-remove{animation-name:puffIn;-webkit-animation-name:puffIn}.enter-puffOut.ng-enter,.enter-puffOut.ng-hide-remove{animation-name:puffOut;-webkit-animation-name:puffOut}.enter-vanishIn.ng-enter,.enter-vanishIn.ng-hide-remove{animation-name:vanishIn;-webkit-animation-name:vanishIn}.enter-vanishOut.ng-enter,.enter-vanishOut.ng-hide-remove{animation-name:vanishOut;-webkit-animation-name:vanishOut}.enter-bombLeftOut.ng-enter,.enter-bombLeftOut.ng-hide-remove{animation-name:bombLeftOut;-webkit-animation-name:bombLeftOut}.enter-bombRightOut.ng-enter,.enter-bombRightOut.ng-hide-remove{animation-name:bombRightOut;-webkit-animation-name:bombRightOut}.enter-bounceIn.ng-enter,.enter-bounceIn.ng-hide-remove{animation-name:bounceIn;-webkit-animation-name:bounceIn}.enter-bounceInDown.ng-enter,.enter-bounceInDown.ng-hide-remove{animation-name:bounceInDown;-webkit-animation-name:bounceInDown}.enter-bounceInLeft.ng-enter,.enter-bounceInLeft.ng-hide-remove{animation-name:bounceInLeft;-webkit-animation-name:bounceInLeft}.enter-bounceInRight.ng-enter,.enter-bounceInRight.ng-hide-remove{animation-name:bounceInRight;-webkit-animation-name:bounceInRight}.enter-bounceInUp.ng-enter,.enter-bounceInUp.ng-hide-remove{animation-name:bounceInUp;-webkit-animation-name:bounceInUp}.enter-bounceOut.ng-enter,.enter-bounceOut.ng-hide-remove{animation-name:bounceOut;-webkit-animation-name:bounceOut}.enter-bounceOutDown.ng-enter,.enter-bounceOutDown.ng-hide-remove{animation-name:bounceOutDown;-webkit-animation-name:bounceOutDown}.enter-bounceOutLeft.ng-enter,.enter-bounceOutLeft.ng-hide-remove{animation-name:bounceOutLeft;-webkit-animation-name:bounceOutLeft}.enter-bounceOutRight.ng-enter,.enter-bounceOutRight.ng-hide-remove{animation-name:bounceOutRight;-webkit-animation-name:bounceOutRight}.enter-bounceOutUp.ng-enter,.enter-bounceOutUp.ng-hide-remove{animation-name:bounceOutUp;-webkit-animation-name:bounceOutUp}.enter-fadeIn.ng-enter,.enter-fadeIn.ng-hide-remove{animation-name:fadeIn;-webkit-animation-name:fadeIn}.enter-fadeInDown.ng-enter,.enter-fadeInDown.ng-hide-remove{animation-name:fadeInDown;-webkit-animation-name:fadeInDown}.enter-fadeInDownBig.ng-enter,.enter-fadeInDownBig.ng-hide-remove{animation-name:fadeInDownBig;-webkit-animation-name:fadeInDownBig}.enter-fadeInLeft.ng-enter,.enter-fadeInLeft.ng-hide-remove{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}.enter-fadeInLeftBig.ng-enter,.enter-fadeInLeftBig.ng-hide-remove{animation-name:fadeInLeftBig;-webkit-animation-name:fadeInLeftBig}.enter-fadeInRight.ng-enter,.enter-fadeInRight.ng-hide-remove{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}.enter-fadeInRightBig.ng-enter,.enter-fadeInRightBig.ng-hide-remove{animation-name:fadeInRightBig;-webkit-animation-name:fadeInRightBig}.enter-fadeInUp.ng-enter,.enter-fadeInUp.ng-hide-remove{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}.enter-fadeInUpBig.ng-enter,.enter-fadeInUpBig.ng-hide-remove{animation-name:fadeInUpBig;-webkit-animation-name:fadeInUpBig}.enter-fadeOut.ng-enter,.enter-fadeOut.ng-hide-remove{animation-name:fadeOut;-webkit-animation-name:fadeOut}.enter-fadeOutDown.ng-enter,.enter-fadeOutDown.ng-hide-remove{animation-name:fadeOutDown;-webkit-animation-name:fadeOutDown}.enter-fadeOutDownBig.ng-enter,.enter-fadeOutDownBig.ng-hide-remove{animation-name:fadeOutDownBig;-webkit-animation-name:fadeOutDownBig}.enter-fadeOutLeft.ng-enter,.enter-fadeOutLeft.ng-hide-remove{animation-name:fadeOutLeft;-webkit-animation-name:fadeOutLeft}.enter-fadeOutLeftBig.ng-enter,.enter-fadeOutLeftBig.ng-hide-remove{animation-name:fadeOutLeftBig;-webkit-animation-name:fadeOutLeftBig}.enter-fadeOutRight.ng-enter,.enter-fadeOutRight.ng-hide-remove{animation-name:fadeOutRight;-webkit-animation-name:fadeOutRight}.enter-fadeOutRightBig.ng-enter,.enter-fadeOutRightBig.ng-hide-remove{animation-name:fadeOutRightBig;-webkit-animation-name:fadeOutRightBig}.enter-fadeOutUp.ng-enter,.enter-fadeOutUp.ng-hide-remove{animation-name:fadeOutUp;-webkit-animation-name:fadeOutUp}.enter-fadeOutUpBig.ng-enter,.enter-fadeOutUpBig.ng-hide-remove{animation-name:fadeOutUpBig;-webkit-animation-name:fadeOutUpBig}.enter-flipInX.ng-enter,.enter-flipInX.ng-hide-remove{animation-name:flipInX;-webkit-animation-name:flipInX}.enter-flipInY.ng-enter,.enter-flipInY.ng-hide-remove{animation-name:flipInY;-webkit-animation-name:flipInY}.enter-flipOutX.ng-enter,.enter-flipOutX.ng-hide-remove{animation-name:flipOutX;-webkit-animation-name:flipOutX}.enter-flipOutY.ng-enter,.enter-flipOutY.ng-hide-remove{animation-name:flipOutY;-webkit-animation-name:flipOutY}.enter-lightSpeedIn.ng-enter,.enter-lightSpeedIn.ng-hide-remove{animation-name:lightSpeedIn;-webkit-animation-name:lightSpeedIn}.enter-lightSpeedOut.ng-enter,.enter-lightSpeedOut.ng-hide-remove{animation-name:lightSpeedOut;-webkit-animation-name:lightSpeedOut}.enter-magicOut.ng-enter,.enter-magicOut.ng-hide-remove{animation-name:magicOut;-webkit-animation-name:magicOut}.enter-swapIn.ng-enter,.enter-swapIn.ng-hide-remove{animation-name:swapIn;-webkit-animation-name:swapIn}.enter-swapOut.ng-enter,.enter-swapOut.ng-hide-remove{animation-name:swapOut;-webkit-animation-name:swapOut}.enter-twisterInDown.ng-enter,.enter-twisterInDown.ng-hide-remove{animation-name:twisterInDown;-webkit-animation-name:twisterInDown}.enter-twisterInUp.ng-enter,.enter-twisterInUp.ng-hide-remove{animation-name:twisterInUp;-webkit-animation-name:twisterInUp}.enter-foolishIn.ng-enter,.enter-foolishIn.ng-hide-remove{animation-name:foolishIn;-webkit-animation-name:foolishIn}.enter-foolishOut.ng-enter,.enter-foolishOut.ng-hide-remove{animation-name:foolishOut;-webkit-animation-name:foolishOut}.enter-holeIn.ng-enter,.enter-holeIn.ng-hide-remove{animation-name:holeIn;-webkit-animation-name:holeIn}.enter-holeOut.ng-enter,.enter-holeOut.ng-hide-remove{animation-name:holeOut;-webkit-animation-name:holeOut}.enter-swashIn.ng-enter,.enter-swashIn.ng-hide-remove{animation-name:swashIn;-webkit-animation-name:swashIn}.enter-swashOut.ng-enter,.enter-swashOut.ng-hide-remove{animation-name:swashOut;-webkit-animation-name:swashOut}.enter-flopInDown.ng-enter,.enter-flopInDown.ng-hide-remove{animation-name:flopInDown;-webkit-animation-name:flopInDown}.enter-flopInLeft.ng-enter,.enter-flopInLeft.ng-hide-remove{animation-name:flopInLeft;-webkit-animation-name:flopInLeft}.enter-flopInRight.ng-enter,.enter-flopInRight.ng-hide-remove{animation-name:flopInRight;-webkit-animation-name:flopInRight}.enter-flopInUp.ng-enter,.enter-flopInUp.ng-hide-remove{animation-name:flopInUp;-webkit-animation-name:flopInUp}.enter-flopOutDown.ng-enter,.enter-flopOutDown.ng-hide-remove{animation-name:flopOutDown;-webkit-animation-name:flopOutDown}.enter-flopOutLeft.ng-enter,.enter-flopOutLeft.ng-hide-remove{animation-name:flopOutLeft;-webkit-animation-name:flopOutLeft}.enter-flopOutRight.ng-enter,.enter-flopOutRight.ng-hide-remove{animation-name:flopOutRight;-webkit-animation-name:flopOutRight}.enter-flopOutUp.ng-enter,.enter-flopOutUp.ng-hide-remove{animation-name:flopOutUp;-webkit-animation-name:flopOutUp}.enter-rotateIn.ng-enter,.enter-rotateIn.ng-hide-remove{animation-name:rotateIn;-webkit-animation-name:rotateIn}.enter-rotateInDownLeft.ng-enter,.enter-rotateInDownLeft.ng-hide-remove{animation-name:rotateInDownLeft;-webkit-animation-name:rotateInDownLeft}.enter-rotateInDownRight.ng-enter,.enter-rotateInDownRight.ng-hide-remove{animation-name:rotateInDownRight;-webkit-animation-name:rotateInDownRight}.enter-rotateInUpLeft.ng-enter,.enter-rotateInUpLeft.ng-hide-remove{animation-name:rotateInUpLeft;-webkit-animation-name:rotateInUpLeft}.enter-rotateInUpRight.ng-enter,.enter-rotateInUpRight.ng-hide-remove{animation-name:rotateInUpRight;-webkit-animation-name:rotateInUpRight}.enter-rotateOut.ng-enter,.enter-rotateOut.ng-hide-remove{animation-name:rotateOut;-webkit-animation-name:rotateOut}.enter-rotateOutDownLeft.ng-enter,.enter-rotateOutDownLeft.ng-hide-remove{animation-name:rotateOutDownLeft;-webkit-animation-name:rotateOutDownLeft}.enter-rotateOutDownRight.ng-enter,.enter-rotateOutDownRight.ng-hide-remove{animation-name:rotateOutDownRight;-webkit-animation-name:rotateOutDownRight}.enter-rotateOutUpLeft.ng-enter,.enter-rotateOutUpLeft.ng-hide-remove{animation-name:rotateOutUpLeft;-webkit-animation-name:rotateOutUpLeft}.enter-rotateOutUpRight.ng-enter,.enter-rotateOutUpRight.ng-hide-remove{animation-name:rotateOutUpRight;-webkit-animation-name:rotateOutUpRight}.enter-slideInDown.ng-enter,.enter-slideInDown.ng-hide-remove{animation-name:slideInDown;-webkit-animation-name:slideInDown}.enter-slideInLeft.ng-enter,.enter-slideInLeft.ng-hide-remove{animation-name:slideInLeft;-webkit-animation-name:slideInLeft}.enter-slideInRight.ng-enter,.enter-slideInRight.ng-hide-remove{animation-name:slideInRight;-webkit-animation-name:slideInRight}.enter-slideInUp.ng-enter,.enter-slideInUp.ng-hide-remove{animation-name:slideInUp;-webkit-animation-name:slideInUp}.enter-slideOutDown.ng-enter,.enter-slideOutDown.ng-hide-remove{animation-name:slideOutDown;-webkit-animation-name:slideOutDown}.enter-slideOutLeft.ng-enter,.enter-slideOutLeft.ng-hide-remove{animation-name:slideOutLeft;-webkit-animation-name:slideOutLeft}.enter-slideOutRight.ng-enter,.enter-slideOutRight.ng-hide-remove{animation-name:slideOutRight;-webkit-animation-name:slideOutRight}.enter-slideOutUp.ng-enter,.enter-slideOutUp.ng-hide-remove{animation-name:slideOutUp;-webkit-animation-name:slideOutUp}.enter-hingeOut.ng-enter,.enter-hingeOut.ng-hide-remove{animation-name:hingeOut;-webkit-animation-name:hingeOut}.enter-rollIn.ng-enter,.enter-rollIn.ng-hide-remove{animation-name:rollIn;-webkit-animation-name:rollIn}.enter-rollOut.ng-enter,.enter-rollOut.ng-hide-remove{animation-name:rollOut;-webkit-animation-name:rollOut}.enter-tinInDown.ng-enter,.enter-tinInDown.ng-hide-remove{animation-name:tinInDown;-webkit-animation-name:tinInDown}.enter-tinInLeft.ng-enter,.enter-tinInLeft.ng-hide-remove{animation-name:tinInLeft;-webkit-animation-name:tinInLeft}.enter-tinInRight.ng-enter,.enter-tinInRight.ng-hide-remove{animation-name:tinInRight;-webkit-animation-name:tinInRight}.enter-tinInUp.ng-enter,.enter-tinInUp.ng-hide-remove{animation-name:tinInUp;-webkit-animation-name:tinInUp}.enter-tinOutDown.ng-enter,.enter-tinOutDown.ng-hide-remove{animation-name:tinOutDown;-webkit-animation-name:tinOutDown}.enter-tinOutLeft.ng-enter,.enter-tinOutLeft.ng-hide-remove{animation-name:tinOutLeft;-webkit-animation-name:tinOutLeft}.enter-tinOutRight.ng-enter,.enter-tinOutRight.ng-hide-remove{animation-name:tinOutRight;-webkit-animation-name:tinOutRight}.enter-tinOutUp.ng-enter,.enter-tinOutUp.ng-hide-remove{animation-name:tinOutUp;-webkit-animation-name:tinOutUp}.enter-zoomIn.ng-enter,.enter-zoomIn.ng-hide-remove{animation-name:zoomIn;-webkit-animation-name:zoomIn}.enter-zoomInDown.ng-enter,.enter-zoomInDown.ng-hide-remove{animation-name:zoomInDown;-webkit-animation-name:zoomInDown}.enter-zoomInLeft.ng-enter,.enter-zoomInLeft.ng-hide-remove{animation-name:zoomInLeft;-webkit-animation-name:zoomInLeft}.enter-zoomInRight.ng-enter,.enter-zoomInRight.ng-hide-remove{animation-name:zoomInRight;-webkit-animation-name:zoomInRight}.enter-zoomInUp.ng-enter,.enter-zoomInUp.ng-hide-remove{animation-name:zoomInUp;-webkit-animation-name:zoomInUp}.enter-zoomOut.ng-enter,.enter-zoomOut.ng-hide-remove{animation-name:zoomOut;-webkit-animation-name:zoomOut}.enter-zoomOutDown.ng-enter,.enter-zoomOutDown.ng-hide-remove{animation-name:zoomOutDown;-webkit-animation-name:zoomOutDown}.enter-zoomOutLeft.ng-enter,.enter-zoomOutLeft.ng-hide-remove{animation-name:zoomOutLeft;-webkit-animation-name:zoomOutLeft}.enter-zoomOutRight.ng-enter,.enter-zoomOutRight.ng-hide-remove{animation-name:zoomOutRight;-webkit-animation-name:zoomOutRight}.enter-zoomOutUp.ng-enter,.enter-zoomOutUp.ng-hide-remove{animation-name:zoomOutUp;-webkit-animation-name:zoomOutUp}.exit-bounce.ng-leave,.exit-bounce.ng-hide-add{animation-name:bounce;-webkit-animation-name:bounce}.exit-flash.ng-leave,.exit-flash.ng-hide-add{animation-name:flash;-webkit-animation-name:flash}.exit-flip.ng-leave,.exit-flip.ng-hide-add{animation-name:flip;-webkit-animation-name:flip}.exit-pulse.ng-leave,.exit-pulse.ng-hide-add{animation-name:pulse;-webkit-animation-name:pulse}.exit-rubberBand.ng-leave,.exit-rubberBand.ng-hide-add{animation-name:rubberBand;-webkit-animation-name:rubberBand}.exit-shake.ng-leave,.exit-shake.ng-hide-add{animation-name:shake;-webkit-animation-name:shake}.exit-swing.ng-leave,.exit-swing.ng-hide-add{animation-name:swing;-webkit-animation-name:swing}.exit-tada.ng-leave,.exit-tada.ng-hide-add{animation-name:tada;-webkit-animation-name:tada}.exit-wobble.ng-leave,.exit-wobble.ng-hide-add{animation-name:wobble;-webkit-animation-name:wobble}.exit-puffIn.ng-leave,.exit-puffIn.ng-hide-add{animation-name:puffIn;-webkit-animation-name:puffIn}.exit-puffOut.ng-leave,.exit-puffOut.ng-hide-add{animation-name:puffOut;-webkit-animation-name:puffOut}.exit-vanishIn.ng-leave,.exit-vanishIn.ng-hide-add{animation-name:vanishIn;-webkit-animation-name:vanishIn}.exit-vanishOut.ng-leave,.exit-vanishOut.ng-hide-add{animation-name:vanishOut;-webkit-animation-name:vanishOut}.exit-bombLeftOut.ng-leave,.exit-bombLeftOut.ng-hide-add{animation-name:bombLeftOut;-webkit-animation-name:bombLeftOut}.exit-bombRightOut.ng-leave,.exit-bombRightOut.ng-hide-add{animation-name:bombRightOut;-webkit-animation-name:bombRightOut}.exit-bounceIn.ng-leave,.exit-bounceIn.ng-hide-add{animation-name:bounceIn;-webkit-animation-name:bounceIn}.exit-bounceInDown.ng-leave,.exit-bounceInDown.ng-hide-add{animation-name:bounceInDown;-webkit-animation-name:bounceInDown}.exit-bounceInLeft.ng-leave,.exit-bounceInLeft.ng-hide-add{animation-name:bounceInLeft;-webkit-animation-name:bounceInLeft}.exit-bounceInRight.ng-leave,.exit-bounceInRight.ng-hide-add{animation-name:bounceInRight;-webkit-animation-name:bounceInRight}.exit-bounceInUp.ng-leave,.exit-bounceInUp.ng-hide-add{animation-name:bounceInUp;-webkit-animation-name:bounceInUp}.exit-bounceOut.ng-leave,.exit-bounceOut.ng-hide-add{animation-name:bounceOut;-webkit-animation-name:bounceOut}.exit-bounceOutDown.ng-leave,.exit-bounceOutDown.ng-hide-add{animation-name:bounceOutDown;-webkit-animation-name:bounceOutDown}.exit-bounceOutLeft.ng-leave,.exit-bounceOutLeft.ng-hide-add{animation-name:bounceOutLeft;-webkit-animation-name:bounceOutLeft}.exit-bounceOutRight.ng-leave,.exit-bounceOutRight.ng-hide-add{animation-name:bounceOutRight;-webkit-animation-name:bounceOutRight}.exit-bounceOutUp.ng-leave,.exit-bounceOutUp.ng-hide-add{animation-name:bounceOutUp;-webkit-animation-name:bounceOutUp}.exit-fadeIn.ng-leave,.exit-fadeIn.ng-hide-add{animation-name:fadeIn;-webkit-animation-name:fadeIn}.exit-fadeInDown.ng-leave,.exit-fadeInDown.ng-hide-add{animation-name:fadeInDown;-webkit-animation-name:fadeInDown}.exit-fadeInDownBig.ng-leave,.exit-fadeInDownBig.ng-hide-add{animation-name:fadeInDownBig;-webkit-animation-name:fadeInDownBig}.exit-fadeInLeft.ng-leave,.exit-fadeInLeft.ng-hide-add{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}.exit-fadeInLeftBig.ng-leave,.exit-fadeInLeftBig.ng-hide-add{animation-name:fadeInLeftBig;-webkit-animation-name:fadeInLeftBig}.exit-fadeInRight.ng-leave,.exit-fadeInRight.ng-hide-add{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}.exit-fadeInRightBig.ng-leave,.exit-fadeInRightBig.ng-hide-add{animation-name:fadeInRightBig;-webkit-animation-name:fadeInRightBig}.exit-fadeInUp.ng-leave,.exit-fadeInUp.ng-hide-add{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}.exit-fadeInUpBig.ng-leave,.exit-fadeInUpBig.ng-hide-add{animation-name:fadeInUpBig;-webkit-animation-name:fadeInUpBig}.exit-fadeOut.ng-leave,.exit-fadeOut.ng-hide-add{animation-name:fadeOut;-webkit-animation-name:fadeOut}.exit-fadeOutDown.ng-leave,.exit-fadeOutDown.ng-hide-add{animation-name:fadeOutDown;-webkit-animation-name:fadeOutDown}.exit-fadeOutDownBig.ng-leave,.exit-fadeOutDownBig.ng-hide-add{animation-name:fadeOutDownBig;-webkit-animation-name:fadeOutDownBig}.exit-fadeOutLeft.ng-leave,.exit-fadeOutLeft.ng-hide-add{animation-name:fadeOutLeft;-webkit-animation-name:fadeOutLeft}.exit-fadeOutLeftBig.ng-leave,.exit-fadeOutLeftBig.ng-hide-add{animation-name:fadeOutLeftBig;-webkit-animation-name:fadeOutLeftBig}.exit-fadeOutRight.ng-leave,.exit-fadeOutRight.ng-hide-add{animation-name:fadeOutRight;-webkit-animation-name:fadeOutRight}.exit-fadeOutRightBig.ng-leave,.exit-fadeOutRightBig.ng-hide-add{animation-name:fadeOutRightBig;-webkit-animation-name:fadeOutRightBig}.exit-fadeOutUp.ng-leave,.exit-fadeOutUp.ng-hide-add{animation-name:fadeOutUp;-webkit-animation-name:fadeOutUp}.exit-fadeOutUpBig.ng-leave,.exit-fadeOutUpBig.ng-hide-add{animation-name:fadeOutUpBig;-webkit-animation-name:fadeOutUpBig}.exit-flipInX.ng-leave,.exit-flipInX.ng-hide-add{animation-name:flipInX;-webkit-animation-name:flipInX}.exit-flipInY.ng-leave,.exit-flipInY.ng-hide-add{animation-name:flipInY;-webkit-animation-name:flipInY}.exit-flipOutX.ng-leave,.exit-flipOutX.ng-hide-add{animation-name:flipOutX;-webkit-animation-name:flipOutX}.exit-flipOutY.ng-leave,.exit-flipOutY.ng-hide-add{animation-name:flipOutY;-webkit-animation-name:flipOutY}.exit-lightSpeedIn.ng-leave,.exit-lightSpeedIn.ng-hide-add{animation-name:lightSpeedIn;-webkit-animation-name:lightSpeedIn}.exit-lightSpeedOut.ng-leave,.exit-lightSpeedOut.ng-hide-add{animation-name:lightSpeedOut;-webkit-animation-name:lightSpeedOut}.exit-magicOut.ng-leave,.exit-magicOut.ng-hide-add{animation-name:magicOut;-webkit-animation-name:magicOut}.exit-swapIn.ng-leave,.exit-swapIn.ng-hide-add{animation-name:swapIn;-webkit-animation-name:swapIn}.exit-swapOut.ng-leave,.exit-swapOut.ng-hide-add{animation-name:swapOut;-webkit-animation-name:swapOut}.exit-twisterInDown.ng-leave,.exit-twisterInDown.ng-hide-add{animation-name:twisterInDown;-webkit-animation-name:twisterInDown}.exit-twisterInUp.ng-leave,.exit-twisterInUp.ng-hide-add{animation-name:twisterInUp;-webkit-animation-name:twisterInUp}.exit-foolishIn.ng-leave,.exit-foolishIn.ng-hide-add{animation-name:foolishIn;-webkit-animation-name:foolishIn}.exit-foolishOut.ng-leave,.exit-foolishOut.ng-hide-add{animation-name:foolishOut;-webkit-animation-name:foolishOut}.exit-holeIn.ng-leave,.exit-holeIn.ng-hide-add{animation-name:holeIn;-webkit-animation-name:holeIn}.exit-holeOut.ng-leave,.exit-holeOut.ng-hide-add{animation-name:holeOut;-webkit-animation-name:holeOut}.exit-swashIn.ng-leave,.exit-swashIn.ng-hide-add{animation-name:swashIn;-webkit-animation-name:swashIn}.exit-swashOut.ng-leave,.exit-swashOut.ng-hide-add{animation-name:swashOut;-webkit-animation-name:swashOut}.exit-flopInDown.ng-leave,.exit-flopInDown.ng-hide-add{animation-name:flopInDown;-webkit-animation-name:flopInDown}.exit-flopInLeft.ng-leave,.exit-flopInLeft.ng-hide-add{animation-name:flopInLeft;-webkit-animation-name:flopInLeft}.exit-flopInRight.ng-leave,.exit-flopInRight.ng-hide-add{animation-name:flopInRight;-webkit-animation-name:flopInRight}.exit-flopInUp.ng-leave,.exit-flopInUp.ng-hide-add{animation-name:flopInUp;-webkit-animation-name:flopInUp}.exit-flopOutDown.ng-leave,.exit-flopOutDown.ng-hide-add{animation-name:flopOutDown;-webkit-animation-name:flopOutDown}.exit-flopOutLeft.ng-leave,.exit-flopOutLeft.ng-hide-add{animation-name:flopOutLeft;-webkit-animation-name:flopOutLeft}.exit-flopOutRight.ng-leave,.exit-flopOutRight.ng-hide-add{animation-name:flopOutRight;-webkit-animation-name:flopOutRight}.exit-flopOutUp.ng-leave,.exit-flopOutUp.ng-hide-add{animation-name:flopOutUp;-webkit-animation-name:flopOutUp}.exit-rotateIn.ng-leave,.exit-rotateIn.ng-hide-add{animation-name:rotateIn;-webkit-animation-name:rotateIn}.exit-rotateInDownLeft.ng-leave,.exit-rotateInDownLeft.ng-hide-add{animation-name:rotateInDownLeft;-webkit-animation-name:rotateInDownLeft}.exit-rotateInDownRight.ng-leave,.exit-rotateInDownRight.ng-hide-add{animation-name:rotateInDownRight;-webkit-animation-name:rotateInDownRight}.exit-rotateInUpLeft.ng-leave,.exit-rotateInUpLeft.ng-hide-add{animation-name:rotateInUpLeft;-webkit-animation-name:rotateInUpLeft}.exit-rotateInUpRight.ng-leave,.exit-rotateInUpRight.ng-hide-add{animation-name:rotateInUpRight;-webkit-animation-name:rotateInUpRight}.exit-rotateOut.ng-leave,.exit-rotateOut.ng-hide-add{animation-name:rotateOut;-webkit-animation-name:rotateOut}.exit-rotateOutDownLeft.ng-leave,.exit-rotateOutDownLeft.ng-hide-add{animation-name:rotateOutDownLeft;-webkit-animation-name:rotateOutDownLeft}.exit-rotateOutDownRight.ng-leave,.exit-rotateOutDownRight.ng-hide-add{animation-name:rotateOutDownRight;-webkit-animation-name:rotateOutDownRight}.exit-rotateOutUpLeft.ng-leave,.exit-rotateOutUpLeft.ng-hide-add{animation-name:rotateOutUpLeft;-webkit-animation-name:rotateOutUpLeft}.exit-rotateOutUpRight.ng-leave,.exit-rotateOutUpRight.ng-hide-add{animation-name:rotateOutUpRight;-webkit-animation-name:rotateOutUpRight}.exit-slideInDown.ng-leave,.exit-slideInDown.ng-hide-add{animation-name:slideInDown;-webkit-animation-name:slideInDown}.exit-slideInLeft.ng-leave,.exit-slideInLeft.ng-hide-add{animation-name:slideInLeft;-webkit-animation-name:slideInLeft}.exit-slideInRight.ng-leave,.exit-slideInRight.ng-hide-add{animation-name:slideInRight;-webkit-animation-name:slideInRight}.exit-slideInUp.ng-leave,.exit-slideInUp.ng-hide-add{animation-name:slideInUp;-webkit-animation-name:slideInUp}.exit-slideOutDown.ng-leave,.exit-slideOutDown.ng-hide-add{animation-name:slideOutDown;-webkit-animation-name:slideOutDown}.exit-slideOutLeft.ng-leave,.exit-slideOutLeft.ng-hide-add{animation-name:slideOutLeft;-webkit-animation-name:slideOutLeft}.exit-slideOutRight.ng-leave,.exit-slideOutRight.ng-hide-add{animation-name:slideOutRight;-webkit-animation-name:slideOutRight}.exit-slideOutUp.ng-leave,.exit-slideOutUp.ng-hide-add{animation-name:slideOutUp;-webkit-animation-name:slideOutUp}.exit-hingeOut.ng-leave,.exit-hingeOut.ng-hide-add{animation-name:hingeOut;-webkit-animation-name:hingeOut}.exit-rollIn.ng-leave,.exit-rollIn.ng-hide-add{animation-name:rollIn;-webkit-animation-name:rollIn}.exit-rollOut.ng-leave,.exit-rollOut.ng-hide-add{animation-name:rollOut;-webkit-animation-name:rollOut}.exit-tinInDown.ng-leave,.exit-tinInDown.ng-hide-add{animation-name:tinInDown;-webkit-animation-name:tinInDown}.exit-tinInLeft.ng-leave,.exit-tinInLeft.ng-hide-add{animation-name:tinInLeft;-webkit-animation-name:tinInLeft}.exit-tinInRight.ng-leave,.exit-tinInRight.ng-hide-add{animation-name:tinInRight;-webkit-animation-name:tinInRight}.exit-tinInUp.ng-leave,.exit-tinInUp.ng-hide-add{animation-name:tinInUp;-webkit-animation-name:tinInUp}.exit-tinOutDown.ng-leave,.exit-tinOutDown.ng-hide-add{animation-name:tinOutDown;-webkit-animation-name:tinOutDown}.exit-tinOutLeft.ng-leave,.exit-tinOutLeft.ng-hide-add{animation-name:tinOutLeft;-webkit-animation-name:tinOutLeft}.exit-tinOutRight.ng-leave,.exit-tinOutRight.ng-hide-add{animation-name:tinOutRight;-webkit-animation-name:tinOutRight}.exit-tinOutUp.ng-leave,.exit-tinOutUp.ng-hide-add{animation-name:tinOutUp;-webkit-animation-name:tinOutUp}.exit-zoomIn.ng-leave,.exit-zoomIn.ng-hide-add{animation-name:zoomIn;-webkit-animation-name:zoomIn}.exit-zoomInDown.ng-leave,.exit-zoomInDown.ng-hide-add{animation-name:zoomInDown;-webkit-animation-name:zoomInDown}.exit-zoomInLeft.ng-leave,.exit-zoomInLeft.ng-hide-add{animation-name:zoomInLeft;-webkit-animation-name:zoomInLeft}.exit-zoomInRight.ng-leave,.exit-zoomInRight.ng-hide-add{animation-name:zoomInRight;-webkit-animation-name:zoomInRight}.exit-zoomInUp.ng-leave,.exit-zoomInUp.ng-hide-add{animation-name:zoomInUp;-webkit-animation-name:zoomInUp}.exit-zoomOut.ng-leave,.exit-zoomOut.ng-hide-add{animation-name:zoomOut;-webkit-animation-name:zoomOut}.exit-zoomOutDown.ng-leave,.exit-zoomOutDown.ng-hide-add{animation-name:zoomOutDown;-webkit-animation-name:zoomOutDown}.exit-zoomOutLeft.ng-leave,.exit-zoomOutLeft.ng-hide-add{animation-name:zoomOutLeft;-webkit-animation-name:zoomOutLeft}.exit-zoomOutRight.ng-leave,.exit-zoomOutRight.ng-hide-add{animation-name:zoomOutRight;-webkit-animation-name:zoomOutRight}.exit-zoomOutUp.ng-leave,.exit-zoomOutUp.ng-hide-add{animation-name:zoomOutUp;-webkit-animation-name:zoomOutUp}.stagger-0.ng-enter-stagger,.stagger-0.ng-leave-stagger{animation-delay:0ms;-webkit-animation-delay:0ms;animation-duration:0;-webkit-animation-duration:0}.stagger-50.ng-enter-stagger,.stagger-50.ng-leave-stagger{animation-delay:50ms;-webkit-animation-delay:50ms;animation-duration:0;-webkit-animation-duration:0}.stagger-100.ng-enter-stagger,.stagger-100.ng-leave-stagger{animation-delay:100ms;-webkit-animation-delay:100ms;animation-duration:0;-webkit-animation-duration:0}.stagger-150.ng-enter-stagger,.stagger-150.ng-leave-stagger{animation-delay:150ms;-webkit-animation-delay:150ms;animation-duration:0;-webkit-animation-duration:0}.stagger-200.ng-enter-stagger,.stagger-200.ng-leave-stagger{animation-delay:200ms;-webkit-animation-delay:200ms;animation-duration:0;-webkit-animation-duration:0}.stagger-250.ng-enter-stagger,.stagger-250.ng-leave-stagger{animation-delay:250ms;-webkit-animation-delay:250ms;animation-duration:0;-webkit-animation-duration:0}.stagger-300.ng-enter-stagger,.stagger-300.ng-leave-stagger{animation-delay:300ms;-webkit-animation-delay:300ms;animation-duration:0;-webkit-animation-duration:0}.stagger-350.ng-enter-stagger,.stagger-350.ng-leave-stagger{animation-delay:350ms;-webkit-animation-delay:350ms;animation-duration:0;-webkit-animation-duration:0}.stagger-400.ng-enter-stagger,.stagger-400.ng-leave-stagger{animation-delay:400ms;-webkit-animation-delay:400ms;animation-duration:0;-webkit-animation-duration:0}.stagger-450.ng-enter-stagger,.stagger-450.ng-leave-stagger{animation-delay:450ms;-webkit-animation-delay:450ms;animation-duration:0;-webkit-animation-duration:0}.stagger-500.ng-enter-stagger,.stagger-500.ng-leave-stagger{animation-delay:500ms;-webkit-animation-delay:500ms;animation-duration:0;-webkit-animation-duration:0}.stagger-550.ng-enter-stagger,.stagger-550.ng-leave-stagger{animation-delay:550ms;-webkit-animation-delay:550ms;animation-duration:0;-webkit-animation-duration:0}.stagger-600.ng-enter-stagger,.stagger-600.ng-leave-stagger{animation-delay:600ms;-webkit-animation-delay:600ms;animation-duration:0;-webkit-animation-duration:0}.stagger-650.ng-enter-stagger,.stagger-650.ng-leave-stagger{animation-delay:650ms;-webkit-animation-delay:650ms;animation-duration:0;-webkit-animation-duration:0}.stagger-700.ng-enter-stagger,.stagger-700.ng-leave-stagger{animation-delay:700ms;-webkit-animation-delay:700ms;animation-duration:0;-webkit-animation-duration:0}.stagger-750.ng-enter-stagger,.stagger-750.ng-leave-stagger{animation-delay:750ms;-webkit-animation-delay:750ms;animation-duration:0;-webkit-animation-duration:0}.stagger-800.ng-enter-stagger,.stagger-800.ng-leave-stagger{animation-delay:800ms;-webkit-animation-delay:800ms;animation-duration:0;-webkit-animation-duration:0}.stagger-850.ng-enter-stagger,.stagger-850.ng-leave-stagger{animation-delay:850ms;-webkit-animation-delay:850ms;animation-duration:0;-webkit-animation-duration:0}.stagger-900.ng-enter-stagger,.stagger-900.ng-leave-stagger{animation-delay:900ms;-webkit-animation-delay:900ms;animation-duration:0;-webkit-animation-duration:0}.stagger-950.ng-enter-stagger,.stagger-950.ng-leave-stagger{animation-delay:950ms;-webkit-animation-delay:950ms;animation-duration:0;-webkit-animation-duration:0}.stagger-1000.ng-enter-stagger,.stagger-1000.ng-leave-stagger{animation-delay:1000ms;-webkit-animation-delay:1000ms;animation-duration:0;-webkit-animation-duration:0}.speed-0{animation-duration:0ms;-webkit-animation-duration:0ms}.speed-50{animation-duration:50ms;-webkit-animation-duration:50ms}.speed-100{animation-duration:100ms;-webkit-animation-duration:100ms}.speed-150{animation-duration:150ms;-webkit-animation-duration:150ms}.speed-200{animation-duration:200ms;-webkit-animation-duration:200ms}.speed-250{animation-duration:250ms;-webkit-animation-duration:250ms}.speed-300{animation-duration:300ms;-webkit-animation-duration:300ms}.speed-350{animation-duration:350ms;-webkit-animation-duration:350ms}.speed-400{animation-duration:400ms;-webkit-animation-duration:400ms}.speed-450{animation-duration:450ms;-webkit-animation-duration:450ms}.speed-500{animation-duration:500ms;-webkit-animation-duration:500ms}.speed-550{animation-duration:550ms;-webkit-animation-duration:550ms}.speed-600{animation-duration:600ms;-webkit-animation-duration:600ms}.speed-650{animation-duration:650ms;-webkit-animation-duration:650ms}.speed-700{animation-duration:700ms;-webkit-animation-duration:700ms}.speed-750{animation-duration:750ms;-webkit-animation-duration:750ms}.speed-800{animation-duration:800ms;-webkit-animation-duration:800ms}.speed-850{animation-duration:850ms;-webkit-animation-duration:850ms}.speed-900{animation-duration:900ms;-webkit-animation-duration:900ms}.speed-950{animation-duration:950ms;-webkit-animation-duration:950ms}.speed-1000{animation-duration:1000ms;-webkit-animation-duration:1000ms}.speed-1050{animation-duration:1050ms;-webkit-animation-duration:1050ms}.speed-1100{animation-duration:1100ms;-webkit-animation-duration:1100ms}.speed-1150{animation-duration:1150ms;-webkit-animation-duration:1150ms}.speed-1200{animation-duration:1200ms;-webkit-animation-duration:1200ms}.speed-1250{animation-duration:1250ms;-webkit-animation-duration:1250ms}.speed-1300{animation-duration:1300ms;-webkit-animation-duration:1300ms}.speed-1350{animation-duration:1350ms;-webkit-animation-duration:1350ms}.speed-1400{animation-duration:1400ms;-webkit-animation-duration:1400ms}.speed-1450{animation-duration:1450ms;-webkit-animation-duration:1450ms}.speed-1500{animation-duration:1500ms;-webkit-animation-duration:1500ms}.speed-1550{animation-duration:1550ms;-webkit-animation-duration:1550ms}.speed-1600{animation-duration:1600ms;-webkit-animation-duration:1600ms}.speed-1650{animation-duration:1650ms;-webkit-animation-duration:1650ms}.speed-1700{animation-duration:1700ms;-webkit-animation-duration:1700ms}.speed-1750{animation-duration:1750ms;-webkit-animation-duration:1750ms}.speed-1800{animation-duration:1800ms;-webkit-animation-duration:1800ms}.speed-1850{animation-duration:1850ms;-webkit-animation-duration:1850ms}.speed-1900{animation-duration:1900ms;-webkit-animation-duration:1900ms}.speed-1950{animation-duration:1950ms;-webkit-animation-duration:1950ms}.speed-2000{animation-duration:2000ms;-webkit-animation-duration:2000ms}.speed-2050{animation-duration:2050ms;-webkit-animation-duration:2050ms}.speed-2100{animation-duration:2100ms;-webkit-animation-duration:2100ms}.speed-2150{animation-duration:2150ms;-webkit-animation-duration:2150ms}.speed-2200{animation-duration:2200ms;-webkit-animation-duration:2200ms}.speed-2250{animation-duration:2250ms;-webkit-animation-duration:2250ms}.speed-2300{animation-duration:2300ms;-webkit-animation-duration:2300ms}.speed-2350{animation-duration:2350ms;-webkit-animation-duration:2350ms}.speed-2400{animation-duration:2400ms;-webkit-animation-duration:2400ms}.speed-2450{animation-duration:2450ms;-webkit-animation-duration:2450ms}.speed-2500{animation-duration:2500ms;-webkit-animation-duration:2500ms}.speed-2550{animation-duration:2550ms;-webkit-animation-duration:2550ms}.speed-2600{animation-duration:2600ms;-webkit-animation-duration:2600ms}.speed-2650{animation-duration:2650ms;-webkit-animation-duration:2650ms}.speed-2700{animation-duration:2700ms;-webkit-animation-duration:2700ms}.speed-2750{animation-duration:2750ms;-webkit-animation-duration:2750ms}.speed-2800{animation-duration:2800ms;-webkit-animation-duration:2800ms}.speed-2850{animation-duration:2850ms;-webkit-animation-duration:2850ms}.speed-2900{animation-duration:2900ms;-webkit-animation-duration:2900ms}.speed-2950{animation-duration:2950ms;-webkit-animation-duration:2950ms}.speed-3000{animation-duration:3000ms;-webkit-animation-duration:3000ms}.speed-3050{animation-duration:3050ms;-webkit-animation-duration:3050ms}.speed-3100{animation-duration:3100ms;-webkit-animation-duration:3100ms}.speed-3150{animation-duration:3150ms;-webkit-animation-duration:3150ms}.speed-3200{animation-duration:3200ms;-webkit-animation-duration:3200ms}.speed-3250{animation-duration:3250ms;-webkit-animation-duration:3250ms}.speed-3300{animation-duration:3300ms;-webkit-animation-duration:3300ms}.speed-3350{animation-duration:3350ms;-webkit-animation-duration:3350ms}.speed-3400{animation-duration:3400ms;-webkit-animation-duration:3400ms}.speed-3450{animation-duration:3450ms;-webkit-animation-duration:3450ms}.speed-3500{animation-duration:3500ms;-webkit-animation-duration:3500ms}.speed-3550{animation-duration:3550ms;-webkit-animation-duration:3550ms}.speed-3600{animation-duration:3600ms;-webkit-animation-duration:3600ms}.speed-3650{animation-duration:3650ms;-webkit-animation-duration:3650ms}.speed-3700{animation-duration:3700ms;-webkit-animation-duration:3700ms}.speed-3750{animation-duration:3750ms;-webkit-animation-duration:3750ms}.speed-3800{animation-duration:3800ms;-webkit-animation-duration:3800ms}.speed-3850{animation-duration:3850ms;-webkit-animation-duration:3850ms}.speed-3900{animation-duration:3900ms;-webkit-animation-duration:3900ms}.speed-3950{animation-duration:3950ms;-webkit-animation-duration:3950ms}.speed-4000{animation-duration:4000ms;-webkit-animation-duration:4000ms}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);-webkit-transform:translateY(0)}40%{transform:translateY(-30px);-webkit-transform:translateY(-30px)}60%{transform:translateY(-15px);-webkit-transform:translateY(-15px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);-webkit-transform:translateY(0)}40%{transform:translateY(-30px);-webkit-transform:translateY(-30px)}60%{transform:translateY(-15px);-webkit-transform:translateY(-15px)}}@keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-webkit-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}}@-webkit-keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}}@keyframes pulse{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes pulse{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes rubberBand{0%{transform:scale(1);-webkit-transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75);-webkit-transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25);-webkit-transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85);-webkit-transform:scaleX(1.15) scaleY(.85)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes rubberBand{0%{transform:scale(1);-webkit-transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75);-webkit-transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25);-webkit-transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85);-webkit-transform:scaleX(1.15) scaleY(.85)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0);-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px);-webkit-transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px);-webkit-transform:translateX(10px)}}@-webkit-keyframes shake{0%,100%{transform:translateX(0);-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px);-webkit-transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px);-webkit-transform:translateX(10px)}}@keyframes swing{20%{transform:rotate(15deg);-webkit-transform:rotate(15deg)}40%{transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}60%{transform:rotate(5deg);-webkit-transform:rotate(5deg)}80%{transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}100%{transform:rotate(0);-webkit-transform:rotate(0)}}@-webkit-keyframes swing{20%{transform:rotate(15deg);-webkit-transform:rotate(15deg)}40%{transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}60%{transform:rotate(5deg);-webkit-transform:rotate(5deg)}80%{transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}100%{transform:rotate(0);-webkit-transform:rotate(0)}}@keyframes tada{0%{transform:scale(1);-webkit-transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg);-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg);-webkit-transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0)}}@-webkit-keyframes tada{0%{transform:scale(1);-webkit-transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg);-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg);-webkit-transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0)}}@keyframes wobble{0%{transform:translateX(0%);-webkit-transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg);-webkit-transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg);-webkit-transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg);-webkit-transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg);-webkit-transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg);-webkit-transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%);-webkit-transform:translateX(0%)}}@-webkit-keyframes wobble{0%{transform:translateX(0%);-webkit-transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg);-webkit-transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg);-webkit-transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg);-webkit-transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg);-webkit-transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg);-webkit-transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%);-webkit-transform:translateX(0%)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);-webkit-transform:translateY(0)}40%{transform:translateY(-30px);-webkit-transform:translateY(-30px)}60%{transform:translateY(-15px);-webkit-transform:translateY(-15px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);-webkit-transform:translateY(0)}40%{transform:translateY(-30px);-webkit-transform:translateY(-30px)}60%{transform:translateY(-15px);-webkit-transform:translateY(-15px)}}@keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-webkit-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes pulse{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes pulse{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes rubberBand{0%{transform:scale(1);-webkit-transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75);-webkit-transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25);-webkit-transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85);-webkit-transform:scaleX(1.15) scaleY(.85)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes rubberBand{0%{transform:scale(1);-webkit-transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75);-webkit-transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25);-webkit-transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85);-webkit-transform:scaleX(1.15) scaleY(.85)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0);-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px);-webkit-transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px);-webkit-transform:translateX(10px)}}@-webkit-keyframes shake{0%,100%{transform:translateX(0);-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px);-webkit-transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px);-webkit-transform:translateX(10px)}}@keyframes swing{20%{transform:rotate(15deg);-webkit-transform:rotate(15deg)}40%{transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}60%{transform:rotate(5deg);-webkit-transform:rotate(5deg)}80%{transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}100%{transform:rotate(0);-webkit-transform:rotate(0)}}@-webkit-keyframes swing{20%{transform:rotate(15deg);-webkit-transform:rotate(15deg)}40%{transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}60%{transform:rotate(5deg);-webkit-transform:rotate(5deg)}80%{transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}100%{transform:rotate(0);-webkit-transform:rotate(0)}}@keyframes tada{0%{transform:scale(1);-webkit-transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg);-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg);-webkit-transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0)}}@-webkit-keyframes tada{0%{transform:scale(1);-webkit-transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg);-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg);-webkit-transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0)}}@keyframes wobble{0%{transform:translateX(0%);-webkit-transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg);-webkit-transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg);-webkit-transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg);-webkit-transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg);-webkit-transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg);-webkit-transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%);-webkit-transform:translateX(0%)}}@-webkit-keyframes wobble{0%{transform:translateX(0%);-webkit-transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg);-webkit-transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg);-webkit-transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg);-webkit-transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg);-webkit-transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg);-webkit-transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%);-webkit-transform:translateX(0%)}}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(2px)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}}@-webkit-keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(2px)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}}@keyframes puffOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(2px)}}@-webkit-keyframes puffOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(2px)}}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(90px)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}}@-webkit-keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(90px)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(20px)}}@-webkit-keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(2,2);-webkit-transform:scale(2,2);filter:blur(20px)}}@keyframes bombLeftOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(0);-webkit-transform:rotate(0);filter:blur(0)}50%{opacity:1;transform-origin:-100% 50%;-webkit-transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-transform:rotate(-160deg);filter:blur(0)}100%{opacity:0;transform-origin:-100% 50%;-webkit-transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-transform:rotate(-160deg);filter:blur(20px)}}@-webkit-keyframes bombLeftOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(0);-webkit-transform:rotate(0);filter:blur(0)}50%{opacity:1;transform-origin:-100% 50%;-webkit-transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-transform:rotate(-160deg);filter:blur(0)}100%{opacity:0;transform-origin:-100% 50%;-webkit-transform-origin:-100% 50%;transform:rotate(-160deg);-webkit-transform:rotate(-160deg);filter:blur(20px)}}@keyframes bombRightOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(0);-webkit-transform:rotate(0);filter:blur(0)}50%{opacity:1;transform-origin:200% 50%;-webkit-transform-origin:200% 50%;transform:rotate(160deg);-webkit-transform:rotate(160deg);filter:blur(0)}100%{opacity:0;transform-origin:200% 50%;-webkit-transform-origin:200% 50%;transform:rotate(160deg);-webkit-transform:rotate(160deg);filter:blur(20px)}}@-webkit-keyframes bombRightOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(0);-webkit-transform:rotate(0);filter:blur(0)}50%{opacity:1;transform-origin:200% 50%;-webkit-transform-origin:200% 50%;transform:rotate(160deg);-webkit-transform:rotate(160deg);filter:blur(0)}100%{opacity:0;transform-origin:200% 50%;-webkit-transform-origin:200% 50%;transform:rotate(160deg);-webkit-transform:rotate(160deg);filter:blur(20px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3);-webkit-transform:scale(.3)}50%{opacity:1;transform:scale(1.05);-webkit-transform:scale(1.05)}70%{transform:scale(.9);-webkit-transform:scale(.9)}100%{opacity:1;transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes bounceIn{0%{opacity:0;transform:scale(.3);-webkit-transform:scale(.3)}50%{opacity:1;transform:scale(1.05);-webkit-transform:scale(1.05)}70%{transform:scale(.9);-webkit-transform:scale(.9)}100%{opacity:1;transform:scale(1);-webkit-transform:scale(1)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px);-webkit-transform:translateY(30px)}80%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px);-webkit-transform:translateY(30px)}80%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px);-webkit-transform:translateX(30px)}80%{transform:translateX(-10px);-webkit-transform:translateX(-10px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px);-webkit-transform:translateX(30px)}80%{transform:translateX(-10px);-webkit-transform:translateX(-10px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px);-webkit-transform:translateX(-30px)}80%{transform:translateX(10px);-webkit-transform:translateX(10px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px);-webkit-transform:translateX(-30px)}80%{transform:translateX(10px);-webkit-transform:translateX(10px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px);-webkit-transform:translateY(-30px)}80%{transform:translateY(10px);-webkit-transform:translateY(10px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px);-webkit-transform:translateY(-30px)}80%{transform:translateY(10px);-webkit-transform:translateY(10px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes bounceOut{0%{transform:scale(1);-webkit-transform:scale(1)}25%{transform:scale(.95);-webkit-transform:scale(.95)}50%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1)}100%{opacity:0;transform:scale(.3);-webkit-transform:scale(.3)}}@-webkit-keyframes bounceOut{0%{transform:scale(1);-webkit-transform:scale(1)}25%{transform:scale(.95);-webkit-transform:scale(.95)}50%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1)}100%{opacity:0;transform:scale(.3);-webkit-transform:scale(.3)}}@keyframes bounceOutDown{0%{transform:translateY(0);-webkit-transform:translateY(0)}20%{opacity:1;transform:translateY(-20px);-webkit-transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}}@-webkit-keyframes bounceOutDown{0%{transform:translateY(0);-webkit-transform:translateY(0)}20%{opacity:1;transform:translateY(-20px);-webkit-transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0);-webkit-transform:translateX(0)}20%{opacity:1;transform:translateX(20px);-webkit-transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}}@-webkit-keyframes bounceOutLeft{0%{transform:translateX(0);-webkit-transform:translateX(0)}20%{opacity:1;transform:translateX(20px);-webkit-transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0);-webkit-transform:translateX(0)}20%{opacity:1;transform:translateX(-20px);-webkit-transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}}@-webkit-keyframes bounceOutRight{0%{transform:translateX(0);-webkit-transform:translateX(0)}20%{opacity:1;transform:translateX(-20px);-webkit-transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0);-webkit-transform:translateY(0)}20%{opacity:1;transform:translateY(20px);-webkit-transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@-webkit-keyframes bounceOutUp{0%{transform:translateY(0);-webkit-transform:translateY(0)}20%{opacity:1;transform:translateY(20px);-webkit-transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}40%{transform:perspective(400px) rotateX(-10deg);-webkit-transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg);-webkit-transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0);-webkit-transform:perspective(400px) rotateX(0);opacity:1;}}@-webkit-keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}40%{transform:perspective(400px) rotateX(-10deg);-webkit-transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg);-webkit-transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0);-webkit-transform:perspective(400px) rotateX(0);opacity:1;}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{transform:perspective(400px) rotateY(-10deg);-webkit-transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg);-webkit-transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0);-webkit-transform:perspective(400px) rotateY(0);opacity:1;}}@-webkit-keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{transform:perspective(400px) rotateY(-10deg);-webkit-transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg);-webkit-transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0);-webkit-transform:perspective(400px) rotateY(0);opacity:1;}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);-webkit-transform:perspective(400px) rotateX(0);opacity:1;}100%{transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}}@-webkit-keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);-webkit-transform:perspective(400px) rotateX(0);opacity:1;}100%{transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);-webkit-transform:perspective(400px) rotateY(0);opacity:1;}100%{transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}}@-webkit-keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);-webkit-transform:perspective(400px) rotateY(0);opacity:1;}100%{transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}60%{transform:translateX(-20%) skewX(30deg);-webkit-transform:translateX(-20%) skewX(30deg);opacity:1;}80%{transform:translateX(0%) skewX(-15deg);-webkit-transform:translateX(0%) skewX(-15deg);opacity:1;}100%{transform:translateX(0%) skewX(0);-webkit-transform:translateX(0%) skewX(0);opacity:1;}}@-webkit-keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}60%{transform:translateX(-20%) skewX(30deg);-webkit-transform:translateX(-20%) skewX(30deg);opacity:1;}80%{transform:translateX(0%) skewX(-15deg);-webkit-transform:translateX(0%) skewX(-15deg);opacity:1;}100%{transform:translateX(0%) skewX(0);-webkit-transform:translateX(0%) skewX(0);opacity:1;}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0);-webkit-transform:translateX(0%) skewX(0);opacity:1;}100%{transform:translateX(100%) skewX(-30deg);-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}}@-webkit-keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0);-webkit-transform:translateX(0%) skewX(0);opacity:1;}100%{transform:translateX(100%) skewX(-30deg);-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}}@keyframes magicOut{0%{opacity:1;transform-origin:100% 200%;-webkit-transform-origin:100% 200%;transform:scale(1,1) rotate(0);-webkit-transform:scale(1,1) rotate(0)}100%{opacity:0;transform-origin:200% 500%;-webkit-transform-origin:200% 500%;transform:scale(0,0) rotate(270deg);-webkit-transform:scale(0,0) rotate(270deg)}}@-webkit-keyframes magicOut{0%{opacity:1;transform-origin:100% 200%;-webkit-transform-origin:100% 200%;transform:scale(1,1) rotate(0);-webkit-transform:scale(1,1) rotate(0)}100%{opacity:0;transform-origin:200% 500%;-webkit-transform-origin:200% 500%;transform:scale(0,0) rotate(270deg);-webkit-transform:scale(0,0) rotate(270deg)}}@keyframes swapIn{0%{opacity:0;transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) translate(-700px,0);-webkit-transform:scale(0,0) translate(-700px,0)}100%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0)}}@-webkit-keyframes swapIn{0%{opacity:0;transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) translate(-700px,0);-webkit-transform:scale(0,0) translate(-700px,0)}100%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0)}}@keyframes swapOut{0%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0)}100%{opacity:0;transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) translate(-700px,0);-webkit-transform:scale(0,0) translate(-700px,0)}}@-webkit-keyframes swapOut{0%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) translate(0,0);-webkit-transform:scale(1,1) translate(0,0)}100%{opacity:0;transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) translate(-700px,0);-webkit-transform:scale(0,0) translate(-700px,0)}}@keyframes twisterInDown{0%{opacity:0;transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%)}30%{transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%)}100%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) rotate(0) translateY(0%);-webkit-transform:scale(1,1) rotate(0) translateY(0%)}}@-webkit-keyframes twisterInDown{0%{opacity:0;transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%)}30%{transform-origin:0 100%;-webkit-transform-origin:0 100%;transform:scale(0,0) rotate(360deg) translateY(-100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%)}100%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) rotate(0) translateY(0%);-webkit-transform:scale(1,1) rotate(0) translateY(0%)}}@keyframes twisterInUp{0%{opacity:0;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(100%)}30%{transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(100%)}100%{opacity:1;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(1,1) rotate(0) translateY(0);-webkit-transform:scale(1,1) rotate(0) translateY(0)}}@-webkit-keyframes twisterInUp{0%{opacity:0;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(100%)}30%{transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(0,0) rotate(360deg) translateY(100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(100%)}100%{opacity:1;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(1,1) rotate(0) translateY(0);-webkit-transform:scale(1,1) rotate(0) translateY(0)}}@keyframes foolishIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotate(360deg);-webkit-transform:scale(0,0) rotate(360deg)}20%{opacity:1;transform-origin:0% 100%;-webkit-transform-origin:0% 100%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}40%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}60%{opacity:1;transform-origin:0%;-webkit-transform-origin:0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}80%{opacity:1;transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotate(0);-webkit-transform:scale(1,1) rotate(0)}}@-webkit-keyframes foolishIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotate(360deg);-webkit-transform:scale(0,0) rotate(360deg)}20%{opacity:1;transform-origin:0% 100%;-webkit-transform-origin:0% 100%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}40%{opacity:1;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}60%{opacity:1;transform-origin:0%;-webkit-transform-origin:0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}80%{opacity:1;transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotate(0);-webkit-transform:scale(1,1) rotate(0)}}@keyframes foolishOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotate(360deg);-webkit-transform:scale(1,1) rotate(360deg)}20%{opacity:1;transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}40%{opacity:1;transform-origin:100% 0%;-webkit-transform-origin:100% 0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}60%{opacity:1;transform-origin:0%;-webkit-transform-origin:0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}80%{opacity:1;transform-origin:0% 100%;-webkit-transform-origin:0% 100%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotate(0);-webkit-transform:scale(0,0) rotate(0)}}@-webkit-keyframes foolishOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotate(360deg);-webkit-transform:scale(1,1) rotate(360deg)}20%{opacity:1;transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}40%{opacity:1;transform-origin:100% 0%;-webkit-transform-origin:100% 0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}60%{opacity:1;transform-origin:0%;-webkit-transform-origin:0%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}80%{opacity:1;transform-origin:0% 100%;-webkit-transform-origin:0% 100%;transform:scale(.5,.5) rotate(0);-webkit-transform:scale(.5,.5) rotate(0)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotate(0);-webkit-transform:scale(0,0) rotate(0)}}@keyframes holeIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotateY(180deg);-webkit-transform:scale(0,0) rotateY(180deg)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotateY(0);-webkit-transform:scale(1,1) rotateY(0)}}@-webkit-keyframes holeIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotateY(180deg);-webkit-transform:scale(0,0) rotateY(180deg)}100%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotateY(0);-webkit-transform:scale(1,1) rotateY(0)}}@keyframes holeOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotateY(0);-webkit-transform:scale(1,1) rotateY(0)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotateY(180deg);-webkit-transform:scale(0,0) rotateY(180deg)}}@-webkit-keyframes holeOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1) rotateY(0);-webkit-transform:scale(1,1) rotateY(0)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0) rotateY(180deg);-webkit-transform:scale(0,0) rotateY(180deg)}}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0);-webkit-transform:scale(0,0)}90%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(.9,.9);-webkit-transform:scale(.9,.9)}100%{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}}@-webkit-keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0);-webkit-transform:scale(0,0)}90%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(.9,.9);-webkit-transform:scale(.9,.9)}100%{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}}@keyframes swashOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}80%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(.9,.9);-webkit-transform:scale(.9,.9)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0);-webkit-transform:scale(0,0)}}@-webkit-keyframes swashOut{0%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(1,1);-webkit-transform:scale(1,1)}80%{opacity:1;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(.9,.9);-webkit-transform:scale(.9,.9)}100%{opacity:0;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:scale(0,0);-webkit-transform:scale(0,0)}}@keyframes flopInDown{0%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px);-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}}@-webkit-keyframes flopInDown{0%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px);-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}}@keyframes flopInLeft{0%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px);-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0);-webkit-transform:perspective(800px) rotateY(0) translate3d(0)}}@-webkit-keyframes flopInLeft{0%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px);-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0);-webkit-transform:perspective(800px) rotateY(0) translate3d(0)}}@keyframes flopInRight{0%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0);-webkit-transform:perspective(800px) rotateY(0) translateZ(0)}}@-webkit-keyframes flopInRight{0%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0);-webkit-transform:perspective(800px) rotateY(0) translateZ(0)}}@keyframes flopInUp{0%{opacity:0;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}}@-webkit-keyframes flopInUp{0%{opacity:0;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px)}100%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}}@keyframes flopOutDown{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}@-webkit-keyframes flopOutDown{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}@keyframes flopOutLeft{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0);-webkit-transform:perspective(800px) rotateY(0) translateZ(0)}100%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px)}}@-webkit-keyframes flopOutLeft{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0);-webkit-transform:perspective(800px) rotateY(0) translateZ(0)}100%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px);-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px)}}@keyframes flopOutRight{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0);-webkit-transform:perspective(800px) rotateY(0) translate3d(0)}100%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px);-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px)}}@-webkit-keyframes flopOutRight{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0);-webkit-transform:perspective(800px) rotateY(0) translate3d(0)}100%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px);-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px)}}@keyframes flopOutUp{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px);-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px)}}@-webkit-keyframes flopOutUp{0%{transform-origin:0 0;-webkit-transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0);-webkit-transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px);-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px)}}@keyframes rotateIn{0%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(-200deg);-webkit-transform:rotate(-200deg);opacity:0;}100%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@-webkit-keyframes rotateIn{0%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(-200deg);-webkit-transform:rotate(-200deg);opacity:0;}100%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}}@keyframes rotateOut{0%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(200deg);-webkit-transform:rotate(200deg);opacity:0;}}@-webkit-keyframes rotateOut{0%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:center center;-webkit-transform-origin:center center;transform:rotate(200deg);-webkit-transform:rotate(200deg);opacity:0;}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0;}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(0);-webkit-transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;-webkit-transform-origin:right bottom;transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0;}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}100%{transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes slideInUp{0%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}100%{transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}}@-webkit-keyframes slideOutDown{0%{transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(2000px);-webkit-transform:translateY(2000px)}}@keyframes slideOutLeft{0%{transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}}@-webkit-keyframes slideOutLeft{0%{transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px);-webkit-transform:translateX(-2000px)}}@keyframes slideOutRight{0%{transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}}@-webkit-keyframes slideOutRight{0%{transform:translateX(0);-webkit-transform:translateX(0)}100%{opacity:0;transform:translateX(2000px);-webkit-transform:translateX(2000px)}}@keyframes slideOutUp{0%{transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@-webkit-keyframes slideOutUp{0%{transform:translateY(0);-webkit-transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px);-webkit-transform:translateY(-2000px)}}@keyframes hingeOut{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);-webkit-transform:rotate(80deg);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}40%{transform:rotate(60deg);-webkit-transform:rotate(60deg);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);-webkit-transform:rotate(60deg) translateY(0);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;opacity:1;}100%{transform:translateY(700px);-webkit-transform:translateY(700px);opacity:0;}}@-webkit-keyframes hingeOut{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);-webkit-transform:rotate(80deg);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}40%{transform:rotate(60deg);-webkit-transform:rotate(60deg);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);-webkit-transform:rotate(60deg) translateY(0);transform-origin:top left;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;opacity:1;}100%{transform:translateY(700px);-webkit-transform:translateY(700px);opacity:0;}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg);-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0)}}@-webkit-keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg);-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(100%) rotate(120deg);-webkit-transform:translateX(100%) rotate(120deg)}}@-webkit-keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(100%) rotate(120deg);-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}50%{opacity:1;}}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}50%{opacity:1;}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1;}50%{opacity:0;transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}100%{opacity:0;}}@-webkit-keyframes zoomOut{0%{opacity:1;}50%{opacity:0;transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}100%{opacity:0;}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center;-webkit-transform-origin:left center}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center;-webkit-transform-origin:left center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(2000px,0,0);-webkit-transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center;-webkit-transform-origin:right center}}@-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(2000px,0,0);-webkit-transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center;-webkit-transform-origin:right center}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}} --------------------------------------------------------------------------------