saffron 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (135) hide show
  1. data/.gitignore +5 -0
  2. data/.travis.yml +5 -0
  3. data/Gemfile +4 -0
  4. data/Gemfile.lock +43 -0
  5. data/MIT +21 -0
  6. data/README.md +63 -0
  7. data/Rakefile +16 -0
  8. data/app/assets/stylesheets/_variables.scss +18 -0
  9. data/app/assets/stylesheets/entrances/_drop-in.scss +19 -0
  10. data/app/assets/stylesheets/entrances/_fade-in-down.scss +13 -0
  11. data/app/assets/stylesheets/entrances/_fade-in-left.scss +13 -0
  12. data/app/assets/stylesheets/entrances/_fade-in-right.scss +13 -0
  13. data/app/assets/stylesheets/entrances/_fade-in-up.scss +13 -0
  14. data/app/assets/stylesheets/entrances/_fade-in-zoom-big.scss +20 -0
  15. data/app/assets/stylesheets/entrances/_fade-in-zoom.scss +14 -0
  16. data/app/assets/stylesheets/entrances/_fade-in.scss +13 -0
  17. data/app/assets/stylesheets/entrances/_newspaper.scss +14 -0
  18. data/app/assets/stylesheets/entrances/_pop-in.scss +14 -0
  19. data/app/assets/stylesheets/entrances/_rise-in.scss +13 -0
  20. data/app/assets/stylesheets/entrances/_slide-in.scss +35 -0
  21. data/app/assets/stylesheets/entrances/_stretch.scss +33 -0
  22. data/app/assets/stylesheets/entrances/_turn-in.scss +31 -0
  23. data/app/assets/stylesheets/exits/_compress.scss +25 -0
  24. data/app/assets/stylesheets/exits/_drop-out.scss +14 -0
  25. data/app/assets/stylesheets/exits/_explode.scss +14 -0
  26. data/app/assets/stylesheets/exits/_fade-out-down.scss +14 -0
  27. data/app/assets/stylesheets/exits/_fade-out-left.scss +13 -0
  28. data/app/assets/stylesheets/exits/_fade-out-right.scss +13 -0
  29. data/app/assets/stylesheets/exits/_fade-out-up.scss +14 -0
  30. data/app/assets/stylesheets/exits/_fade-out-zoom-big.scss +19 -0
  31. data/app/assets/stylesheets/exits/_fade-out-zoom.scss +14 -0
  32. data/app/assets/stylesheets/exits/_fade-out.scss +13 -0
  33. data/app/assets/stylesheets/exits/_poof.scss +17 -0
  34. data/app/assets/stylesheets/exits/_rise-out.scss +14 -0
  35. data/app/assets/stylesheets/exits/_slide-out.scss +29 -0
  36. data/app/assets/stylesheets/exits/_turn-out.scss +33 -0
  37. data/app/assets/stylesheets/helpers/_animation.scss +3 -0
  38. data/app/assets/stylesheets/helpers/_contains.scss +4 -0
  39. data/app/assets/stylesheets/helpers/_keyframes.scss +25 -0
  40. data/app/assets/stylesheets/helpers/_prefix.scss +39 -0
  41. data/app/assets/stylesheets/helpers/_transform.scss +9 -0
  42. data/app/assets/stylesheets/helpers/_transition.scss +7 -0
  43. data/app/assets/stylesheets/in-place/_around-the-world.scss +12 -0
  44. data/app/assets/stylesheets/in-place/_bounce.scss +24 -0
  45. data/app/assets/stylesheets/in-place/_colors.scss +23 -0
  46. data/app/assets/stylesheets/in-place/_contract.scss +7 -0
  47. data/app/assets/stylesheets/in-place/_cube-flip.scss +55 -0
  48. data/app/assets/stylesheets/in-place/_enlarge.scss +7 -0
  49. data/app/assets/stylesheets/in-place/_expand.scss +6 -0
  50. data/app/assets/stylesheets/in-place/_flip.scss +19 -0
  51. data/app/assets/stylesheets/in-place/_float.scss +17 -0
  52. data/app/assets/stylesheets/in-place/_ping.scss +13 -0
  53. data/app/assets/stylesheets/in-place/_pulsate.scss +14 -0
  54. data/app/assets/stylesheets/in-place/_quiver.scss +42 -0
  55. data/app/assets/stylesheets/in-place/_shake.scss +24 -0
  56. data/app/assets/stylesheets/in-place/_spin.scss +12 -0
  57. data/app/assets/stylesheets/in-place/_square-dance.scss +18 -0
  58. data/app/assets/stylesheets/in-place/_sunrise.scss +12 -0
  59. data/app/assets/stylesheets/in-place/_sway.scss +17 -0
  60. data/app/assets/stylesheets/in-place/_teeter.scss +29 -0
  61. data/app/assets/stylesheets/saffron.scss +62 -0
  62. data/bin/saffron +9 -0
  63. data/features/install.feature +28 -0
  64. data/features/step_definitions/saffron.rb +37 -0
  65. data/features/support/env.rb +1 -0
  66. data/features/update.feature +37 -0
  67. data/features/version.feature +10 -0
  68. data/lib/saffron.rb +13 -0
  69. data/lib/saffron/engine.rb +4 -0
  70. data/lib/saffron/installer.rb +55 -0
  71. data/lib/saffron/version.rb +3 -0
  72. data/saffron.gemspec +31 -0
  73. data/saffron/_variables.scss +18 -0
  74. data/saffron/entrances/_drop-in.scss +19 -0
  75. data/saffron/entrances/_fade-in-down.scss +13 -0
  76. data/saffron/entrances/_fade-in-left.scss +13 -0
  77. data/saffron/entrances/_fade-in-right.scss +13 -0
  78. data/saffron/entrances/_fade-in-up.scss +13 -0
  79. data/saffron/entrances/_fade-in-zoom-big.scss +20 -0
  80. data/saffron/entrances/_fade-in-zoom.scss +14 -0
  81. data/saffron/entrances/_fade-in.scss +13 -0
  82. data/saffron/entrances/_newspaper.scss +14 -0
  83. data/saffron/entrances/_pop-in.scss +14 -0
  84. data/saffron/entrances/_rise-in.scss +13 -0
  85. data/saffron/entrances/_slide-in.scss +35 -0
  86. data/saffron/entrances/_stretch.scss +33 -0
  87. data/saffron/entrances/_turn-in.scss +31 -0
  88. data/saffron/exits/_compress.scss +25 -0
  89. data/saffron/exits/_drop-out.scss +14 -0
  90. data/saffron/exits/_explode.scss +14 -0
  91. data/saffron/exits/_fade-out-down.scss +14 -0
  92. data/saffron/exits/_fade-out-left.scss +13 -0
  93. data/saffron/exits/_fade-out-right.scss +13 -0
  94. data/saffron/exits/_fade-out-up.scss +14 -0
  95. data/saffron/exits/_fade-out-zoom-big.scss +19 -0
  96. data/saffron/exits/_fade-out-zoom.scss +14 -0
  97. data/saffron/exits/_fade-out.scss +13 -0
  98. data/saffron/exits/_poof.scss +17 -0
  99. data/saffron/exits/_rise-out.scss +14 -0
  100. data/saffron/exits/_slide-out.scss +29 -0
  101. data/saffron/exits/_turn-out.scss +33 -0
  102. data/saffron/helpers/_animation.scss +3 -0
  103. data/saffron/helpers/_contains.scss +4 -0
  104. data/saffron/helpers/_keyframes.scss +25 -0
  105. data/saffron/helpers/_prefix.scss +39 -0
  106. data/saffron/helpers/_transform.scss +9 -0
  107. data/saffron/helpers/_transition.scss +7 -0
  108. data/saffron/in-place/_around-the-world.scss +12 -0
  109. data/saffron/in-place/_bounce.scss +24 -0
  110. data/saffron/in-place/_colors.scss +23 -0
  111. data/saffron/in-place/_contract.scss +7 -0
  112. data/saffron/in-place/_cube-flip.scss +55 -0
  113. data/saffron/in-place/_enlarge.scss +7 -0
  114. data/saffron/in-place/_expand.scss +6 -0
  115. data/saffron/in-place/_flip.scss +19 -0
  116. data/saffron/in-place/_float.scss +17 -0
  117. data/saffron/in-place/_ping.scss +13 -0
  118. data/saffron/in-place/_pulsate.scss +14 -0
  119. data/saffron/in-place/_quiver.scss +42 -0
  120. data/saffron/in-place/_shake.scss +24 -0
  121. data/saffron/in-place/_spin.scss +12 -0
  122. data/saffron/in-place/_square-dance.scss +18 -0
  123. data/saffron/in-place/_sunrise.scss +12 -0
  124. data/saffron/in-place/_sway.scss +17 -0
  125. data/saffron/in-place/_teeter.scss +29 -0
  126. data/saffron/saffron.scss +62 -0
  127. data/tasks/.csscomb.json +297 -0
  128. data/tasks/.csslintrc +19 -0
  129. data/tasks/Gruntfile.js +111 -0
  130. data/tasks/compiled/index.html +11 -0
  131. data/tasks/compiled/saffron.css +3049 -0
  132. data/tasks/compiled/test.css +3086 -0
  133. data/tasks/package.json +32 -0
  134. data/tasks/test.scss +13 -0
  135. metadata +278 -0
data/tasks/.csslintrc ADDED
@@ -0,0 +1,19 @@
1
+ {
2
+ "adjoining-classes": false,
3
+ "box-sizing": false,
4
+ "box-model": false,
5
+ "compatible-vendor-prefixes": false,
6
+ "floats": false,
7
+ "font-sizes": false,
8
+ "gradients": false,
9
+ "important": false,
10
+ "known-properties": false,
11
+ "outline-none": false,
12
+ "qualified-headings": false,
13
+ "regex-selectors": false,
14
+ "shorthand": false,
15
+ "text-indent": false,
16
+ "unique-headings": false,
17
+ "universal-selector": false,
18
+ "unqualified-attributes": false
19
+ }
data/tasks/Gruntfile.js ADDED
@@ -0,0 +1,111 @@
1
+ module.exports = function(grunt) {
2
+ 'use strict';
3
+
4
+ // Project configuration.
5
+ grunt.initConfig({
6
+
7
+ // Metadata.
8
+ pkg: grunt.file.readJSON('package.json'),
9
+ banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' +
10
+ '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
11
+ '<%= pkg.homepage ? "* " + pkg.homepage + "\\n" : "" %>' +
12
+ '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>;' +
13
+ ' Licensed <%= _.map(pkg.licenses) %> */\n',
14
+
15
+ // Task configuration.
16
+ watch: {
17
+ sass: {
18
+ files: ['../<%= pkg.name %>/**/**.scss', 'test.scss'],
19
+ tasks: 'default',
20
+ options: {
21
+ livereload: true
22
+ },
23
+ },
24
+ },
25
+ connect: {
26
+ server: {
27
+ options: {
28
+ port: 7000
29
+ }
30
+ }
31
+ },
32
+ clean: {
33
+ options: { force: true },
34
+ build: ['compiled/*.css'],
35
+ rails: ['../app/**/*.scss']
36
+ },
37
+ sass: {
38
+ dist: {
39
+ options: {
40
+ style: 'expanded',
41
+ banner: '<%= banner %>'
42
+ },
43
+ files: {
44
+ 'compiled/<%= pkg.name %>.css': '../<%= pkg.name %>/<%= pkg.name %>.scss',
45
+ 'compiled/test.css': 'test.scss'
46
+ },
47
+ }
48
+ },
49
+ csscomb: {
50
+ options: {
51
+ config: '.csscomb.json'
52
+ },
53
+ dist: {
54
+ files: {
55
+ 'compiled/<%= pkg.name %>.css': 'compiled/<%= pkg.name %>.css',
56
+ 'compiled/test.css': 'compiled/test.css'
57
+ }
58
+ }
59
+ },
60
+ csslint: {
61
+ options: {
62
+ csslintrc: '.csslintrc'
63
+ },
64
+ src: ['compiled/<%= pkg.name %>.css', 'compiled/test.css']
65
+ },
66
+ cssmin: {
67
+ options: {
68
+ keepSpecialComments: 0,
69
+ noAdvanced: true, // turn advanced optimizations off until the issue is fixed in clean-css
70
+ report: 'min',
71
+ selectorsMergeMode: 'ie8'
72
+ },
73
+ minify: {
74
+ files: {
75
+ 'compiled/<%= pkg.name %>.min.css': 'compiled/<%= pkg.name %>.css'
76
+ }
77
+ }
78
+ },
79
+ copy: {
80
+ options: {
81
+ mode: true
82
+ },
83
+ main: {
84
+ files: [
85
+ {
86
+ expand: true,
87
+ cwd: '../<%= pkg.name %>/',
88
+ src: ['**/*.scss'],
89
+ dest: '../app/assets/stylesheets/'
90
+ }
91
+ ]
92
+ }
93
+ }
94
+ });
95
+
96
+ // These plugins provide necessary tasks.
97
+ grunt.loadNpmTasks('grunt-contrib-connect');
98
+ grunt.loadNpmTasks('grunt-contrib-watch');
99
+ grunt.loadNpmTasks('grunt-contrib-clean');
100
+ grunt.loadNpmTasks('grunt-sass');
101
+ grunt.loadNpmTasks('grunt-csscomb');
102
+ grunt.loadNpmTasks('grunt-contrib-csslint');
103
+ grunt.loadNpmTasks('grunt-contrib-cssmin');
104
+ grunt.loadNpmTasks('grunt-contrib-copy');
105
+
106
+ // Tasks
107
+ grunt.registerTask('livereload', ['connect', 'watch']);
108
+ grunt.registerTask('railsBuild', ['clean:rails', 'copy']);
109
+ grunt.registerTask('default', ['clean:build', 'sass', 'csscomb', 'csslint']);
110
+
111
+ };
data/tasks/compiled/index.html ADDED
@@ -0,0 +1,11 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Testing</title>
6
+ <link rel="stylesheet" href="test.css">
7
+ </head>
8
+ <body>
9
+ <div class="box">Box</div>
10
+ </body>
11
+ </html>
data/tasks/compiled/saffron.css ADDED
@@ -0,0 +1,3049 @@
1
+ @-webkit-keyframes fadeIn {
2
+ 0% {
3
+ opacity: 0;
4
+ -webkit-transform: translateZ(0);
5
+ transform: translateZ(0);
6
+ }
7
+
8
+ 100% {
9
+ opacity: 1;
10
+ }
11
+ }
12
+
13
+ @-moz-keyframes fadeIn {
14
+ 0% {
15
+ opacity: 0;
16
+ transform: translateZ(0);
17
+ }
18
+
19
+ 100% {
20
+ opacity: 1;
21
+ }
22
+ }
23
+
24
+ @-o-keyframes fadeIn {
25
+ 0% {
26
+ opacity: 0;
27
+ transform: translateZ(0);
28
+ }
29
+
30
+ 100% {
31
+ opacity: 1;
32
+ }
33
+ }
34
+
35
+ @keyframes fadeIn {
36
+ 0% {
37
+ opacity: 0;
38
+ -webkit-transform: translateZ(0);
39
+ -ms-transform: translateZ(0);
40
+ transform: translateZ(0);
41
+ }
42
+
43
+ 100% {
44
+ opacity: 1;
45
+ }
46
+ }
47
+
48
+ @-webkit-keyframes fadeInUp {
49
+ 0% {
50
+ opacity: 0;
51
+ -webkit-transform: translateY(1.334em) translateZ(0);
52
+ transform: translateY(1.334em) translateZ(0);
53
+ }
54
+
55
+ 100% {
56
+ opacity: 1;
57
+ }
58
+ }
59
+
60
+ @-moz-keyframes fadeInUp {
61
+ 0% {
62
+ opacity: 0;
63
+ transform: translateY(1.334em) translateZ(0);
64
+ }
65
+
66
+ 100% {
67
+ opacity: 1;
68
+ }
69
+ }
70
+
71
+ @-o-keyframes fadeInUp {
72
+ 0% {
73
+ opacity: 0;
74
+ transform: translateY(1.334em) translateZ(0);
75
+ }
76
+
77
+ 100% {
78
+ opacity: 1;
79
+ }
80
+ }
81
+
82
+ @keyframes fadeInUp {
83
+ 0% {
84
+ opacity: 0;
85
+ -webkit-transform: translateY(1.334em) translateZ(0);
86
+ -ms-transform: translateY(1.334em) translateZ(0);
87
+ transform: translateY(1.334em) translateZ(0);
88
+ }
89
+
90
+ 100% {
91
+ opacity: 1;
92
+ }
93
+ }
94
+
95
+ @-webkit-keyframes fadeInDown {
96
+ 0% {
97
+ opacity: 0;
98
+ -webkit-transform: translateY(-1.334em) translateZ(0);
99
+ transform: translateY(-1.334em) translateZ(0);
100
+ }
101
+
102
+ 100% {
103
+ opacity: 1;
104
+ }
105
+ }
106
+
107
+ @-moz-keyframes fadeInDown {
108
+ 0% {
109
+ opacity: 0;
110
+ transform: translateY(-1.334em) translateZ(0);
111
+ }
112
+
113
+ 100% {
114
+ opacity: 1;
115
+ }
116
+ }
117
+
118
+ @-o-keyframes fadeInDown {
119
+ 0% {
120
+ opacity: 0;
121
+ transform: translateY(-1.334em) translateZ(0);
122
+ }
123
+
124
+ 100% {
125
+ opacity: 1;
126
+ }
127
+ }
128
+
129
+ @keyframes fadeInDown {
130
+ 0% {
131
+ opacity: 0;
132
+ -webkit-transform: translateY(-1.334em) translateZ(0);
133
+ -ms-transform: translateY(-1.334em) translateZ(0);
134
+ transform: translateY(-1.334em) translateZ(0);
135
+ }
136
+
137
+ 100% {
138
+ opacity: 1;
139
+ }
140
+ }
141
+
142
+ @-webkit-keyframes fadeInLeft {
143
+ 0% {
144
+ opacity: 0;
145
+ -webkit-transform: translateX(-1.334em) translateZ(0);
146
+ transform: translateX(-1.334em) translateZ(0);
147
+ }
148
+
149
+ 100% {
150
+ opacity: 1;
151
+ }
152
+ }
153
+
154
+ @-moz-keyframes fadeInLeft {
155
+ 0% {
156
+ opacity: 0;
157
+ transform: translateX(-1.334em) translateZ(0);
158
+ }
159
+
160
+ 100% {
161
+ opacity: 1;
162
+ }
163
+ }
164
+
165
+ @-o-keyframes fadeInLeft {
166
+ 0% {
167
+ opacity: 0;
168
+ transform: translateX(-1.334em) translateZ(0);
169
+ }
170
+
171
+ 100% {
172
+ opacity: 1;
173
+ }
174
+ }
175
+
176
+ @keyframes fadeInLeft {
177
+ 0% {
178
+ opacity: 0;
179
+ -webkit-transform: translateX(-1.334em) translateZ(0);
180
+ -ms-transform: translateX(-1.334em) translateZ(0);
181
+ transform: translateX(-1.334em) translateZ(0);
182
+ }
183
+
184
+ 100% {
185
+ opacity: 1;
186
+ }
187
+ }
188
+
189
+ @-webkit-keyframes fadeInRight {
190
+ 0% {
191
+ opacity: 0;
192
+ -webkit-transform: translateX(1.334em) translateZ(0);
193
+ transform: translateX(1.334em) translateZ(0);
194
+ }
195
+
196
+ 100% {
197
+ opacity: 1;
198
+ }
199
+ }
200
+
201
+ @-moz-keyframes fadeInRight {
202
+ 0% {
203
+ opacity: 0;
204
+ transform: translateX(1.334em) translateZ(0);
205
+ }
206
+
207
+ 100% {
208
+ opacity: 1;
209
+ }
210
+ }
211
+
212
+ @-o-keyframes fadeInRight {
213
+ 0% {
214
+ opacity: 0;
215
+ transform: translateX(1.334em) translateZ(0);
216
+ }
217
+
218
+ 100% {
219
+ opacity: 1;
220
+ }
221
+ }
222
+
223
+ @keyframes fadeInRight {
224
+ 0% {
225
+ opacity: 0;
226
+ -webkit-transform: translateX(1.334em) translateZ(0);
227
+ -ms-transform: translateX(1.334em) translateZ(0);
228
+ transform: translateX(1.334em) translateZ(0);
229
+ }
230
+
231
+ 100% {
232
+ opacity: 1;
233
+ }
234
+ }
235
+
236
+ @-webkit-keyframes fadeInZoom {
237
+ 0% {
238
+ opacity: 0;
239
+ -webkit-transform: scale(0) translateZ(0);
240
+ transform: scale(0) translateZ(0);
241
+ }
242
+
243
+ 100% {
244
+ opacity: 1;
245
+ -webkit-transform: scale(1);
246
+ transform: scale(1);
247
+ }
248
+ }
249
+
250
+ @-moz-keyframes fadeInZoom {
251
+ 0% {
252
+ opacity: 0;
253
+ transform: scale(0) translateZ(0);
254
+ }
255
+
256
+ 100% {
257
+ opacity: 1;
258
+ transform: scale(1);
259
+ }
260
+ }
261
+
262
+ @-o-keyframes fadeInZoom {
263
+ 0% {
264
+ opacity: 0;
265
+ transform: scale(0) translateZ(0);
266
+ }
267
+
268
+ 100% {
269
+ opacity: 1;
270
+ transform: scale(1);
271
+ }
272
+ }
273
+
274
+ @keyframes fadeInZoom {
275
+ 0% {
276
+ opacity: 0;
277
+ -webkit-transform: scale(0) translateZ(0);
278
+ -ms-transform: scale(0) translateZ(0);
279
+ transform: scale(0) translateZ(0);
280
+ }
281
+
282
+ 100% {
283
+ opacity: 1;
284
+ -webkit-transform: scale(1);
285
+ -ms-transform: scale(1);
286
+ transform: scale(1);
287
+ }
288
+ }
289
+
290
+ @-webkit-keyframes fadeInZoomBig {
291
+ 0% {
292
+ opacity: 0;
293
+ -webkit-transform: scale(0) translateZ(0);
294
+ transform: scale(0) translateZ(0);
295
+ }
296
+
297
+ 60% {
298
+ -webkit-transform: scale(1.25);
299
+ transform: scale(1.25);
300
+ }
301
+
302
+ 80% {
303
+ -webkit-transform: scale(.95);
304
+ transform: scale(.95);
305
+ }
306
+
307
+ 100% {
308
+ opacity: 1;
309
+ -webkit-transform: scale(1);
310
+ transform: scale(1);
311
+ }
312
+ }
313
+
314
+ @-moz-keyframes fadeInZoomBig {
315
+ 0% {
316
+ opacity: 0;
317
+ transform: scale(0) translateZ(0);
318
+ }
319
+
320
+ 60% {
321
+ transform: scale(1.25);
322
+ }
323
+
324
+ 80% {
325
+ transform: scale(.95);
326
+ }
327
+
328
+ 100% {
329
+ opacity: 1;
330
+ transform: scale(1);
331
+ }
332
+ }
333
+
334
+ @-o-keyframes fadeInZoomBig {
335
+ 0% {
336
+ opacity: 0;
337
+ transform: scale(0) translateZ(0);
338
+ }
339
+
340
+ 60% {
341
+ transform: scale(1.25);
342
+ }
343
+
344
+ 80% {
345
+ transform: scale(.95);
346
+ }
347
+
348
+ 100% {
349
+ opacity: 1;
350
+ transform: scale(1);
351
+ }
352
+ }
353
+
354
+ @keyframes fadeInZoomBig {
355
+ 0% {
356
+ opacity: 0;
357
+ -webkit-transform: scale(0) translateZ(0);
358
+ -ms-transform: scale(0) translateZ(0);
359
+ transform: scale(0) translateZ(0);
360
+ }
361
+
362
+ 60% {
363
+ -webkit-transform: scale(1.25);
364
+ -ms-transform: scale(1.25);
365
+ transform: scale(1.25);
366
+ }
367
+
368
+ 80% {
369
+ -webkit-transform: scale(.95);
370
+ -ms-transform: scale(.95);
371
+ transform: scale(.95);
372
+ }
373
+
374
+ 100% {
375
+ opacity: 1;
376
+ -webkit-transform: scale(1);
377
+ -ms-transform: scale(1);
378
+ transform: scale(1);
379
+ }
380
+ }
381
+
382
+ @-webkit-keyframes slideInLeft {
383
+ 0% {
384
+ opacity: 0;
385
+ -webkit-transform: translateX(-13.34em) translateZ(0);
386
+ transform: translateX(-13.34em) translateZ(0);
387
+ }
388
+
389
+ 65% {
390
+ opacity: 1;
391
+ -webkit-transform: translateX(1.334em);
392
+ transform: translateX(1.334em);
393
+ }
394
+
395
+ 100% {
396
+ -webkit-transform: translateX(0);
397
+ transform: translateX(0);
398
+ }
399
+ }
400
+
401
+ @-moz-keyframes slideInLeft {
402
+ 0% {
403
+ opacity: 0;
404
+ transform: translateX(-13.34em) translateZ(0);
405
+ }
406
+
407
+ 65% {
408
+ opacity: 1;
409
+ transform: translateX(1.334em);
410
+ }
411
+
412
+ 100% {
413
+ transform: translateX(0);
414
+ }
415
+ }
416
+
417
+ @-o-keyframes slideInLeft {
418
+ 0% {
419
+ opacity: 0;
420
+ transform: translateX(-13.34em) translateZ(0);
421
+ }
422
+
423
+ 65% {
424
+ opacity: 1;
425
+ transform: translateX(1.334em);
426
+ }
427
+
428
+ 100% {
429
+ transform: translateX(0);
430
+ }
431
+ }
432
+
433
+ @keyframes slideInLeft {
434
+ 0% {
435
+ opacity: 0;
436
+ -webkit-transform: translateX(-13.34em) translateZ(0);
437
+ -ms-transform: translateX(-13.34em) translateZ(0);
438
+ transform: translateX(-13.34em) translateZ(0);
439
+ }
440
+
441
+ 65% {
442
+ opacity: 1;
443
+ -webkit-transform: translateX(1.334em);
444
+ -ms-transform: translateX(1.334em);
445
+ transform: translateX(1.334em);
446
+ }
447
+
448
+ 100% {
449
+ -webkit-transform: translateX(0);
450
+ -ms-transform: translateX(0);
451
+ transform: translateX(0);
452
+ }
453
+ }
454
+
455
+ @-webkit-keyframes slideInRight {
456
+ 0% {
457
+ opacity: 0;
458
+ -webkit-transform: translateX(13.34em) translateZ(0);
459
+ transform: translateX(13.34em) translateZ(0);
460
+ }
461
+
462
+ 65% {
463
+ opacity: 1;
464
+ -webkit-transform: translateX(-1.334em);
465
+ transform: translateX(-1.334em);
466
+ }
467
+
468
+ 100% {
469
+ -webkit-transform: translateX(0);
470
+ transform: translateX(0);
471
+ }
472
+ }
473
+
474
+ @-moz-keyframes slideInRight {
475
+ 0% {
476
+ opacity: 0;
477
+ transform: translateX(13.34em) translateZ(0);
478
+ }
479
+
480
+ 65% {
481
+ opacity: 1;
482
+ transform: translateX(-1.334em);
483
+ }
484
+
485
+ 100% {
486
+ transform: translateX(0);
487
+ }
488
+ }
489
+
490
+ @-o-keyframes slideInRight {
491
+ 0% {
492
+ opacity: 0;
493
+ transform: translateX(13.34em) translateZ(0);
494
+ }
495
+
496
+ 65% {
497
+ opacity: 1;
498
+ transform: translateX(-1.334em);
499
+ }
500
+
501
+ 100% {
502
+ transform: translateX(0);
503
+ }
504
+ }
505
+
506
+ @keyframes slideInRight {
507
+ 0% {
508
+ opacity: 0;
509
+ -webkit-transform: translateX(13.34em) translateZ(0);
510
+ -ms-transform: translateX(13.34em) translateZ(0);
511
+ transform: translateX(13.34em) translateZ(0);
512
+ }
513
+
514
+ 65% {
515
+ opacity: 1;
516
+ -webkit-transform: translateX(-1.334em);
517
+ -ms-transform: translateX(-1.334em);
518
+ transform: translateX(-1.334em);
519
+ }
520
+
521
+ 100% {
522
+ -webkit-transform: translateX(0);
523
+ -ms-transform: translateX(0);
524
+ transform: translateX(0);
525
+ }
526
+ }
527
+
528
+ @-webkit-keyframes dropIn {
529
+ 0% {
530
+ opacity: 0;
531
+ -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
532
+ transform: translateY(-10em) rotate(0) translateZ(0);
533
+ }
534
+
535
+ 10% {
536
+ -webkit-transform: translateY(-10em) rotate(-40deg);
537
+ transform: translateY(-10em) rotate(-40deg);
538
+ }
539
+
540
+ 90% {
541
+ opacity: 1;
542
+ }
543
+
544
+ 100% {
545
+ -webkit-transform: translateY(0) rotate(0);
546
+ transform: translateY(0) rotate(0);
547
+ }
548
+ }
549
+
550
+ @-moz-keyframes dropIn {
551
+ 0% {
552
+ opacity: 0;
553
+ transform: translateY(-10em) rotate(0) translateZ(0);
554
+ }
555
+
556
+ 10% {
557
+ transform: translateY(-10em) rotate(-40deg);
558
+ }
559
+
560
+ 90% {
561
+ opacity: 1;
562
+ }
563
+
564
+ 100% {
565
+ transform: translateY(0) rotate(0);
566
+ }
567
+ }
568
+
569
+ @-o-keyframes dropIn {
570
+ 0% {
571
+ opacity: 0;
572
+ transform: translateY(-10em) rotate(0) translateZ(0);
573
+ }
574
+
575
+ 10% {
576
+ transform: translateY(-10em) rotate(-40deg);
577
+ }
578
+
579
+ 90% {
580
+ opacity: 1;
581
+ }
582
+
583
+ 100% {
584
+ transform: translateY(0) rotate(0);
585
+ }
586
+ }
587
+
588
+ @keyframes dropIn {
589
+ 0% {
590
+ opacity: 0;
591
+ -webkit-transform: translateY(-10em) rotate(0) translateZ(0);
592
+ -ms-transform: translateY(-10em) rotate(0) translateZ(0);
593
+ transform: translateY(-10em) rotate(0) translateZ(0);
594
+ }
595
+
596
+ 10% {
597
+ -webkit-transform: translateY(-10em) rotate(-40deg);
598
+ -ms-transform: translateY(-10em) rotate(-40deg);
599
+ transform: translateY(-10em) rotate(-40deg);
600
+ }
601
+
602
+ 90% {
603
+ opacity: 1;
604
+ }
605
+
606
+ 100% {
607
+ -webkit-transform: translateY(0) rotate(0);
608
+ -ms-transform: translateY(0) rotate(0);
609
+ transform: translateY(0) rotate(0);
610
+ }
611
+ }
612
+
613
+ @-webkit-keyframes riseIn {
614
+ 0% {
615
+ opacity: 0;
616
+ -webkit-transform: translateY(10em) translateZ(0);
617
+ transform: translateY(10em) translateZ(0);
618
+ }
619
+
620
+ 50% {
621
+ opacity: 1;
622
+ }
623
+ }
624
+
625
+ @-moz-keyframes riseIn {
626
+ 0% {
627
+ opacity: 0;
628
+ transform: translateY(10em) translateZ(0);
629
+ }
630
+
631
+ 50% {
632
+ opacity: 1;
633
+ }
634
+ }
635
+
636
+ @-o-keyframes riseIn {
637
+ 0% {
638
+ opacity: 0;
639
+ transform: translateY(10em) translateZ(0);
640
+ }
641
+
642
+ 50% {
643
+ opacity: 1;
644
+ }
645
+ }
646
+
647
+ @keyframes riseIn {
648
+ 0% {
649
+ opacity: 0;
650
+ -webkit-transform: translateY(10em) translateZ(0);
651
+ -ms-transform: translateY(10em) translateZ(0);
652
+ transform: translateY(10em) translateZ(0);
653
+ }
654
+
655
+ 50% {
656
+ opacity: 1;
657
+ }
658
+ }
659
+
660
+ @-webkit-keyframes popIn {
661
+ 0% {
662
+ opacity: 0;
663
+ -webkit-transform: scale(.25) translateZ(0);
664
+ transform: scale(.25) translateZ(0);
665
+ }
666
+
667
+ 100% {
668
+ opacity: 1;
669
+ -webkit-transform: scale(1);
670
+ transform: scale(1);
671
+ }
672
+ }
673
+
674
+ @-moz-keyframes popIn {
675
+ 0% {
676
+ opacity: 0;
677
+ transform: scale(.25) translateZ(0);
678
+ }
679
+
680
+ 100% {
681
+ opacity: 1;
682
+ transform: scale(1);
683
+ }
684
+ }
685
+
686
+ @-o-keyframes popIn {
687
+ 0% {
688
+ opacity: 0;
689
+ transform: scale(.25) translateZ(0);
690
+ }
691
+
692
+ 100% {
693
+ opacity: 1;
694
+ transform: scale(1);
695
+ }
696
+ }
697
+
698
+ @keyframes popIn {
699
+ 0% {
700
+ opacity: 0;
701
+ -webkit-transform: scale(.25) translateZ(0);
702
+ -ms-transform: scale(.25) translateZ(0);
703
+ transform: scale(.25) translateZ(0);
704
+ }
705
+
706
+ 100% {
707
+ opacity: 1;
708
+ -webkit-transform: scale(1);
709
+ -ms-transform: scale(1);
710
+ transform: scale(1);
711
+ }
712
+ }
713
+
714
+ @-webkit-keyframes turnDownIn {
715
+ 0% {
716
+ opacity: 0;
717
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
718
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
719
+ }
720
+
721
+ 100% {
722
+ opacity: 1;
723
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
724
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
725
+
726
+ -webkit-backface-visibility: hidden;
727
+ -moz-backface-visibility: hidden;
728
+ backface-visibility: hidden;
729
+ }
730
+ }
731
+
732
+ @-moz-keyframes turnDownIn {
733
+ 0% {
734
+ opacity: 0;
735
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
736
+ }
737
+
738
+ 100% {
739
+ opacity: 1;
740
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
741
+
742
+ -webkit-backface-visibility: hidden;
743
+ -moz-backface-visibility: hidden;
744
+ backface-visibility: hidden;
745
+ }
746
+ }
747
+
748
+ @-o-keyframes turnDownIn {
749
+ 0% {
750
+ opacity: 0;
751
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
752
+ }
753
+
754
+ 100% {
755
+ opacity: 1;
756
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
757
+
758
+ -webkit-backface-visibility: hidden;
759
+ -moz-backface-visibility: hidden;
760
+ backface-visibility: hidden;
761
+ }
762
+ }
763
+
764
+ @keyframes turnDownIn {
765
+ 0% {
766
+ opacity: 0;
767
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
768
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
769
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
770
+ }
771
+
772
+ 100% {
773
+ opacity: 1;
774
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
775
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
776
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
777
+
778
+ -webkit-backface-visibility: hidden;
779
+ -moz-backface-visibility: hidden;
780
+ backface-visibility: hidden;
781
+ }
782
+ }
783
+
784
+ @-webkit-keyframes turnUpIn {
785
+ 0% {
786
+ opacity: 0;
787
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
788
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
789
+ }
790
+
791
+ 100% {
792
+ opacity: 1;
793
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
794
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
795
+
796
+ -webkit-backface-visibility: hidden;
797
+ -moz-backface-visibility: hidden;
798
+ backface-visibility: hidden;
799
+ }
800
+ }
801
+
802
+ @-moz-keyframes turnUpIn {
803
+ 0% {
804
+ opacity: 0;
805
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
806
+ }
807
+
808
+ 100% {
809
+ opacity: 1;
810
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
811
+
812
+ -webkit-backface-visibility: hidden;
813
+ -moz-backface-visibility: hidden;
814
+ backface-visibility: hidden;
815
+ }
816
+ }
817
+
818
+ @-o-keyframes turnUpIn {
819
+ 0% {
820
+ opacity: 0;
821
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
822
+ }
823
+
824
+ 100% {
825
+ opacity: 1;
826
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
827
+
828
+ -webkit-backface-visibility: hidden;
829
+ -moz-backface-visibility: hidden;
830
+ backface-visibility: hidden;
831
+ }
832
+ }
833
+
834
+ @keyframes turnUpIn {
835
+ 0% {
836
+ opacity: 0;
837
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
838
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
839
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
840
+ }
841
+
842
+ 100% {
843
+ opacity: 1;
844
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
845
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
846
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
847
+
848
+ -webkit-backface-visibility: hidden;
849
+ -moz-backface-visibility: hidden;
850
+ backface-visibility: hidden;
851
+ }
852
+ }
853
+
854
+ @-webkit-keyframes stretch {
855
+ 0% {
856
+ -webkit-transform: scaleY(0) translateZ(0);
857
+ transform: scaleY(0) translateZ(0);
858
+ }
859
+
860
+ 40% {
861
+ -webkit-transform: scaleY(1.05);
862
+ transform: scaleY(1.05);
863
+ }
864
+
865
+ 60% {
866
+ -webkit-transform: scaleY(.97125);
867
+ transform: scaleY(.97125);
868
+ }
869
+
870
+ 80% {
871
+ -webkit-transform: scaleY(1.05);
872
+ transform: scaleY(1.05);
873
+ }
874
+
875
+ 100% {
876
+ -webkit-transform: scaleY(.97125);
877
+ transform: scaleY(.97125);
878
+ }
879
+
880
+ 80% {
881
+ -webkit-transform: scaleY(1.02375);
882
+ transform: scaleY(1.02375);
883
+ }
884
+
885
+ 100% {
886
+ -webkit-transform: scaleY(1);
887
+ transform: scaleY(1);
888
+ }
889
+ }
890
+
891
+ @-moz-keyframes stretch {
892
+ 0% {
893
+ transform: scaleY(0) translateZ(0);
894
+ }
895
+
896
+ 40% {
897
+ transform: scaleY(1.05);
898
+ }
899
+
900
+ 60% {
901
+ transform: scaleY(.97125);
902
+ }
903
+
904
+ 80% {
905
+ transform: scaleY(1.05);
906
+ }
907
+
908
+ 100% {
909
+ transform: scaleY(.97125);
910
+ }
911
+
912
+ 80% {
913
+ transform: scaleY(1.02375);
914
+ }
915
+
916
+ 100% {
917
+ transform: scaleY(1);
918
+ }
919
+ }
920
+
921
+ @-o-keyframes stretch {
922
+ 0% {
923
+ transform: scaleY(0) translateZ(0);
924
+ }
925
+
926
+ 40% {
927
+ transform: scaleY(1.05);
928
+ }
929
+
930
+ 60% {
931
+ transform: scaleY(.97125);
932
+ }
933
+
934
+ 80% {
935
+ transform: scaleY(1.05);
936
+ }
937
+
938
+ 100% {
939
+ transform: scaleY(.97125);
940
+ }
941
+
942
+ 80% {
943
+ transform: scaleY(1.02375);
944
+ }
945
+
946
+ 100% {
947
+ transform: scaleY(1);
948
+ }
949
+ }
950
+
951
+ @keyframes stretch {
952
+ 0% {
953
+ -webkit-transform: scaleY(0) translateZ(0);
954
+ -ms-transform: scaleY(0) translateZ(0);
955
+ transform: scaleY(0) translateZ(0);
956
+ }
957
+
958
+ 40% {
959
+ -webkit-transform: scaleY(1.05);
960
+ -ms-transform: scaleY(1.05);
961
+ transform: scaleY(1.05);
962
+ }
963
+
964
+ 60% {
965
+ -webkit-transform: scaleY(.97125);
966
+ -ms-transform: scaleY(.97125);
967
+ transform: scaleY(.97125);
968
+ }
969
+
970
+ 80% {
971
+ -webkit-transform: scaleY(1.05);
972
+ -ms-transform: scaleY(1.05);
973
+ transform: scaleY(1.05);
974
+ }
975
+
976
+ 100% {
977
+ -webkit-transform: scaleY(.97125);
978
+ -ms-transform: scaleY(.97125);
979
+ transform: scaleY(.97125);
980
+ }
981
+
982
+ 80% {
983
+ -webkit-transform: scaleY(1.02375);
984
+ -ms-transform: scaleY(1.02375);
985
+ transform: scaleY(1.02375);
986
+ }
987
+
988
+ 100% {
989
+ -webkit-transform: scaleY(1);
990
+ -ms-transform: scaleY(1);
991
+ transform: scaleY(1);
992
+ }
993
+ }
994
+
995
+ @-webkit-keyframes newspaper {
996
+ 0% {
997
+ opacity: 0;
998
+ -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
999
+ transform: rotate(720deg) scale(.33) translateZ(0);
1000
+ }
1001
+
1002
+ 100% {
1003
+ opacity: 1;
1004
+ -webkit-transform: rotate(0deg) scale(1);
1005
+ transform: rotate(0deg) scale(1);
1006
+ }
1007
+ }
1008
+
1009
+ @-moz-keyframes newspaper {
1010
+ 0% {
1011
+ opacity: 0;
1012
+ transform: rotate(720deg) scale(.33) translateZ(0);
1013
+ }
1014
+
1015
+ 100% {
1016
+ opacity: 1;
1017
+ transform: rotate(0deg) scale(1);
1018
+ }
1019
+ }
1020
+
1021
+ @-o-keyframes newspaper {
1022
+ 0% {
1023
+ opacity: 0;
1024
+ transform: rotate(720deg) scale(.33) translateZ(0);
1025
+ }
1026
+
1027
+ 100% {
1028
+ opacity: 1;
1029
+ transform: rotate(0deg) scale(1);
1030
+ }
1031
+ }
1032
+
1033
+ @keyframes newspaper {
1034
+ 0% {
1035
+ opacity: 0;
1036
+ -webkit-transform: rotate(720deg) scale(.33) translateZ(0);
1037
+ -ms-transform: rotate(720deg) scale(.33) translateZ(0);
1038
+ transform: rotate(720deg) scale(.33) translateZ(0);
1039
+ }
1040
+
1041
+ 100% {
1042
+ opacity: 1;
1043
+ -webkit-transform: rotate(0deg) scale(1);
1044
+ -ms-transform: rotate(0deg) scale(1);
1045
+ transform: rotate(0deg) scale(1);
1046
+ }
1047
+ }
1048
+
1049
+ @-webkit-keyframes fadeOut {
1050
+ 0% {
1051
+ opacity: 1;
1052
+ -webkit-transform: translateZ(0);
1053
+ transform: translateZ(0);
1054
+ }
1055
+
1056
+ 100% {
1057
+ opacity: 0;
1058
+ }
1059
+ }
1060
+
1061
+ @-moz-keyframes fadeOut {
1062
+ 0% {
1063
+ opacity: 1;
1064
+ transform: translateZ(0);
1065
+ }
1066
+
1067
+ 100% {
1068
+ opacity: 0;
1069
+ }
1070
+ }
1071
+
1072
+ @-o-keyframes fadeOut {
1073
+ 0% {
1074
+ opacity: 1;
1075
+ transform: translateZ(0);
1076
+ }
1077
+
1078
+ 100% {
1079
+ opacity: 0;
1080
+ }
1081
+ }
1082
+
1083
+ @keyframes fadeOut {
1084
+ 0% {
1085
+ opacity: 1;
1086
+ -webkit-transform: translateZ(0);
1087
+ -ms-transform: translateZ(0);
1088
+ transform: translateZ(0);
1089
+ }
1090
+
1091
+ 100% {
1092
+ opacity: 0;
1093
+ }
1094
+ }
1095
+
1096
+ @-webkit-keyframes fadeOutDown {
1097
+ 0% {
1098
+ opacity: 1;
1099
+ -webkit-transform: translateZ(0);
1100
+ transform: translateZ(0);
1101
+ }
1102
+
1103
+ 100% {
1104
+ opacity: 0;
1105
+ -webkit-transform: translateY(1.334em);
1106
+ transform: translateY(1.334em);
1107
+ }
1108
+ }
1109
+
1110
+ @-moz-keyframes fadeOutDown {
1111
+ 0% {
1112
+ opacity: 1;
1113
+ transform: translateZ(0);
1114
+ }
1115
+
1116
+ 100% {
1117
+ opacity: 0;
1118
+ transform: translateY(1.334em);
1119
+ }
1120
+ }
1121
+
1122
+ @-o-keyframes fadeOutDown {
1123
+ 0% {
1124
+ opacity: 1;
1125
+ transform: translateZ(0);
1126
+ }
1127
+
1128
+ 100% {
1129
+ opacity: 0;
1130
+ transform: translateY(1.334em);
1131
+ }
1132
+ }
1133
+
1134
+ @keyframes fadeOutDown {
1135
+ 0% {
1136
+ opacity: 1;
1137
+ -webkit-transform: translateZ(0);
1138
+ -ms-transform: translateZ(0);
1139
+ transform: translateZ(0);
1140
+ }
1141
+
1142
+ 100% {
1143
+ opacity: 0;
1144
+ -webkit-transform: translateY(1.334em);
1145
+ -ms-transform: translateY(1.334em);
1146
+ transform: translateY(1.334em);
1147
+ }
1148
+ }
1149
+
1150
+ @-webkit-keyframes fadeOutUp {
1151
+ 0% {
1152
+ opacity: 1;
1153
+ -webkit-transform: translateZ(0);
1154
+ transform: translateZ(0);
1155
+ }
1156
+
1157
+ 100% {
1158
+ opacity: 0;
1159
+ -webkit-transform: translateY(-1.334em);
1160
+ transform: translateY(-1.334em);
1161
+ }
1162
+ }
1163
+
1164
+ @-moz-keyframes fadeOutUp {
1165
+ 0% {
1166
+ opacity: 1;
1167
+ transform: translateZ(0);
1168
+ }
1169
+
1170
+ 100% {
1171
+ opacity: 0;
1172
+ transform: translateY(-1.334em);
1173
+ }
1174
+ }
1175
+
1176
+ @-o-keyframes fadeOutUp {
1177
+ 0% {
1178
+ opacity: 1;
1179
+ transform: translateZ(0);
1180
+ }
1181
+
1182
+ 100% {
1183
+ opacity: 0;
1184
+ transform: translateY(-1.334em);
1185
+ }
1186
+ }
1187
+
1188
+ @keyframes fadeOutUp {
1189
+ 0% {
1190
+ opacity: 1;
1191
+ -webkit-transform: translateZ(0);
1192
+ -ms-transform: translateZ(0);
1193
+ transform: translateZ(0);
1194
+ }
1195
+
1196
+ 100% {
1197
+ opacity: 0;
1198
+ -webkit-transform: translateY(-1.334em);
1199
+ -ms-transform: translateY(-1.334em);
1200
+ transform: translateY(-1.334em);
1201
+ }
1202
+ }
1203
+
1204
+ @-webkit-keyframes fadeOutLeft {
1205
+ 0% {
1206
+ opacity: 1;
1207
+ }
1208
+
1209
+ 100% {
1210
+ opacity: 0;
1211
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1212
+ transform: translateX(-1.334em) translateZ(0);
1213
+ }
1214
+ }
1215
+
1216
+ @-moz-keyframes fadeOutLeft {
1217
+ 0% {
1218
+ opacity: 1;
1219
+ }
1220
+
1221
+ 100% {
1222
+ opacity: 0;
1223
+ transform: translateX(-1.334em) translateZ(0);
1224
+ }
1225
+ }
1226
+
1227
+ @-o-keyframes fadeOutLeft {
1228
+ 0% {
1229
+ opacity: 1;
1230
+ }
1231
+
1232
+ 100% {
1233
+ opacity: 0;
1234
+ transform: translateX(-1.334em) translateZ(0);
1235
+ }
1236
+ }
1237
+
1238
+ @keyframes fadeOutLeft {
1239
+ 0% {
1240
+ opacity: 1;
1241
+ }
1242
+
1243
+ 100% {
1244
+ opacity: 0;
1245
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1246
+ -ms-transform: translateX(-1.334em) translateZ(0);
1247
+ transform: translateX(-1.334em) translateZ(0);
1248
+ }
1249
+ }
1250
+
1251
+ @-webkit-keyframes fadeOutRight {
1252
+ 0% {
1253
+ opacity: 1;
1254
+ }
1255
+
1256
+ 100% {
1257
+ opacity: 0;
1258
+ -webkit-transform: translateX(1.334em) translateZ(0);
1259
+ transform: translateX(1.334em) translateZ(0);
1260
+ }
1261
+ }
1262
+
1263
+ @-moz-keyframes fadeOutRight {
1264
+ 0% {
1265
+ opacity: 1;
1266
+ }
1267
+
1268
+ 100% {
1269
+ opacity: 0;
1270
+ transform: translateX(1.334em) translateZ(0);
1271
+ }
1272
+ }
1273
+
1274
+ @-o-keyframes fadeOutRight {
1275
+ 0% {
1276
+ opacity: 1;
1277
+ }
1278
+
1279
+ 100% {
1280
+ opacity: 0;
1281
+ transform: translateX(1.334em) translateZ(0);
1282
+ }
1283
+ }
1284
+
1285
+ @keyframes fadeOutRight {
1286
+ 0% {
1287
+ opacity: 1;
1288
+ }
1289
+
1290
+ 100% {
1291
+ opacity: 0;
1292
+ -webkit-transform: translateX(1.334em) translateZ(0);
1293
+ -ms-transform: translateX(1.334em) translateZ(0);
1294
+ transform: translateX(1.334em) translateZ(0);
1295
+ }
1296
+ }
1297
+
1298
+ @-webkit-keyframes fadeOutZoom {
1299
+ 0% {
1300
+ opacity: 1;
1301
+ -webkit-transform: translateZ(0);
1302
+ transform: translateZ(0);
1303
+ }
1304
+
1305
+ 100% {
1306
+ opacity: 0;
1307
+ -webkit-transform: scale(0);
1308
+ transform: scale(0);
1309
+ }
1310
+ }
1311
+
1312
+ @-moz-keyframes fadeOutZoom {
1313
+ 0% {
1314
+ opacity: 1;
1315
+ transform: translateZ(0);
1316
+ }
1317
+
1318
+ 100% {
1319
+ opacity: 0;
1320
+ transform: scale(0);
1321
+ }
1322
+ }
1323
+
1324
+ @-o-keyframes fadeOutZoom {
1325
+ 0% {
1326
+ opacity: 1;
1327
+ transform: translateZ(0);
1328
+ }
1329
+
1330
+ 100% {
1331
+ opacity: 0;
1332
+ transform: scale(0);
1333
+ }
1334
+ }
1335
+
1336
+ @keyframes fadeOutZoom {
1337
+ 0% {
1338
+ opacity: 1;
1339
+ -webkit-transform: translateZ(0);
1340
+ -ms-transform: translateZ(0);
1341
+ transform: translateZ(0);
1342
+ }
1343
+
1344
+ 100% {
1345
+ opacity: 0;
1346
+ -webkit-transform: scale(0);
1347
+ -ms-transform: scale(0);
1348
+ transform: scale(0);
1349
+ }
1350
+ }
1351
+
1352
+ @-webkit-keyframes fadeOutZoomBig {
1353
+ 0% {
1354
+ -webkit-transform: scale(1) translateZ(0);
1355
+ transform: scale(1) translateZ(0);
1356
+ }
1357
+
1358
+ 40% {
1359
+ -webkit-transform: scale(1.25);
1360
+ transform: scale(1.25);
1361
+ }
1362
+
1363
+ 60% {
1364
+ opacity: 1;
1365
+ }
1366
+
1367
+ 100% {
1368
+ opacity: 0;
1369
+ -webkit-transform: scale(0);
1370
+ transform: scale(0);
1371
+ }
1372
+ }
1373
+
1374
+ @-moz-keyframes fadeOutZoomBig {
1375
+ 0% {
1376
+ transform: scale(1) translateZ(0);
1377
+ }
1378
+
1379
+ 40% {
1380
+ transform: scale(1.25);
1381
+ }
1382
+
1383
+ 60% {
1384
+ opacity: 1;
1385
+ }
1386
+
1387
+ 100% {
1388
+ opacity: 0;
1389
+ transform: scale(0);
1390
+ }
1391
+ }
1392
+
1393
+ @-o-keyframes fadeOutZoomBig {
1394
+ 0% {
1395
+ transform: scale(1) translateZ(0);
1396
+ }
1397
+
1398
+ 40% {
1399
+ transform: scale(1.25);
1400
+ }
1401
+
1402
+ 60% {
1403
+ opacity: 1;
1404
+ }
1405
+
1406
+ 100% {
1407
+ opacity: 0;
1408
+ transform: scale(0);
1409
+ }
1410
+ }
1411
+
1412
+ @keyframes fadeOutZoomBig {
1413
+ 0% {
1414
+ -webkit-transform: scale(1) translateZ(0);
1415
+ -ms-transform: scale(1) translateZ(0);
1416
+ transform: scale(1) translateZ(0);
1417
+ }
1418
+
1419
+ 40% {
1420
+ -webkit-transform: scale(1.25);
1421
+ -ms-transform: scale(1.25);
1422
+ transform: scale(1.25);
1423
+ }
1424
+
1425
+ 60% {
1426
+ opacity: 1;
1427
+ }
1428
+
1429
+ 100% {
1430
+ opacity: 0;
1431
+ -webkit-transform: scale(0);
1432
+ -ms-transform: scale(0);
1433
+ transform: scale(0);
1434
+ }
1435
+ }
1436
+
1437
+ @-webkit-keyframes slideOutLeft {
1438
+ 35% {
1439
+ opacity: 1;
1440
+ -webkit-transform: translateX(1.334em) translateZ(0);
1441
+ transform: translateX(1.334em) translateZ(0);
1442
+ }
1443
+
1444
+ 100% {
1445
+ opacity: 0;
1446
+ -webkit-transform: translateX(-13.34em);
1447
+ transform: translateX(-13.34em);
1448
+ }
1449
+ }
1450
+
1451
+ @-moz-keyframes slideOutLeft {
1452
+ 35% {
1453
+ opacity: 1;
1454
+ transform: translateX(1.334em) translateZ(0);
1455
+ }
1456
+
1457
+ 100% {
1458
+ opacity: 0;
1459
+ transform: translateX(-13.34em);
1460
+ }
1461
+ }
1462
+
1463
+ @-o-keyframes slideOutLeft {
1464
+ 35% {
1465
+ opacity: 1;
1466
+ transform: translateX(1.334em) translateZ(0);
1467
+ }
1468
+
1469
+ 100% {
1470
+ opacity: 0;
1471
+ transform: translateX(-13.34em);
1472
+ }
1473
+ }
1474
+
1475
+ @keyframes slideOutLeft {
1476
+ 35% {
1477
+ opacity: 1;
1478
+ -webkit-transform: translateX(1.334em) translateZ(0);
1479
+ -ms-transform: translateX(1.334em) translateZ(0);
1480
+ transform: translateX(1.334em) translateZ(0);
1481
+ }
1482
+
1483
+ 100% {
1484
+ opacity: 0;
1485
+ -webkit-transform: translateX(-13.34em);
1486
+ -ms-transform: translateX(-13.34em);
1487
+ transform: translateX(-13.34em);
1488
+ }
1489
+ }
1490
+
1491
+ @-webkit-keyframes slideOutRight {
1492
+ 35% {
1493
+ opacity: 1;
1494
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1495
+ transform: translateX(-1.334em) translateZ(0);
1496
+ }
1497
+
1498
+ 100% {
1499
+ opacity: 0;
1500
+ -webkit-transform: translateX(13.34em);
1501
+ transform: translateX(13.34em);
1502
+ }
1503
+ }
1504
+
1505
+ @-moz-keyframes slideOutRight {
1506
+ 35% {
1507
+ opacity: 1;
1508
+ transform: translateX(-1.334em) translateZ(0);
1509
+ }
1510
+
1511
+ 100% {
1512
+ opacity: 0;
1513
+ transform: translateX(13.34em);
1514
+ }
1515
+ }
1516
+
1517
+ @-o-keyframes slideOutRight {
1518
+ 35% {
1519
+ opacity: 1;
1520
+ transform: translateX(-1.334em) translateZ(0);
1521
+ }
1522
+
1523
+ 100% {
1524
+ opacity: 0;
1525
+ transform: translateX(13.34em);
1526
+ }
1527
+ }
1528
+
1529
+ @keyframes slideOutRight {
1530
+ 35% {
1531
+ opacity: 1;
1532
+ -webkit-transform: translateX(-1.334em) translateZ(0);
1533
+ -ms-transform: translateX(-1.334em) translateZ(0);
1534
+ transform: translateX(-1.334em) translateZ(0);
1535
+ }
1536
+
1537
+ 100% {
1538
+ opacity: 0;
1539
+ -webkit-transform: translateX(13.34em);
1540
+ -ms-transform: translateX(13.34em);
1541
+ transform: translateX(13.34em);
1542
+ }
1543
+ }
1544
+
1545
+ @-webkit-keyframes explode {
1546
+ 0% {
1547
+ opacity: 1;
1548
+ -webkit-transform: translateZ(0);
1549
+ transform: translateZ(0);
1550
+ }
1551
+
1552
+ 100% {
1553
+ opacity: 0;
1554
+ -webkit-transform: scale(5);
1555
+ transform: scale(5);
1556
+ }
1557
+ }
1558
+
1559
+ @-moz-keyframes explode {
1560
+ 0% {
1561
+ opacity: 1;
1562
+ transform: translateZ(0);
1563
+ }
1564
+
1565
+ 100% {
1566
+ opacity: 0;
1567
+ transform: scale(5);
1568
+ }
1569
+ }
1570
+
1571
+ @-o-keyframes explode {
1572
+ 0% {
1573
+ opacity: 1;
1574
+ transform: translateZ(0);
1575
+ }
1576
+
1577
+ 100% {
1578
+ opacity: 0;
1579
+ transform: scale(5);
1580
+ }
1581
+ }
1582
+
1583
+ @keyframes explode {
1584
+ 0% {
1585
+ opacity: 1;
1586
+ -webkit-transform: translateZ(0);
1587
+ -ms-transform: translateZ(0);
1588
+ transform: translateZ(0);
1589
+ }
1590
+
1591
+ 100% {
1592
+ opacity: 0;
1593
+ -webkit-transform: scale(5);
1594
+ -ms-transform: scale(5);
1595
+ transform: scale(5);
1596
+ }
1597
+ }
1598
+
1599
+ @-webkit-keyframes dropOut {
1600
+ 0% {
1601
+ opacity: 1;
1602
+ -webkit-transform: translateZ(0);
1603
+ transform: translateZ(0);
1604
+ }
1605
+
1606
+ 100% {
1607
+ opacity: 0;
1608
+ -webkit-transform: translateY(10em) rotate(-40deg);
1609
+ transform: translateY(10em) rotate(-40deg);
1610
+ }
1611
+ }
1612
+
1613
+ @-moz-keyframes dropOut {
1614
+ 0% {
1615
+ opacity: 1;
1616
+ transform: translateZ(0);
1617
+ }
1618
+
1619
+ 100% {
1620
+ opacity: 0;
1621
+ transform: translateY(10em) rotate(-40deg);
1622
+ }
1623
+ }
1624
+
1625
+ @-o-keyframes dropOut {
1626
+ 0% {
1627
+ opacity: 1;
1628
+ transform: translateZ(0);
1629
+ }
1630
+
1631
+ 100% {
1632
+ opacity: 0;
1633
+ transform: translateY(10em) rotate(-40deg);
1634
+ }
1635
+ }
1636
+
1637
+ @keyframes dropOut {
1638
+ 0% {
1639
+ opacity: 1;
1640
+ -webkit-transform: translateZ(0);
1641
+ -ms-transform: translateZ(0);
1642
+ transform: translateZ(0);
1643
+ }
1644
+
1645
+ 100% {
1646
+ opacity: 0;
1647
+ -webkit-transform: translateY(10em) rotate(-40deg);
1648
+ -ms-transform: translateY(10em) rotate(-40deg);
1649
+ transform: translateY(10em) rotate(-40deg);
1650
+ }
1651
+ }
1652
+
1653
+ @-webkit-keyframes riseOut {
1654
+ 0% {
1655
+ opacity: 1;
1656
+ -webkit-transform: translateZ(0);
1657
+ transform: translateZ(0);
1658
+ }
1659
+
1660
+ 100% {
1661
+ opacity: 0;
1662
+ -webkit-transform: translateY(-10em);
1663
+ transform: translateY(-10em);
1664
+ }
1665
+ }
1666
+
1667
+ @-moz-keyframes riseOut {
1668
+ 0% {
1669
+ opacity: 1;
1670
+ transform: translateZ(0);
1671
+ }
1672
+
1673
+ 100% {
1674
+ opacity: 0;
1675
+ transform: translateY(-10em);
1676
+ }
1677
+ }
1678
+
1679
+ @-o-keyframes riseOut {
1680
+ 0% {
1681
+ opacity: 1;
1682
+ transform: translateZ(0);
1683
+ }
1684
+
1685
+ 100% {
1686
+ opacity: 0;
1687
+ transform: translateY(-10em);
1688
+ }
1689
+ }
1690
+
1691
+ @keyframes riseOut {
1692
+ 0% {
1693
+ opacity: 1;
1694
+ -webkit-transform: translateZ(0);
1695
+ -ms-transform: translateZ(0);
1696
+ transform: translateZ(0);
1697
+ }
1698
+
1699
+ 100% {
1700
+ opacity: 0;
1701
+ -webkit-transform: translateY(-10em);
1702
+ -ms-transform: translateY(-10em);
1703
+ transform: translateY(-10em);
1704
+ }
1705
+ }
1706
+
1707
+ @-webkit-keyframes poof {
1708
+ 0% {
1709
+ opacity: 1;
1710
+ -webkit-transform: scale(1) translateZ(0);
1711
+ transform: scale(1) translateZ(0);
1712
+
1713
+ -webkit-filter: blur(0);
1714
+ }
1715
+
1716
+ 100% {
1717
+ opacity: 0;
1718
+ -webkit-transform: scale(2);
1719
+ transform: scale(2);
1720
+
1721
+ -webkit-filter: blur(40px);
1722
+ }
1723
+ }
1724
+
1725
+ @-moz-keyframes poof {
1726
+ 0% {
1727
+ opacity: 1;
1728
+ transform: scale(1) translateZ(0);
1729
+
1730
+ -webkit-filter: blur(0);
1731
+ }
1732
+
1733
+ 100% {
1734
+ opacity: 0;
1735
+ transform: scale(2);
1736
+
1737
+ -webkit-filter: blur(40px);
1738
+ }
1739
+ }
1740
+
1741
+ @-o-keyframes poof {
1742
+ 0% {
1743
+ opacity: 1;
1744
+ transform: scale(1) translateZ(0);
1745
+
1746
+ -webkit-filter: blur(0);
1747
+ }
1748
+
1749
+ 100% {
1750
+ opacity: 0;
1751
+ transform: scale(2);
1752
+
1753
+ -webkit-filter: blur(40px);
1754
+ }
1755
+ }
1756
+
1757
+ @keyframes poof {
1758
+ 0% {
1759
+ opacity: 1;
1760
+ -webkit-transform: scale(1) translateZ(0);
1761
+ -ms-transform: scale(1) translateZ(0);
1762
+ transform: scale(1) translateZ(0);
1763
+
1764
+ -webkit-filter: blur(0);
1765
+ }
1766
+
1767
+ 100% {
1768
+ opacity: 0;
1769
+ -webkit-transform: scale(2);
1770
+ -ms-transform: scale(2);
1771
+ transform: scale(2);
1772
+
1773
+ -webkit-filter: blur(40px);
1774
+ }
1775
+ }
1776
+
1777
+ @-webkit-keyframes turnOutDown {
1778
+ 0% {
1779
+ opacity: 1;
1780
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
1781
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1782
+
1783
+ -webkit-backface-visibility: hidden;
1784
+ backface-visibility: hidden;
1785
+ }
1786
+
1787
+ 100% {
1788
+ opacity: 0;
1789
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1790
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1791
+ }
1792
+ }
1793
+
1794
+ @-moz-keyframes turnOutDown {
1795
+ 0% {
1796
+ opacity: 1;
1797
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1798
+
1799
+ -webkit-backface-visibility: hidden;
1800
+ backface-visibility: hidden;
1801
+ }
1802
+
1803
+ 100% {
1804
+ opacity: 0;
1805
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1806
+ }
1807
+ }
1808
+
1809
+ @-o-keyframes turnOutDown {
1810
+ 0% {
1811
+ opacity: 1;
1812
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1813
+
1814
+ -webkit-backface-visibility: hidden;
1815
+ backface-visibility: hidden;
1816
+ }
1817
+
1818
+ 100% {
1819
+ opacity: 0;
1820
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1821
+ }
1822
+ }
1823
+
1824
+ @keyframes turnOutDown {
1825
+ 0% {
1826
+ opacity: 1;
1827
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
1828
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
1829
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1830
+
1831
+ -webkit-backface-visibility: hidden;
1832
+ backface-visibility: hidden;
1833
+ }
1834
+
1835
+ 100% {
1836
+ opacity: 0;
1837
+ -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1838
+ -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1839
+ transform: perspective(500px) rotateX(-225deg) translateZ(150px);
1840
+ }
1841
+ }
1842
+
1843
+ @-webkit-keyframes turnOutUp {
1844
+ 0% {
1845
+ opacity: 1;
1846
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
1847
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1848
+
1849
+ -webkit-backface-visibility: hidden;
1850
+ backface-visibility: hidden;
1851
+ }
1852
+
1853
+ 100% {
1854
+ opacity: 0;
1855
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
1856
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1857
+ }
1858
+ }
1859
+
1860
+ @-moz-keyframes turnOutUp {
1861
+ 0% {
1862
+ opacity: 1;
1863
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1864
+
1865
+ -webkit-backface-visibility: hidden;
1866
+ backface-visibility: hidden;
1867
+ }
1868
+
1869
+ 100% {
1870
+ opacity: 0;
1871
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1872
+ }
1873
+ }
1874
+
1875
+ @-o-keyframes turnOutUp {
1876
+ 0% {
1877
+ opacity: 1;
1878
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1879
+
1880
+ -webkit-backface-visibility: hidden;
1881
+ backface-visibility: hidden;
1882
+ }
1883
+
1884
+ 100% {
1885
+ opacity: 0;
1886
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1887
+ }
1888
+ }
1889
+
1890
+ @keyframes turnOutUp {
1891
+ 0% {
1892
+ opacity: 1;
1893
+ -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0);
1894
+ -ms-transform: perspective(800px) rotateX(0deg) translateZ(0);
1895
+ transform: perspective(800px) rotateX(0deg) translateZ(0);
1896
+
1897
+ -webkit-backface-visibility: hidden;
1898
+ backface-visibility: hidden;
1899
+ }
1900
+
1901
+ 100% {
1902
+ opacity: 0;
1903
+ -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px);
1904
+ -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px);
1905
+ transform: perspective(500px) rotateX(225deg) translateZ(150px);
1906
+ }
1907
+ }
1908
+
1909
+ @-webkit-keyframes compress {
1910
+ 0% {
1911
+ -webkit-transform: scaleY(1) translateZ(0);
1912
+ transform: scaleY(1) translateZ(0);
1913
+ }
1914
+
1915
+ 30% {
1916
+ -webkit-transform: scaleY(1.05);
1917
+ transform: scaleY(1.05);
1918
+ }
1919
+
1920
+ 50% {
1921
+ -webkit-transform: scaleY(.97125);
1922
+ transform: scaleY(.97125);
1923
+ }
1924
+
1925
+ 100% {
1926
+ -webkit-transform: scaleY(0);
1927
+ transform: scaleY(0);
1928
+ }
1929
+ }
1930
+
1931
+ @-moz-keyframes compress {
1932
+ 0% {
1933
+ transform: scaleY(1) translateZ(0);
1934
+ }
1935
+
1936
+ 30% {
1937
+ transform: scaleY(1.05);
1938
+ }
1939
+
1940
+ 50% {
1941
+ transform: scaleY(.97125);
1942
+ }
1943
+
1944
+ 100% {
1945
+ transform: scaleY(0);
1946
+ }
1947
+ }
1948
+
1949
+ @-o-keyframes compress {
1950
+ 0% {
1951
+ transform: scaleY(1) translateZ(0);
1952
+ }
1953
+
1954
+ 30% {
1955
+ transform: scaleY(1.05);
1956
+ }
1957
+
1958
+ 50% {
1959
+ transform: scaleY(.97125);
1960
+ }
1961
+
1962
+ 100% {
1963
+ transform: scaleY(0);
1964
+ }
1965
+ }
1966
+
1967
+ @keyframes compress {
1968
+ 0% {
1969
+ -webkit-transform: scaleY(1) translateZ(0);
1970
+ -ms-transform: scaleY(1) translateZ(0);
1971
+ transform: scaleY(1) translateZ(0);
1972
+ }
1973
+
1974
+ 30% {
1975
+ -webkit-transform: scaleY(1.05);
1976
+ -ms-transform: scaleY(1.05);
1977
+ transform: scaleY(1.05);
1978
+ }
1979
+
1980
+ 50% {
1981
+ -webkit-transform: scaleY(.97125);
1982
+ -ms-transform: scaleY(.97125);
1983
+ transform: scaleY(.97125);
1984
+ }
1985
+
1986
+ 100% {
1987
+ -webkit-transform: scaleY(0);
1988
+ -ms-transform: scaleY(0);
1989
+ transform: scaleY(0);
1990
+ }
1991
+ }
1992
+
1993
+ @-webkit-keyframes float {
1994
+ 0%, 50%, 100% {
1995
+ -webkit-transform: translateY(-.25em) translateZ(0);
1996
+ transform: translateY(-.25em) translateZ(0);
1997
+ }
1998
+
1999
+ 25% {
2000
+ -webkit-transform: translateY(.25em) rotate(1deg);
2001
+ transform: translateY(.25em) rotate(1deg);
2002
+ }
2003
+
2004
+ 75% {
2005
+ -webkit-transform: translateY(.25em) rotate(-1deg);
2006
+ transform: translateY(.25em) rotate(-1deg);
2007
+ }
2008
+ }
2009
+
2010
+ @-moz-keyframes float {
2011
+ 0%, 50%, 100% {
2012
+ transform: translateY(-.25em) translateZ(0);
2013
+ }
2014
+
2015
+ 25% {
2016
+ transform: translateY(.25em) rotate(1deg);
2017
+ }
2018
+
2019
+ 75% {
2020
+ transform: translateY(.25em) rotate(-1deg);
2021
+ }
2022
+ }
2023
+
2024
+ @-o-keyframes float {
2025
+ 0%, 50%, 100% {
2026
+ transform: translateY(-.25em) translateZ(0);
2027
+ }
2028
+
2029
+ 25% {
2030
+ transform: translateY(.25em) rotate(1deg);
2031
+ }
2032
+
2033
+ 75% {
2034
+ transform: translateY(.25em) rotate(-1deg);
2035
+ }
2036
+ }
2037
+
2038
+ @keyframes float {
2039
+ 0%, 50%, 100% {
2040
+ -webkit-transform: translateY(-.25em) translateZ(0);
2041
+ -ms-transform: translateY(-.25em) translateZ(0);
2042
+ transform: translateY(-.25em) translateZ(0);
2043
+ }
2044
+
2045
+ 25% {
2046
+ -webkit-transform: translateY(.25em) rotate(1deg);
2047
+ -ms-transform: translateY(.25em) rotate(1deg);
2048
+ transform: translateY(.25em) rotate(1deg);
2049
+ }
2050
+
2051
+ 75% {
2052
+ -webkit-transform: translateY(.25em) rotate(-1deg);
2053
+ -ms-transform: translateY(.25em) rotate(-1deg);
2054
+ transform: translateY(.25em) rotate(-1deg);
2055
+ }
2056
+ }
2057
+
2058
+ @-webkit-keyframes shake {
2059
+ 0%, 100% {
2060
+ -webkit-transform: translateX(0) translateZ(0);
2061
+ transform: translateX(0) translateZ(0);
2062
+ }
2063
+
2064
+ 15% {
2065
+ -webkit-transform: translateX(.55em);
2066
+ transform: translateX(.55em);
2067
+ }
2068
+
2069
+ 35% {
2070
+ -webkit-transform: translateX(-.55em);
2071
+ transform: translateX(-.55em);
2072
+ }
2073
+
2074
+ 50% {
2075
+ -webkit-transform: translateX(.275em);
2076
+ transform: translateX(.275em);
2077
+ }
2078
+
2079
+ 65% {
2080
+ -webkit-transform: translateX(-.275em);
2081
+ transform: translateX(-.275em);
2082
+ }
2083
+
2084
+ 85% {
2085
+ -webkit-transform: translateX(.18333em);
2086
+ transform: translateX(.18333em);
2087
+ }
2088
+ }
2089
+
2090
+ @-moz-keyframes shake {
2091
+ 0%, 100% {
2092
+ transform: translateX(0) translateZ(0);
2093
+ }
2094
+
2095
+ 15% {
2096
+ transform: translateX(.55em);
2097
+ }
2098
+
2099
+ 35% {
2100
+ transform: translateX(-.55em);
2101
+ }
2102
+
2103
+ 50% {
2104
+ transform: translateX(.275em);
2105
+ }
2106
+
2107
+ 65% {
2108
+ transform: translateX(-.275em);
2109
+ }
2110
+
2111
+ 85% {
2112
+ transform: translateX(.18333em);
2113
+ }
2114
+ }
2115
+
2116
+ @-o-keyframes shake {
2117
+ 0%, 100% {
2118
+ transform: translateX(0) translateZ(0);
2119
+ }
2120
+
2121
+ 15% {
2122
+ transform: translateX(.55em);
2123
+ }
2124
+
2125
+ 35% {
2126
+ transform: translateX(-.55em);
2127
+ }
2128
+
2129
+ 50% {
2130
+ transform: translateX(.275em);
2131
+ }
2132
+
2133
+ 65% {
2134
+ transform: translateX(-.275em);
2135
+ }
2136
+
2137
+ 85% {
2138
+ transform: translateX(.18333em);
2139
+ }
2140
+ }
2141
+
2142
+ @keyframes shake {
2143
+ 0%, 100% {
2144
+ -webkit-transform: translateX(0) translateZ(0);
2145
+ -ms-transform: translateX(0) translateZ(0);
2146
+ transform: translateX(0) translateZ(0);
2147
+ }
2148
+
2149
+ 15% {
2150
+ -webkit-transform: translateX(.55em);
2151
+ -ms-transform: translateX(.55em);
2152
+ transform: translateX(.55em);
2153
+ }
2154
+
2155
+ 35% {
2156
+ -webkit-transform: translateX(-.55em);
2157
+ -ms-transform: translateX(-.55em);
2158
+ transform: translateX(-.55em);
2159
+ }
2160
+
2161
+ 50% {
2162
+ -webkit-transform: translateX(.275em);
2163
+ -ms-transform: translateX(.275em);
2164
+ transform: translateX(.275em);
2165
+ }
2166
+
2167
+ 65% {
2168
+ -webkit-transform: translateX(-.275em);
2169
+ -ms-transform: translateX(-.275em);
2170
+ transform: translateX(-.275em);
2171
+ }
2172
+
2173
+ 85% {
2174
+ -webkit-transform: translateX(.18333em);
2175
+ -ms-transform: translateX(.18333em);
2176
+ transform: translateX(.18333em);
2177
+ }
2178
+ }
2179
+
2180
+ @-webkit-keyframes teeter {
2181
+ 0%, 100% {
2182
+ -webkit-transform: rotate(0deg) translateZ(0);
2183
+ transform: rotate(0deg) translateZ(0);
2184
+ }
2185
+
2186
+ 15% {
2187
+ -webkit-transform: rotate(10deg);
2188
+ transform: rotate(10deg);
2189
+ }
2190
+
2191
+ 30% {
2192
+ -webkit-transform: rotate(-10deg);
2193
+ transform: rotate(-10deg);
2194
+ }
2195
+
2196
+ 45% {
2197
+ -webkit-transform: rotate(5deg);
2198
+ transform: rotate(5deg);
2199
+ }
2200
+
2201
+ 60% {
2202
+ -webkit-transform: rotate(-5deg);
2203
+ transform: rotate(-5deg);
2204
+ }
2205
+
2206
+ 73% {
2207
+ -webkit-transform: rotate(3.33333deg);
2208
+ transform: rotate(3.33333deg);
2209
+ }
2210
+
2211
+ 86% {
2212
+ -webkit-transform: rotate(-3.33333deg);
2213
+ transform: rotate(-3.33333deg);
2214
+ }
2215
+ }
2216
+
2217
+ @-moz-keyframes teeter {
2218
+ 0%, 100% {
2219
+ transform: rotate(0deg) translateZ(0);
2220
+ }
2221
+
2222
+ 15% {
2223
+ transform: rotate(10deg);
2224
+ }
2225
+
2226
+ 30% {
2227
+ transform: rotate(-10deg);
2228
+ }
2229
+
2230
+ 45% {
2231
+ transform: rotate(5deg);
2232
+ }
2233
+
2234
+ 60% {
2235
+ transform: rotate(-5deg);
2236
+ }
2237
+
2238
+ 73% {
2239
+ transform: rotate(3.33333deg);
2240
+ }
2241
+
2242
+ 86% {
2243
+ transform: rotate(-3.33333deg);
2244
+ }
2245
+ }
2246
+
2247
+ @-o-keyframes teeter {
2248
+ 0%, 100% {
2249
+ transform: rotate(0deg) translateZ(0);
2250
+ }
2251
+
2252
+ 15% {
2253
+ transform: rotate(10deg);
2254
+ }
2255
+
2256
+ 30% {
2257
+ transform: rotate(-10deg);
2258
+ }
2259
+
2260
+ 45% {
2261
+ transform: rotate(5deg);
2262
+ }
2263
+
2264
+ 60% {
2265
+ transform: rotate(-5deg);
2266
+ }
2267
+
2268
+ 73% {
2269
+ transform: rotate(3.33333deg);
2270
+ }
2271
+
2272
+ 86% {
2273
+ transform: rotate(-3.33333deg);
2274
+ }
2275
+ }
2276
+
2277
+ @keyframes teeter {
2278
+ 0%, 100% {
2279
+ -webkit-transform: rotate(0deg) translateZ(0);
2280
+ -ms-transform: rotate(0deg) translateZ(0);
2281
+ transform: rotate(0deg) translateZ(0);
2282
+ }
2283
+
2284
+ 15% {
2285
+ -webkit-transform: rotate(10deg);
2286
+ -ms-transform: rotate(10deg);
2287
+ transform: rotate(10deg);
2288
+ }
2289
+
2290
+ 30% {
2291
+ -webkit-transform: rotate(-10deg);
2292
+ -ms-transform: rotate(-10deg);
2293
+ transform: rotate(-10deg);
2294
+ }
2295
+
2296
+ 45% {
2297
+ -webkit-transform: rotate(5deg);
2298
+ -ms-transform: rotate(5deg);
2299
+ transform: rotate(5deg);
2300
+ }
2301
+
2302
+ 60% {
2303
+ -webkit-transform: rotate(-5deg);
2304
+ -ms-transform: rotate(-5deg);
2305
+ transform: rotate(-5deg);
2306
+ }
2307
+
2308
+ 73% {
2309
+ -webkit-transform: rotate(3.33333deg);
2310
+ -ms-transform: rotate(3.33333deg);
2311
+ transform: rotate(3.33333deg);
2312
+ }
2313
+
2314
+ 86% {
2315
+ -webkit-transform: rotate(-3.33333deg);
2316
+ -ms-transform: rotate(-3.33333deg);
2317
+ transform: rotate(-3.33333deg);
2318
+ }
2319
+ }
2320
+
2321
+ @-webkit-keyframes quiver {
2322
+ 0% {
2323
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2324
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2325
+ }
2326
+
2327
+ 10% {
2328
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2329
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2330
+ }
2331
+
2332
+ 20% {
2333
+ -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2334
+ transform: translate3d(-3px, 0) rotate(-2deg);
2335
+ }
2336
+
2337
+ 30% {
2338
+ -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2339
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2340
+ }
2341
+
2342
+ 40% {
2343
+ -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2344
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2345
+ }
2346
+
2347
+ 50% {
2348
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2349
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2350
+ }
2351
+
2352
+ 60% {
2353
+ -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2354
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2355
+ }
2356
+
2357
+ 70% {
2358
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2359
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2360
+ }
2361
+
2362
+ 80% {
2363
+ -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2364
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2365
+ }
2366
+
2367
+ 90% {
2368
+ -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2369
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2370
+ }
2371
+
2372
+ 100% {
2373
+ -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2374
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2375
+ }
2376
+ }
2377
+
2378
+ @-moz-keyframes quiver {
2379
+ 0% {
2380
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2381
+ }
2382
+
2383
+ 10% {
2384
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2385
+ }
2386
+
2387
+ 20% {
2388
+ transform: translate3d(-3px, 0) rotate(-2deg);
2389
+ }
2390
+
2391
+ 30% {
2392
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2393
+ }
2394
+
2395
+ 40% {
2396
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2397
+ }
2398
+
2399
+ 50% {
2400
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2401
+ }
2402
+
2403
+ 60% {
2404
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2405
+ }
2406
+
2407
+ 70% {
2408
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2409
+ }
2410
+
2411
+ 80% {
2412
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2413
+ }
2414
+
2415
+ 90% {
2416
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2417
+ }
2418
+
2419
+ 100% {
2420
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2421
+ }
2422
+ }
2423
+
2424
+ @-o-keyframes quiver {
2425
+ 0% {
2426
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2427
+ }
2428
+
2429
+ 10% {
2430
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2431
+ }
2432
+
2433
+ 20% {
2434
+ transform: translate3d(-3px, 0) rotate(-2deg);
2435
+ }
2436
+
2437
+ 30% {
2438
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2439
+ }
2440
+
2441
+ 40% {
2442
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2443
+ }
2444
+
2445
+ 50% {
2446
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2447
+ }
2448
+
2449
+ 60% {
2450
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2451
+ }
2452
+
2453
+ 70% {
2454
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2455
+ }
2456
+
2457
+ 80% {
2458
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2459
+ }
2460
+
2461
+ 90% {
2462
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2463
+ }
2464
+
2465
+ 100% {
2466
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2467
+ }
2468
+ }
2469
+
2470
+ @keyframes quiver {
2471
+ 0% {
2472
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg);
2473
+ -ms-transform: translate3d(2px, 1px, 0) rotate(0deg);
2474
+ transform: translate3d(2px, 1px, 0) rotate(0deg);
2475
+ }
2476
+
2477
+ 10% {
2478
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2479
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg);
2480
+ transform: translate3d(-1px, 2px, 0) rotate(2deg);
2481
+ }
2482
+
2483
+ 20% {
2484
+ -webkit-transform: translate3d(-3px, 0) rotate(-2deg);
2485
+ -ms-transform: translate3d(-3px, 0) rotate(-2deg);
2486
+ transform: translate3d(-3px, 0) rotate(-2deg);
2487
+ }
2488
+
2489
+ 30% {
2490
+ -webkit-transform: translate3d(0, 2px, 0) rotate(0deg);
2491
+ -ms-transform: translate3d(0, 2px, 0) rotate(0deg);
2492
+ transform: translate3d(0, 2px, 0) rotate(0deg);
2493
+ }
2494
+
2495
+ 40% {
2496
+ -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg);
2497
+ -ms-transform: translate3d(1px, -1px, 0) rotate(2deg);
2498
+ transform: translate3d(1px, -1px, 0) rotate(2deg);
2499
+ }
2500
+
2501
+ 50% {
2502
+ -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2503
+ -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2504
+ transform: translate3d(-1px, 2px, 0) rotate(-2deg);
2505
+ }
2506
+
2507
+ 60% {
2508
+ -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2509
+ -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg);
2510
+ transform: translate3d(-3px, 1px, 0) rotate(0deg);
2511
+ }
2512
+
2513
+ 70% {
2514
+ -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg);
2515
+ -ms-transform: translate3d(2px, 1px, 0) rotate(2deg);
2516
+ transform: translate3d(2px, 1px, 0) rotate(2deg);
2517
+ }
2518
+
2519
+ 80% {
2520
+ -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2521
+ -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2522
+ transform: translate3d(-1px, -1px, 0) rotate(-2deg);
2523
+ }
2524
+
2525
+ 90% {
2526
+ -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg);
2527
+ -ms-transform: translate3d(2px, 2px, 0) rotate(0deg);
2528
+ transform: translate3d(2px, 2px, 0) rotate(0deg);
2529
+ }
2530
+
2531
+ 100% {
2532
+ -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg);
2533
+ -ms-transform: translate3d(1px, -2px, 0) rotate(2deg);
2534
+ transform: translate3d(1px, -2px, 0) rotate(2deg);
2535
+ }
2536
+ }
2537
+
2538
+ @-webkit-keyframes sway {
2539
+ 0%, 50%, 100% {
2540
+ -webkit-transform: rotate(3deg) translateZ(0);
2541
+ transform: rotate(3deg) translateZ(0);
2542
+ }
2543
+
2544
+ 25% {
2545
+ -webkit-transform: rotate(-3deg);
2546
+ transform: rotate(-3deg);
2547
+ }
2548
+
2549
+ 75% {
2550
+ -webkit-transform: rotate(-3deg);
2551
+ transform: rotate(-3deg);
2552
+ }
2553
+ }
2554
+
2555
+ @-moz-keyframes sway {
2556
+ 0%, 50%, 100% {
2557
+ transform: rotate(3deg) translateZ(0);
2558
+ }
2559
+
2560
+ 25% {
2561
+ transform: rotate(-3deg);
2562
+ }
2563
+
2564
+ 75% {
2565
+ transform: rotate(-3deg);
2566
+ }
2567
+ }
2568
+
2569
+ @-o-keyframes sway {
2570
+ 0%, 50%, 100% {
2571
+ transform: rotate(3deg) translateZ(0);
2572
+ }
2573
+
2574
+ 25% {
2575
+ transform: rotate(-3deg);
2576
+ }
2577
+
2578
+ 75% {
2579
+ transform: rotate(-3deg);
2580
+ }
2581
+ }
2582
+
2583
+ @keyframes sway {
2584
+ 0%, 50%, 100% {
2585
+ -webkit-transform: rotate(3deg) translateZ(0);
2586
+ -ms-transform: rotate(3deg) translateZ(0);
2587
+ transform: rotate(3deg) translateZ(0);
2588
+ }
2589
+
2590
+ 25% {
2591
+ -webkit-transform: rotate(-3deg);
2592
+ -ms-transform: rotate(-3deg);
2593
+ transform: rotate(-3deg);
2594
+ }
2595
+
2596
+ 75% {
2597
+ -webkit-transform: rotate(-3deg);
2598
+ -ms-transform: rotate(-3deg);
2599
+ transform: rotate(-3deg);
2600
+ }
2601
+ }
2602
+
2603
+ @-webkit-keyframes spin {
2604
+ 0% {
2605
+ -webkit-transform: rotate(0deg) translateZ(0);
2606
+ transform: rotate(0deg) translateZ(0);
2607
+ }
2608
+
2609
+ 100% {
2610
+ -webkit-transform: rotate(360deg);
2611
+ transform: rotate(360deg);
2612
+ }
2613
+ }
2614
+
2615
+ @-moz-keyframes spin {
2616
+ 0% {
2617
+ transform: rotate(0deg) translateZ(0);
2618
+ }
2619
+
2620
+ 100% {
2621
+ transform: rotate(360deg);
2622
+ }
2623
+ }
2624
+
2625
+ @-o-keyframes spin {
2626
+ 0% {
2627
+ transform: rotate(0deg) translateZ(0);
2628
+ }
2629
+
2630
+ 100% {
2631
+ transform: rotate(360deg);
2632
+ }
2633
+ }
2634
+
2635
+ @keyframes spin {
2636
+ 0% {
2637
+ -webkit-transform: rotate(0deg) translateZ(0);
2638
+ -ms-transform: rotate(0deg) translateZ(0);
2639
+ transform: rotate(0deg) translateZ(0);
2640
+ }
2641
+
2642
+ 100% {
2643
+ -webkit-transform: rotate(360deg);
2644
+ -ms-transform: rotate(360deg);
2645
+ transform: rotate(360deg);
2646
+ }
2647
+ }
2648
+
2649
+ @-webkit-keyframes bounce {
2650
+ 0%, 85%, 100% {
2651
+ -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2652
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2653
+ }
2654
+
2655
+ 25% {
2656
+ -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2657
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2658
+ }
2659
+
2660
+ 35% {
2661
+ -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
2662
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2663
+ }
2664
+
2665
+ 50% {
2666
+ -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2667
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2668
+ }
2669
+
2670
+ 60% {
2671
+ -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
2672
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2673
+ }
2674
+
2675
+ 75% {
2676
+ -webkit-transform: translateY(-.05rem);
2677
+ transform: translateY(-.05rem);
2678
+ }
2679
+ }
2680
+
2681
+ @-moz-keyframes bounce {
2682
+ 0%, 85%, 100% {
2683
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2684
+ }
2685
+
2686
+ 25% {
2687
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2688
+ }
2689
+
2690
+ 35% {
2691
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2692
+ }
2693
+
2694
+ 50% {
2695
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2696
+ }
2697
+
2698
+ 60% {
2699
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2700
+ }
2701
+
2702
+ 75% {
2703
+ transform: translateY(-.05rem);
2704
+ }
2705
+ }
2706
+
2707
+ @-o-keyframes bounce {
2708
+ 0%, 85%, 100% {
2709
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2710
+ }
2711
+
2712
+ 25% {
2713
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2714
+ }
2715
+
2716
+ 35% {
2717
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2718
+ }
2719
+
2720
+ 50% {
2721
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2722
+ }
2723
+
2724
+ 60% {
2725
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2726
+ }
2727
+
2728
+ 75% {
2729
+ transform: translateY(-.05rem);
2730
+ }
2731
+ }
2732
+
2733
+ @keyframes bounce {
2734
+ 0%, 85%, 100% {
2735
+ -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2736
+ -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2737
+ transform: translateY(0) scaleY(1) scaleX(1) translateZ(0);
2738
+ }
2739
+
2740
+ 25% {
2741
+ -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2742
+ -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2743
+ transform: translateY(-1.35rem) scaleY(1.02) scaleX(.98);
2744
+ }
2745
+
2746
+ 35% {
2747
+ -webkit-transform: translateY(0) scaleY(.98) scaleX(1.02);
2748
+ -ms-transform: translateY(0) scaleY(.98) scaleX(1.02);
2749
+ transform: translateY(0) scaleY(.98) scaleX(1.02);
2750
+ }
2751
+
2752
+ 50% {
2753
+ -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2754
+ -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2755
+ transform: translateY(-1rem) scaleY(1.01) scaleX(.99);
2756
+ }
2757
+
2758
+ 60% {
2759
+ -webkit-transform: translateY(0) scaleY(.99) scaleX(1.01);
2760
+ -ms-transform: translateY(0) scaleY(.99) scaleX(1.01);
2761
+ transform: translateY(0) scaleY(.99) scaleX(1.01);
2762
+ }
2763
+
2764
+ 75% {
2765
+ -webkit-transform: translateY(-.05rem);
2766
+ -ms-transform: translateY(-.05rem);
2767
+ transform: translateY(-.05rem);
2768
+ }
2769
+ }
2770
+
2771
+ @-webkit-keyframes pulsate {
2772
+ 0%, 100% {
2773
+ opacity: 1;
2774
+ -webkit-transform: scale(1) translateZ(0);
2775
+ transform: scale(1) translateZ(0);
2776
+ }
2777
+
2778
+ 50% {
2779
+ opacity: .85;
2780
+ -webkit-transform: scale(1.1);
2781
+ transform: scale(1.1);
2782
+ }
2783
+ }
2784
+
2785
+ @-moz-keyframes pulsate {
2786
+ 0%, 100% {
2787
+ opacity: 1;
2788
+ transform: scale(1) translateZ(0);
2789
+ }
2790
+
2791
+ 50% {
2792
+ opacity: .85;
2793
+ transform: scale(1.1);
2794
+ }
2795
+ }
2796
+
2797
+ @-o-keyframes pulsate {
2798
+ 0%, 100% {
2799
+ opacity: 1;
2800
+ transform: scale(1) translateZ(0);
2801
+ }
2802
+
2803
+ 50% {
2804
+ opacity: .85;
2805
+ transform: scale(1.1);
2806
+ }
2807
+ }
2808
+
2809
+ @keyframes pulsate {
2810
+ 0%, 100% {
2811
+ opacity: 1;
2812
+ -webkit-transform: scale(1) translateZ(0);
2813
+ -ms-transform: scale(1) translateZ(0);
2814
+ transform: scale(1) translateZ(0);
2815
+ }
2816
+
2817
+ 50% {
2818
+ opacity: .85;
2819
+ -webkit-transform: scale(1.1);
2820
+ -ms-transform: scale(1.1);
2821
+ transform: scale(1.1);
2822
+ }
2823
+ }
2824
+
2825
+ @-webkit-keyframes aroundTheWorld {
2826
+ 0% {
2827
+ -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2828
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2829
+ }
2830
+
2831
+ 100% {
2832
+ -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2833
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2834
+ }
2835
+ }
2836
+
2837
+ @-moz-keyframes aroundTheWorld {
2838
+ 0% {
2839
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2840
+ }
2841
+
2842
+ 100% {
2843
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2844
+ }
2845
+ }
2846
+
2847
+ @-o-keyframes aroundTheWorld {
2848
+ 0% {
2849
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2850
+ }
2851
+
2852
+ 100% {
2853
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2854
+ }
2855
+ }
2856
+
2857
+ @keyframes aroundTheWorld {
2858
+ 0% {
2859
+ -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2860
+ -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2861
+ transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg);
2862
+ }
2863
+
2864
+ 100% {
2865
+ -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2866
+ -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2867
+ transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg);
2868
+ }
2869
+ }
2870
+
2871
+ @-webkit-keyframes ping {
2872
+ 0% {
2873
+ -webkit-transform: scale(0);
2874
+ transform: scale(0);
2875
+ }
2876
+
2877
+ 100% {
2878
+ opacity: 0;
2879
+ -webkit-transform: scale(1);
2880
+ transform: scale(1);
2881
+ }
2882
+ }
2883
+
2884
+ @-moz-keyframes ping {
2885
+ 0% {
2886
+ transform: scale(0);
2887
+ }
2888
+
2889
+ 100% {
2890
+ opacity: 0;
2891
+ transform: scale(1);
2892
+ }
2893
+ }
2894
+
2895
+ @-o-keyframes ping {
2896
+ 0% {
2897
+ transform: scale(0);
2898
+ }
2899
+
2900
+ 100% {
2901
+ opacity: 0;
2902
+ transform: scale(1);
2903
+ }
2904
+ }
2905
+
2906
+ @keyframes ping {
2907
+ 0% {
2908
+ -webkit-transform: scale(0);
2909
+ -ms-transform: scale(0);
2910
+ transform: scale(0);
2911
+ }
2912
+
2913
+ 100% {
2914
+ opacity: 0;
2915
+ -webkit-transform: scale(1);
2916
+ -ms-transform: scale(1);
2917
+ transform: scale(1);
2918
+ }
2919
+ }
2920
+
2921
+ @-webkit-keyframes squareDance {
2922
+ 0%, 100% {
2923
+ -webkit-transform: translate3d(100%, 0, 0);
2924
+ transform: translate3d(100%, 0, 0);
2925
+ }
2926
+
2927
+ 25% {
2928
+ -webkit-transform: translate3d(100%, 100%, 0);
2929
+ transform: translate3d(100%, 100%, 0);
2930
+ }
2931
+
2932
+ 50% {
2933
+ -webkit-transform: translate3d(0, 100%, 0);
2934
+ transform: translate3d(0, 100%, 0);
2935
+ }
2936
+
2937
+ 75% {
2938
+ -webkit-transform: translate3d(0, 0, 0);
2939
+ transform: translate3d(0, 0, 0);
2940
+ }
2941
+ }
2942
+
2943
+ @-moz-keyframes squareDance {
2944
+ 0%, 100% {
2945
+ transform: translate3d(100%, 0, 0);
2946
+ }
2947
+
2948
+ 25% {
2949
+ transform: translate3d(100%, 100%, 0);
2950
+ }
2951
+
2952
+ 50% {
2953
+ transform: translate3d(0, 100%, 0);
2954
+ }
2955
+
2956
+ 75% {
2957
+ transform: translate3d(0, 0, 0);
2958
+ }
2959
+ }
2960
+
2961
+ @-o-keyframes squareDance {
2962
+ 0%, 100% {
2963
+ transform: translate3d(100%, 0, 0);
2964
+ }
2965
+
2966
+ 25% {
2967
+ transform: translate3d(100%, 100%, 0);
2968
+ }
2969
+
2970
+ 50% {
2971
+ transform: translate3d(0, 100%, 0);
2972
+ }
2973
+
2974
+ 75% {
2975
+ transform: translate3d(0, 0, 0);
2976
+ }
2977
+ }
2978
+
2979
+ @keyframes squareDance {
2980
+ 0%, 100% {
2981
+ -webkit-transform: translate3d(100%, 0, 0);
2982
+ -ms-transform: translate3d(100%, 0, 0);
2983
+ transform: translate3d(100%, 0, 0);
2984
+ }
2985
+
2986
+ 25% {
2987
+ -webkit-transform: translate3d(100%, 100%, 0);
2988
+ -ms-transform: translate3d(100%, 100%, 0);
2989
+ transform: translate3d(100%, 100%, 0);
2990
+ }
2991
+
2992
+ 50% {
2993
+ -webkit-transform: translate3d(0, 100%, 0);
2994
+ -ms-transform: translate3d(0, 100%, 0);
2995
+ transform: translate3d(0, 100%, 0);
2996
+ }
2997
+
2998
+ 75% {
2999
+ -webkit-transform: translate3d(0, 0, 0);
3000
+ -ms-transform: translate3d(0, 0, 0);
3001
+ transform: translate3d(0, 0, 0);
3002
+ }
3003
+ }
3004
+
3005
+ @-webkit-keyframes sunrise {
3006
+ 0% {
3007
+ -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3008
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3009
+ }
3010
+
3011
+ 100% {
3012
+ -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3013
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3014
+ }
3015
+ }
3016
+
3017
+ @-moz-keyframes sunrise {
3018
+ 0% {
3019
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3020
+ }
3021
+
3022
+ 100% {
3023
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3024
+ }
3025
+ }
3026
+
3027
+ @-o-keyframes sunrise {
3028
+ 0% {
3029
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3030
+ }
3031
+
3032
+ 100% {
3033
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3034
+ }
3035
+ }
3036
+
3037
+ @keyframes sunrise {
3038
+ 0% {
3039
+ -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg);
3040
+ -ms-transform: rotate(0deg) translate(-15em) rotate(0deg);
3041
+ transform: rotate(0deg) translate(-15em) rotate(0deg);
3042
+ }
3043
+
3044
+ 100% {
3045
+ -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3046
+ -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg);
3047
+ transform: rotate(180deg) translate(-15em) rotate(-180deg);
3048
+ }
3049
+ }