wj-elements 0.7.7 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (233) hide show
  1. package/dist/animations.js +28 -51
  2. package/dist/animations.js.map +1 -1
  3. package/dist/base-path.js +19 -31
  4. package/dist/base-path.js.map +1 -1
  5. package/dist/custom-elements.json +11504 -11499
  6. package/dist/dark.css +1 -302
  7. package/dist/date.js +16 -36
  8. package/dist/date.js.map +1 -1
  9. package/dist/element-utils.js +20 -81
  10. package/dist/element-utils.js.map +1 -1
  11. package/dist/event.js +49 -165
  12. package/dist/event.js.map +1 -1
  13. package/dist/form-associated-element-BjeJn7j8.js +101 -0
  14. package/dist/{form-associated-element-DEQ4y-jn.js.map → form-associated-element-BjeJn7j8.js.map} +1 -1
  15. package/dist/icon-DmsqtDpL.js +102 -0
  16. package/dist/{icon-CReYMzAK.js.map → icon-DmsqtDpL.js.map} +1 -1
  17. package/dist/light.css +1 -731
  18. package/dist/localize.js +36 -111
  19. package/dist/localize.js.map +1 -1
  20. package/dist/packages/wje-accordion-item/accordion-item.element.d.ts +3 -2
  21. package/dist/permissions.js +14 -41
  22. package/dist/permissions.js.map +1 -1
  23. package/dist/popup.element-CbkhthPP.js +806 -0
  24. package/dist/{popup.element-CwXvVFK7.js.map → popup.element-CbkhthPP.js.map} +1 -1
  25. package/dist/router-links-CNsJ-elb.js +105 -0
  26. package/dist/{router-links-wjqCnncc.js.map → router-links-CNsJ-elb.js.map} +1 -1
  27. package/dist/skeleton.css +1 -197
  28. package/dist/styles.css +1 -866
  29. package/dist/universal-service.js +48 -109
  30. package/dist/universal-service.js.map +1 -1
  31. package/dist/utils.js +11 -18
  32. package/dist/utils.js.map +1 -1
  33. package/dist/web-types.json +760 -760
  34. package/dist/wje-accordion-item.js +33 -106
  35. package/dist/wje-accordion-item.js.map +1 -1
  36. package/dist/wje-accordion.js +19 -84
  37. package/dist/wje-accordion.js.map +1 -1
  38. package/dist/wje-animation.js +37 -4258
  39. package/dist/wje-animation.js.map +1 -1
  40. package/dist/wje-aside.js +9 -34
  41. package/dist/wje-aside.js.map +1 -1
  42. package/dist/wje-avatar.js +36 -126
  43. package/dist/wje-avatar.js.map +1 -1
  44. package/dist/wje-badge.js +10 -52
  45. package/dist/wje-badge.js.map +1 -1
  46. package/dist/wje-breadcrumb.js +205 -672
  47. package/dist/wje-breadcrumb.js.map +1 -1
  48. package/dist/wje-breadcrumbs.js +177 -633
  49. package/dist/wje-breadcrumbs.js.map +1 -1
  50. package/dist/wje-button-group.js +48 -153
  51. package/dist/wje-button-group.js.map +1 -1
  52. package/dist/wje-button.js +92 -413
  53. package/dist/wje-button.js.map +1 -1
  54. package/dist/wje-card-content.js +7 -30
  55. package/dist/wje-card-content.js.map +1 -1
  56. package/dist/wje-card-controls.js +7 -30
  57. package/dist/wje-card-controls.js.map +1 -1
  58. package/dist/wje-card-header.js +7 -30
  59. package/dist/wje-card-header.js.map +1 -1
  60. package/dist/wje-card-subtitle.js +7 -34
  61. package/dist/wje-card-subtitle.js.map +1 -1
  62. package/dist/wje-card-title.js +7 -34
  63. package/dist/wje-card-title.js.map +1 -1
  64. package/dist/wje-card.js +15 -71
  65. package/dist/wje-card.js.map +1 -1
  66. package/dist/wje-carousel-item.js +12 -56
  67. package/dist/wje-carousel-item.js.map +1 -1
  68. package/dist/wje-carousel.js +154 -509
  69. package/dist/wje-carousel.js.map +1 -1
  70. package/dist/wje-checkbox.js +50 -227
  71. package/dist/wje-checkbox.js.map +1 -1
  72. package/dist/wje-chip.js +43 -160
  73. package/dist/wje-chip.js.map +1 -1
  74. package/dist/wje-col.js +7 -20
  75. package/dist/wje-col.js.map +1 -1
  76. package/dist/wje-color-picker.js +445 -1464
  77. package/dist/wje-color-picker.js.map +1 -1
  78. package/dist/wje-container.js +9 -35
  79. package/dist/wje-container.js.map +1 -1
  80. package/dist/wje-copy-button.js +64 -204
  81. package/dist/wje-copy-button.js.map +1 -1
  82. package/dist/wje-dialog.js +85 -553
  83. package/dist/wje-dialog.js.map +1 -1
  84. package/dist/wje-divider.js +7 -34
  85. package/dist/wje-divider.js.map +1 -1
  86. package/dist/wje-dropdown.js +78 -305
  87. package/dist/wje-dropdown.js.map +1 -1
  88. package/dist/wje-element.js +191 -700
  89. package/dist/wje-element.js.map +1 -1
  90. package/dist/wje-file-upload-item.js +51 -156
  91. package/dist/wje-file-upload-item.js.map +1 -1
  92. package/dist/wje-file-upload.js +181 -619
  93. package/dist/wje-file-upload.js.map +1 -1
  94. package/dist/wje-footer.js +7 -31
  95. package/dist/wje-footer.js.map +1 -1
  96. package/dist/wje-form.js +7 -32
  97. package/dist/wje-form.js.map +1 -1
  98. package/dist/wje-format-digital.js +26 -118
  99. package/dist/wje-format-digital.js.map +1 -1
  100. package/dist/wje-grid.js +7 -33
  101. package/dist/wje-grid.js.map +1 -1
  102. package/dist/wje-header.js +9 -35
  103. package/dist/wje-header.js.map +1 -1
  104. package/dist/wje-icon-library.js +12 -18
  105. package/dist/wje-icon-library.js.map +1 -1
  106. package/dist/wje-icon-picker.js +65 -320
  107. package/dist/wje-icon-picker.js.map +1 -1
  108. package/dist/wje-icon.js +1 -1
  109. package/dist/wje-img-comparer.js +37 -114
  110. package/dist/wje-img-comparer.js.map +1 -1
  111. package/dist/wje-img.js +50 -198
  112. package/dist/wje-img.js.map +1 -1
  113. package/dist/wje-infinite-scroll.js +94 -346
  114. package/dist/wje-infinite-scroll.js.map +1 -1
  115. package/dist/wje-input-file.js +23 -84
  116. package/dist/wje-input-file.js.map +1 -1
  117. package/dist/wje-input.js +78 -392
  118. package/dist/wje-input.js.map +1 -1
  119. package/dist/wje-item.js +11 -64
  120. package/dist/wje-item.js.map +1 -1
  121. package/dist/wje-kanban.js +124 -401
  122. package/dist/wje-kanban.js.map +1 -1
  123. package/dist/wje-label.js +9 -32
  124. package/dist/wje-label.js.map +1 -1
  125. package/dist/wje-level-indicator.js +38 -157
  126. package/dist/wje-level-indicator.js.map +1 -1
  127. package/dist/wje-list.js +10 -40
  128. package/dist/wje-list.js.map +1 -1
  129. package/dist/wje-main.js +7 -31
  130. package/dist/wje-main.js.map +1 -1
  131. package/dist/wje-masonry.js +66 -211
  132. package/dist/wje-masonry.js.map +1 -1
  133. package/dist/wje-master.js +45 -161
  134. package/dist/wje-master.js.map +1 -1
  135. package/dist/wje-menu-button.js +10 -38
  136. package/dist/wje-menu-button.js.map +1 -1
  137. package/dist/wje-menu-item.js +127 -577
  138. package/dist/wje-menu-item.js.map +1 -1
  139. package/dist/wje-menu-label.js +9 -35
  140. package/dist/wje-menu-label.js.map +1 -1
  141. package/dist/wje-menu.js +14 -49
  142. package/dist/wje-menu.js.map +1 -1
  143. package/dist/wje-option.js +48 -279
  144. package/dist/wje-option.js.map +1 -1
  145. package/dist/wje-options.js +130 -384
  146. package/dist/wje-options.js.map +1 -1
  147. package/dist/wje-orgchart-group.js +16 -52
  148. package/dist/wje-orgchart-group.js.map +1 -1
  149. package/dist/wje-orgchart-item.js +24 -93
  150. package/dist/wje-orgchart-item.js.map +1 -1
  151. package/dist/wje-orgchart.js +18 -68
  152. package/dist/wje-orgchart.js.map +1 -1
  153. package/dist/wje-pagination.js +113 -397
  154. package/dist/wje-pagination.js.map +1 -1
  155. package/dist/wje-popup.js +3 -3
  156. package/dist/wje-popup.js.map +1 -1
  157. package/dist/wje-progress-bar.js +53 -205
  158. package/dist/wje-progress-bar.js.map +1 -1
  159. package/dist/wje-qr-code.js +398 -2980
  160. package/dist/wje-qr-code.js.map +1 -1
  161. package/dist/wje-radio-group.js +52 -190
  162. package/dist/wje-radio-group.js.map +1 -1
  163. package/dist/wje-radio.js +24 -118
  164. package/dist/wje-radio.js.map +1 -1
  165. package/dist/wje-rate.js +62 -266
  166. package/dist/wje-rate.js.map +1 -1
  167. package/dist/wje-relative-time.js +24 -99
  168. package/dist/wje-relative-time.js.map +1 -1
  169. package/dist/wje-reorder-dropzone.js +9 -31
  170. package/dist/wje-reorder-dropzone.js.map +1 -1
  171. package/dist/wje-reorder-handle.js +67 -204
  172. package/dist/wje-reorder-handle.js.map +1 -1
  173. package/dist/wje-reorder-item.js +14 -44
  174. package/dist/wje-reorder-item.js.map +1 -1
  175. package/dist/wje-reorder.js +61 -246
  176. package/dist/wje-reorder.js.map +1 -1
  177. package/dist/wje-route.js +6 -24
  178. package/dist/wje-route.js.map +1 -1
  179. package/dist/wje-router-link.js +11 -39
  180. package/dist/wje-router-link.js.map +1 -1
  181. package/dist/wje-router-outlet.js +76 -172
  182. package/dist/wje-router-outlet.js.map +1 -1
  183. package/dist/wje-routerx.js +537 -1331
  184. package/dist/wje-routerx.js.map +1 -1
  185. package/dist/wje-row.js +9 -31
  186. package/dist/wje-row.js.map +1 -1
  187. package/dist/wje-select.js +326 -1152
  188. package/dist/wje-select.js.map +1 -1
  189. package/dist/wje-slider.js +44 -225
  190. package/dist/wje-slider.js.map +1 -1
  191. package/dist/wje-sliding-container.js +295 -1319
  192. package/dist/wje-sliding-container.js.map +1 -1
  193. package/dist/wje-split-view.js +35 -121
  194. package/dist/wje-split-view.js.map +1 -1
  195. package/dist/wje-status.js +14 -45
  196. package/dist/wje-status.js.map +1 -1
  197. package/dist/wje-step.js +9 -32
  198. package/dist/wje-step.js.map +1 -1
  199. package/dist/wje-stepper.js +109 -357
  200. package/dist/wje-stepper.js.map +1 -1
  201. package/dist/wje-store.js +67 -360
  202. package/dist/wje-store.js.map +1 -1
  203. package/dist/wje-tab-group.js +85 -314
  204. package/dist/wje-tab-group.js.map +1 -1
  205. package/dist/wje-tab-panel.js +7 -28
  206. package/dist/wje-tab-panel.js.map +1 -1
  207. package/dist/wje-tab.js +21 -198
  208. package/dist/wje-tab.js.map +1 -1
  209. package/dist/wje-textarea.js +64 -264
  210. package/dist/wje-textarea.js.map +1 -1
  211. package/dist/wje-thumbnail.js +10 -51
  212. package/dist/wje-thumbnail.js.map +1 -1
  213. package/dist/wje-toast.js +127 -632
  214. package/dist/wje-toast.js.map +1 -1
  215. package/dist/wje-toggle.js +52 -177
  216. package/dist/wje-toggle.js.map +1 -1
  217. package/dist/wje-toolbar-action.js +128 -456
  218. package/dist/wje-toolbar-action.js.map +1 -1
  219. package/dist/wje-toolbar.js +75 -270
  220. package/dist/wje-toolbar.js.map +1 -1
  221. package/dist/wje-tooltip.js +50 -161
  222. package/dist/wje-tooltip.js.map +1 -1
  223. package/dist/wje-tree-item.js +70 -301
  224. package/dist/wje-tree-item.js.map +1 -1
  225. package/dist/wje-tree.js +145 -489
  226. package/dist/wje-tree.js.map +1 -1
  227. package/dist/wje-visually-hidden.js +7 -34
  228. package/dist/wje-visually-hidden.js.map +1 -1
  229. package/package.json +3 -2
  230. package/dist/form-associated-element-DEQ4y-jn.js +0 -245
  231. package/dist/icon-CReYMzAK.js +0 -245
  232. package/dist/popup.element-CwXvVFK7.js +0 -2133
  233. package/dist/router-links-wjqCnncc.js +0 -156
@@ -1,4330 +1,109 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
3
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
- import { fetchAndParseCSS } from "./animations.js";
5
- import WJElement from "./wje-element.js";
6
- const styles = "/*\n[ Standard Element ]\n*/\n\nhtml {\n height: 100%;\n font-size: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\nbody {\n color: var(--wje-color-contrast-8);\n font-family: var(--wje-font-family);\n font-size: var(--wje-font-size);\n font-weight: normal;\n letter-spacing: 0.01em;\n -webkit-font-smoothing: antialiased;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-font-feature-settings: 'kern' 1;\n -moz-font-feature-settings: 'kern' 1;\n margin: 0;\n padding: 0 !important;\n}\n/* Headings\n------------------------------------\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0.625rem 0;\n font-family: var(--wje-font-family);\n -webkit-font-smoothing: antialiased;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n font-weight: 500;\n color: inherit;\n display: inline-block;\n}\nh1 {\n font-size: var(--wje-font-size-2x-large);\n line-height: 44px;\n letter-spacing: -0.0141279em;\n}\nh2 {\n font-size: var(--wje-font-size-x-large);\n line-height: 34px;\n letter-spacing: -0.021em;\n}\nh3 {\n font-size: var(--wje-font-size-large);\n line-height: 28px;\n letter-spacing: -0.0114923em;\n}\nh4 {\n font-size: var(--wje-font-size-large);\n line-height: 26px;\n letter-spacing: -0.00865734em;\n}\nh5 {\n font-size: var(--wje-font-size-medium);\n line-height: 24px;\n letter-spacing: -0.00630069em;\n}\nh3 small,\nh4 small,\nh5 small {\n font-weight: 300;\n}\nh1.block,\nh2.block,\nh3.block,\nh4.block,\nh5.block,\nh6.block {\n padding-bottom: 0.625rem;\n}\n/* Lins and Others\n------------------------------------\n*/\na {\n text-shadow: none !important;\n color: var(--wje-color-primary-11);\n transition:\n color 0.1s linear 0s,\n background-color 0.1s linear 0s,\n opacity 0.2s linear 0s !important;\n font-weight: 500;\n}\na:focus,\na:hover,\na:active {\n color: var(--wje-color-primary);\n}\n\na,\na:focus,\na:hover,\na:active {\n outline: 0 !important;\n text-decoration: none;\n}\n\na.no-style {\n color: inherit;\n font-weight: normal;\n}\n\nbr {\n line-height: normal;\n clear: both;\n}\n\np {\n display: block;\n color: inherit;\n font-size: var(--wje-font-size);\n font-weight: normal;\n letter-spacing: 0.00177646em;\n line-height: 21px;\n margin: 0 0 0.625rem 0;\n font-style: normal;\n white-space: normal;\n}\n\nsmall,\n.small {\n line-height: 18px;\n font-size: 85.714%;\n}\n\nlabel {\n &.inline {\n display: inline-block;\n position: relative;\n top: 0;\n font-size: 13px;\n }\n}\n\nul,\nol {\n margin-bottom: 0.625rem;\n & > li {\n padding-left: 3px;\n line-height: 24px;\n }\n &.lg-icon {\n & > li {\n font-size: 21px;\n & span {\n font-size: 14px;\n }\n }\n }\n &.no-style {\n list-style: none;\n padding-left: 5px;\n }\n}\n\naddress {\n margin-bottom: 0;\n a {\n color: var(--wje-color-contrast-8);\n }\n}\n\nblockquote {\n padding: 4px 0 0 18px;\n border-left: 0;\n &:before {\n content: '\\e95d';\n font-size: 20px;\n margin-right: 6px;\n float: left;\n position: relative;\n top: -12px;\n }\n p {\n font-size: 16px;\n margin-bottom: 4px;\n }\n small {\n line-height: 29px;\n color: var(--wje-color-contrast-8);\n &:before {\n content: '—';\n margin-right: 6px;\n }\n }\n &.pull-right {\n border-right: 0;\n &:before {\n float: right;\n content: '';\n margin-left: 6px;\n margin-right: 0;\n }\n small {\n padding-right: 30px;\n &:after {\n content: '';\n }\n }\n }\n}\nhr {\n border-color: var(--wje-border-color);\n &.double {\n border-width: 2px;\n }\n &.dotted {\n border-style: dotted none none;\n }\n}\n\n.ff-sup {\n font-feature-settings:\n 'kern' 1,\n 'sups' 1;\n -webkit-font-feature-settings:\n 'kern' 1,\n 'sups' 1;\n -moz-font-feature-settings:\n 'kern' 1,\n 'sups' 1;\n}\n\n.ff-sub {\n font-feature-settings:\n 'kern' 1,\n 'subs' 1;\n -webkit-font-feature-settings:\n 'kern' 1,\n 'subs' 1;\n -moz-font-feature-settings:\n 'kern' 1,\n 'subs' 1;\n}\n\n/* Standard HTML Typography tags\n------------------------------------\n*/\n\ncode {\n color: var(--wje-color-contrast-6);\n background-color: var(--wje-color);\n font-size: 97%;\n position: relative;\n line-height: inherit;\n border-radius: 3px;\n padding: 5px 7px;\n margin: 0;\n &:hover {\n color: var(--wje-color-complete);\n }\n &.code-sm {\n padding: 3px 6px;\n }\n}\n\nfigcaption {\n font-size: 13px;\n margin-top: 0.625rem;\n font-weight: 400;\n display: block;\n letter-spacing: 0.008em;\n text-align: center;\n color: var(--wje-color-contrast-6);\n line-height: 1.46;\n}\n\nem {\n font-style: italic !important;\n font-family: inherit;\n font-weight: inherit;\n}\n\nins {\n font-family: var(--wje-font-family);\n border-bottom: 1px solid #d0d0d0;\n text-decoration: none;\n color: var(--wje-color-contrast-8);\n font-weight: normal;\n font-size: 94%;\n}\n\ncite {\n font-family: var(--wje-font-family);\n font-weight: 300;\n color: var(--wje-color-contrast-6);\n text-decoration: none;\n font-style: normal;\n hanging-punctuation: first;\n}\n\nsup {\n top: -0.28em;\n font-size: 70%;\n}\n\nsub {\n bottom: 0.03em;\n}\n\nvar {\n font-family: var(--wje-font-family);\n font-feature-settings:\n 'calt' 1,\n 'tnum' 1,\n 'frac' 1,\n 'case' 1,\n 'ss01' 1,\n 'cv11' 1;\n}\n\nabbr {\n text-decoration: none;\n letter-spacing: 0.01em;\n background-color: transparent;\n border-bottom: 2px solid #ffba5a;\n transition-property: color, background, border;\n transition-duration: 0.15s;\n transition-timing-function: linear;\n color: var(--wje-color-contrast-8);\n}\n\nq {\n font-family: var(--wje-font-family);\n font-weight: 500;\n font-size: 20px;\n hanging-punctuation: first;\n\n &:before {\n content: '\\201C';\n color: rgba(0, 0, 0, 0.44);\n font-size: 35px;\n }\n\n &:after {\n content: '\\201D';\n font-size: 35px;\n color: rgba(0, 0, 0, 0.44);\n }\n}\naudio {\n margin-top: 42px;\n}\nhr {\n clear: both;\n margin-bottom: 42px;\n margin-top: 42px;\n border: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.13);\n}\naddress {\n font-family: var(--wje-font-family);\n font-style: normal;\n margin: 0 0 1.75em;\n font-size: 14px;\n line-height: 24px;\n margin-top: 24px;\n}\nabbr {\n text-decoration: none;\n letter-spacing: 0.01em;\n background-color: transparent;\n border-bottom: 2px solid #ffba5a;\n transition-property: color, background, border;\n transition-duration: 0.15s;\n transition-timing-function: linear;\n color: var(--wje-color-contrast-8);\n}\n\nacronym {\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n background-color: transparent;\n border-bottom: 2px solid #ffba5a;\n transition-property: color, background, border;\n transition-duration: 0.15s;\n transition-timing-function: linear;\n color: var(--wje-color-contrast-8);\n}\n\npre {\n tab-size: 4;\n font-size: 85.714%;\n overflow-x: auto;\n font-family: monospace, monospace;\n line-height: 1.7;\n counter-reset: line;\n background-color: var(--wje-color-contrast-3) er;\n color: var(--wje-color-contrast-8);\n margin-inline: 0;\n padding: 1rem 1.25rem;\n border-radius: 3px;\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\ndt {\n font-weight: 700;\n margin-bottom: 5px;\n}\n\ndd {\n margin: 0 0 1.75em;\n}\n\nkbd {\n font-size: 85.714%;\n font-family: var(--wje-font-family);\n position: relative;\n line-height: 34px;\n top: -3px;\n letter-spacing: 0.01em;\n padding: 5px 7px;\n margin: 0;\n color: rgba(0, 0, 0, 0.53);\n background-color: #fff;\n border-radius: 3px;\n box-shadow:\n 0 2px 0 1px #c7c7c7,\n 0 1px 0 1px rgba(0, 0, 0, 0.15),\n 0 0 0 1px #ececec;\n}\n\n/* Types\n------------------------------------\n*/\n\n.overline {\n text-transform: uppercase;\n display: inline-block;\n letter-spacing: 0.06em;\n font-size: 11px;\n}\n\n/* Font Sizes\n------------------------------------\n*/\n\n.small-text {\n font-size: 12px !important;\n letter-spacing: 0.00849077em;\n line-height: 18px;\n a {\n text-decoration: underline;\n }\n}\n.normal-text {\n font-size: 13px !important;\n}\n.large-text {\n font-size: 15px !important;\n}\n\n/* Font Weights\n------------------------------------\n */\n\n.normal {\n font-weight: normal !important;\n}\n.semi-bold {\n font-weight: 500 !important;\n}\n.bold {\n font-weight: 600 !important;\n}\n.light {\n font-weight: 300 !important;\n}\n\n/* Misc\n------------------------------------\n*/\n\n.all-caps {\n text-transform: uppercase;\n letter-spacing: 0.07em !important;\n}\n.text-uppercase {\n text-transform: uppercase !important;\n letter-spacing: 0.07em !important;\n}\n.muted {\n color: var(--wje-color-contrast-6);\n}\n.hint-text {\n opacity: 0.76 !important;\n}\n.no-decoration {\n text-decoration: none !important;\n}\n\n.text-ellipsis {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/* Gradients\n------------------------------------\n*/\n.gradient-grey {\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);\n}\n.gradient-black {\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);\n}\n\n/* Other Colors\n------------------------------------\n*/\n.bg-black {\n background-color: var(--wje-color-black) !important;\n color: var(--wje-color-contrast-0);\n}\n.bg-white {\n background-color: var(--wje-color-contrast-0) !important;\n color: var(--wje-color-contrast-8);\n}\n.bg-transparent {\n background-color: transparent !important;\n}\n\n/* Text Colors */\n.link {\n opacity: 0.7;\n &:hover {\n opacity: 1;\n }\n}\n\n/* Text Aligngments\n------------------------------------\n*/\n\n.text-right {\n text-align: right !important;\n}\n.text-left {\n text-align: left !important;\n}\n.text-center {\n text-align: center !important;\n}\n\n/* Strokes\n------------------------------------\n*/\n\n.stroke-primary {\n stroke: var(--wje-color-primary) !important;\n}\n.stroke-complete {\n stroke: var(--wje-color-complete) !important;\n}\n.stroke-success {\n stroke: var(--wje-color-success) !important;\n}\n.stroke-info {\n stroke: var(--wje-color-info) !important;\n}\n.stroke-warning {\n stroke: var(--wje-color-warning) !important;\n}\n.stroke-danger {\n stroke: var(--wje-color-danger) !important;\n}\n\n/* Font Sizes\n------------------------------------\ntracking =a+b×e(c × z)\n\na, b and c are constants\na = -0.0223\nb = 0.185\nc = -0.1745\nz = font size\n\n*/\n.fs-x-small {\n font-size: var(--wje-font-size-x-small) !important;\n letter-spacing: 0.0180093em;\n line-height: 15px;\n}\n.fs-small {\n font-size: var(--wje-font-size-small) !important;\n letter-spacing: 0.00849077em;\n line-height: 18px;\n}\n.fs {\n font-size: var(--wje-font-size) !important;\n letter-spacing: 0.00177646em;\n line-height: 22px;\n}\n\n.fs-medium {\n font-size: var(--wje-font-size-medium) !important;\n letter-spacing: -0.00295978em;\n line-height: 24px;\n}\n\n.fs-large {\n font-size: var(--wje-font-size-large) !important;\n letter-spacing: normal;\n line-height: normal;\n}\n\n.fs-x-large {\n font-size: var(--wje-font-size-x-large) !important;\n letter-spacing: normal;\n line-height: normal;\n}\n\n.fs-2x-large {\n font-size: var(--wje-font-size-2x-large) !important;\n letter-spacing: normal;\n line-height: normal;\n}\n\n.fs-3x-large {\n font-size: var(--wje-font-size-3x-large) !important;\n letter-spacing: normal;\n line-height: normal;\n}\n\n.fs-4x-large {\n font-size: var(--wje-font-size-4x-large) !important;\n letter-spacing: normal;\n line-height: normal;\n}\n\n/* Line-heights\n------------------------------------\n*/\n.lh-normal {\n line-height: normal;\n}\n.lh-10 {\n line-height: 10px;\n}\n.lh-11 {\n line-height: 11px;\n}\n.lh-12 {\n line-height: 12px;\n}\n.lh-13 {\n line-height: 13px;\n}\n.lh-14 {\n line-height: 14px;\n}\n.lh-15 {\n line-height: 15px;\n}\n.lh-16 {\n line-height: 16px;\n}\n\n/* Font Faces\n------------------------------------\n*/\n\n.font-arial {\n font-family: Arial, sans-serif !important;\n}\n.font-montserrat {\n font-family: var(--wje-font-family-secondary) !important;\n}\n.font-heading {\n font-family: var(--wje-font-family-secondary);\n}\n.font-secondary {\n font-family: var(--wje-font-family-secondary);\n}\n\n/* Wells\n------------------------------------\n*/\n.well {\n background-color: var(--wje-color-contrast-3);\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n -webkit-box-shadow: none !important;\n -moz-box-shadow: none !important;\n box-shadow: none !important;\n border: none;\n background-image: none;\n &.well-large {\n padding: 24px;\n width: auto;\n }\n &.well-small {\n padding: 13px;\n width: auto;\n }\n &.green {\n background-color: var(--wje-color-complete);\n color: var(--wje-color-contrast-0);\n border: none;\n }\n}\n.overflow-ellipsis {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n\n.alert {\n & > p,\n & > ul {\n margin-bottom: 0;\n }\n}\n.table {\n & > tbody {\n & > tr {\n & > td,\n & > th {\n line-height: 1.42857143;\n }\n }\n }\n & > tfoot {\n & > tr {\n & > td,\n & > th {\n line-height: 1.42857143;\n }\n }\n }\n & > thead {\n & > tr {\n & > td,\n & > th {\n line-height: 1.42857143;\n }\n }\n }\n}\n\n/* For Windows : Fixes\n------------------------------------\n*/\n\n.line-clamp-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.line-clamp-3 {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.line-clamp-5 {\n display: -webkit-box;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.text-separator {\n display: block;\n text-align: center;\n margin: 1.5rem 0;\n width: 100%;\n background: linear-gradient(\n to top,\n transparent 0%,\n transparent calc(50% - 1px),\n var(--wje-border-color) calc(50% - 1px),\n var(--wje-border-color) calc(50% + 1px),\n transparent calc(50% + 1px),\n transparent 100%\n );\n}\n\n.text-separator::before {\n background: #fff;\n content: attr(data-text);\n padding: 0 1rem;\n text-transform: uppercase;\n}\n\n.wje-toast-stack {\n position: fixed;\n top: 0;\n right: 0;\n margin: 0.5rem;\n width: min(var(--wje-toast-stack-width, 300px), calc(100vw - 1rem));\n max-width: calc(100vw - 1rem);\n max-height: calc(100vh - 1rem);\n overflow: auto;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--wje-spacing-medium);\n}\n\n.wje-toast-stack[data-position='top-start'] {\n left: 0;\n right: auto;\n}\n\n.wje-toast-stack[data-position='top-center'] {\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n}\n\n.wje-toast-stack[data-position='bottom-start'],\n.wje-toast-stack[data-position='bottom-center'],\n.wje-toast-stack[data-position='bottom-end'] {\n top: auto;\n bottom: 0;\n}\n\n.wje-toast-stack[data-position='bottom-start'] {\n left: 0;\n right: auto;\n}\n\n.wje-toast-stack[data-position='bottom-center'] {\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n}\n\n.wje-toast-stack[data-stacked='true'] {\n overflow: visible;\n padding-block: 1rem;\n}\n\n.wje-toast-stack[data-stacked='true'] > wje-toast {\n margin: 0;\n}\n\n.wje-toast-stack[data-stacked='true'][data-expanded='true'] {\n overflow: auto;\n}\n\n.wje-toast-stack[data-stacked='true'][data-expanded='true'] > wje-toast {\n --wje-toast-stack-scale: 1 !important;\n --wje-toast-stack-shift: 0px !important;\n --wje-toast-stack-opacity: 1 !important;\n}\n";
7
- const animations = `@charset "UTF-8";/*!
8
- * animate.css - https://animate.style/
9
- * Version - 4.1.1
10
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
11
- *
12
- * Copyright (c) 2020 Animate.css
13
- */
14
- :root {
15
- --animate-duration: 1s;
16
- --animate-delay: 1s;
17
- --animate-repeat: 1;
18
- }
19
- .animate__animated {
20
- -webkit-animation-duration: 1s;
21
- animation-duration: 1s;
22
- -webkit-animation-duration: var(--animate-duration);
23
- animation-duration: var(--animate-duration);
24
- -webkit-animation-fill-mode: both;
25
- animation-fill-mode: both;
26
- }
27
- .animate__animated.animate__infinite {
28
- -webkit-animation-iteration-count: infinite;
29
- animation-iteration-count: infinite;
30
- }
31
- .animate__animated.animate__repeat-1 {
32
- -webkit-animation-iteration-count: 1;
33
- animation-iteration-count: 1;
34
- -webkit-animation-iteration-count: var(--animate-repeat);
35
- animation-iteration-count: var(--animate-repeat);
36
- }
37
- .animate__animated.animate__repeat-2 {
38
- -webkit-animation-iteration-count: calc(1 * 2);
39
- animation-iteration-count: calc(1 * 2);
40
- -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
41
- animation-iteration-count: calc(var(--animate-repeat) * 2);
42
- }
43
- .animate__animated.animate__repeat-3 {
44
- -webkit-animation-iteration-count: calc(1 * 3);
45
- animation-iteration-count: calc(1 * 3);
46
- -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
47
- animation-iteration-count: calc(var(--animate-repeat) * 3);
48
- }
49
- .animate__animated.animate__delay-1s {
50
- -webkit-animation-delay: 1s;
51
- animation-delay: 1s;
52
- -webkit-animation-delay: var(--animate-delay);
53
- animation-delay: var(--animate-delay);
54
- }
55
- .animate__animated.animate__delay-2s {
56
- -webkit-animation-delay: calc(1s * 2);
57
- animation-delay: calc(1s * 2);
58
- -webkit-animation-delay: calc(var(--animate-delay) * 2);
59
- animation-delay: calc(var(--animate-delay) * 2);
60
- }
61
- .animate__animated.animate__delay-3s {
62
- -webkit-animation-delay: calc(1s * 3);
63
- animation-delay: calc(1s * 3);
64
- -webkit-animation-delay: calc(var(--animate-delay) * 3);
65
- animation-delay: calc(var(--animate-delay) * 3);
66
- }
67
- .animate__animated.animate__delay-4s {
68
- -webkit-animation-delay: calc(1s * 4);
69
- animation-delay: calc(1s * 4);
70
- -webkit-animation-delay: calc(var(--animate-delay) * 4);
71
- animation-delay: calc(var(--animate-delay) * 4);
72
- }
73
- .animate__animated.animate__delay-5s {
74
- -webkit-animation-delay: calc(1s * 5);
75
- animation-delay: calc(1s * 5);
76
- -webkit-animation-delay: calc(var(--animate-delay) * 5);
77
- animation-delay: calc(var(--animate-delay) * 5);
78
- }
79
- .animate__animated.animate__faster {
80
- -webkit-animation-duration: calc(1s / 2);
81
- animation-duration: calc(1s / 2);
82
- -webkit-animation-duration: calc(var(--animate-duration) / 2);
83
- animation-duration: calc(var(--animate-duration) / 2);
84
- }
85
- .animate__animated.animate__fast {
86
- -webkit-animation-duration: calc(1s * 0.8);
87
- animation-duration: calc(1s * 0.8);
88
- -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
89
- animation-duration: calc(var(--animate-duration) * 0.8);
90
- }
91
- .animate__animated.animate__slow {
92
- -webkit-animation-duration: calc(1s * 2);
93
- animation-duration: calc(1s * 2);
94
- -webkit-animation-duration: calc(var(--animate-duration) * 2);
95
- animation-duration: calc(var(--animate-duration) * 2);
96
- }
97
- .animate__animated.animate__slower {
98
- -webkit-animation-duration: calc(1s * 3);
99
- animation-duration: calc(1s * 3);
100
- -webkit-animation-duration: calc(var(--animate-duration) * 3);
101
- animation-duration: calc(var(--animate-duration) * 3);
102
- }
103
- @media print, (prefers-reduced-motion: reduce) {
104
- .animate__animated {
105
- -webkit-animation-duration: 1ms !important;
106
- animation-duration: 1ms !important;
107
- -webkit-transition-duration: 1ms !important;
108
- transition-duration: 1ms !important;
109
- -webkit-animation-iteration-count: 1 !important;
110
- animation-iteration-count: 1 !important;
111
- }
112
-
113
- .animate__animated[class*='Out'] {
114
- opacity: 0;
115
- }
116
- }
117
- /* Attention seekers */
118
- @-webkit-keyframes bounce {
119
- from,
120
- 20%,
121
- 53%,
122
- to {
123
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
124
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
125
- -webkit-transform: translate3d(0, 0, 0);
126
- transform: translate3d(0, 0, 0);
127
- }
128
-
129
- 40%,
130
- 43% {
131
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
132
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
133
- -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
134
- transform: translate3d(0, -30px, 0) scaleY(1.1);
135
- }
136
-
137
- 70% {
138
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
139
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
140
- -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
141
- transform: translate3d(0, -15px, 0) scaleY(1.05);
142
- }
143
-
144
- 80% {
145
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
146
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
147
- -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
148
- transform: translate3d(0, 0, 0) scaleY(0.95);
149
- }
150
-
151
- 90% {
152
- -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
153
- transform: translate3d(0, -4px, 0) scaleY(1.02);
154
- }
155
- }
156
- @keyframes bounce {
157
- from,
158
- 20%,
159
- 53%,
160
- to {
161
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
162
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
163
- -webkit-transform: translate3d(0, 0, 0);
164
- transform: translate3d(0, 0, 0);
165
- }
166
-
167
- 40%,
168
- 43% {
169
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
170
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
171
- -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
172
- transform: translate3d(0, -30px, 0) scaleY(1.1);
173
- }
174
-
175
- 70% {
176
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
177
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
178
- -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
179
- transform: translate3d(0, -15px, 0) scaleY(1.05);
180
- }
181
-
182
- 80% {
183
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
184
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
185
- -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
186
- transform: translate3d(0, 0, 0) scaleY(0.95);
187
- }
188
-
189
- 90% {
190
- -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
191
- transform: translate3d(0, -4px, 0) scaleY(1.02);
192
- }
193
- }
194
- .animate__bounce {
195
- -webkit-animation-name: bounce;
196
- animation-name: bounce;
197
- -webkit-transform-origin: center bottom;
198
- transform-origin: center bottom;
199
- }
200
- @-webkit-keyframes flash {
201
- from,
202
- 50%,
203
- to {
204
- opacity: 1;
205
- }
206
-
207
- 25%,
208
- 75% {
209
- opacity: 0;
210
- }
211
- }
212
- @keyframes flash {
213
- from,
214
- 50%,
215
- to {
216
- opacity: 1;
217
- }
218
-
219
- 25%,
220
- 75% {
221
- opacity: 0;
222
- }
223
- }
224
- .animate__flash {
225
- -webkit-animation-name: flash;
226
- animation-name: flash;
227
- }
228
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
229
- @-webkit-keyframes pulse {
230
- from {
231
- -webkit-transform: scale3d(1, 1, 1);
232
- transform: scale3d(1, 1, 1);
233
- }
234
-
235
- 50% {
236
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
237
- transform: scale3d(1.05, 1.05, 1.05);
238
- }
239
-
240
- to {
241
- -webkit-transform: scale3d(1, 1, 1);
242
- transform: scale3d(1, 1, 1);
243
- }
244
- }
245
- @keyframes pulse {
246
- from {
247
- -webkit-transform: scale3d(1, 1, 1);
248
- transform: scale3d(1, 1, 1);
249
- }
250
-
251
- 50% {
252
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
253
- transform: scale3d(1.05, 1.05, 1.05);
254
- }
255
-
256
- to {
257
- -webkit-transform: scale3d(1, 1, 1);
258
- transform: scale3d(1, 1, 1);
259
- }
260
- }
261
- .animate__pulse {
262
- -webkit-animation-name: pulse;
263
- animation-name: pulse;
264
- -webkit-animation-timing-function: ease-in-out;
265
- animation-timing-function: ease-in-out;
266
- }
267
- @-webkit-keyframes rubberBand {
268
- from {
269
- -webkit-transform: scale3d(1, 1, 1);
270
- transform: scale3d(1, 1, 1);
271
- }
272
-
273
- 30% {
274
- -webkit-transform: scale3d(1.25, 0.75, 1);
275
- transform: scale3d(1.25, 0.75, 1);
276
- }
277
-
278
- 40% {
279
- -webkit-transform: scale3d(0.75, 1.25, 1);
280
- transform: scale3d(0.75, 1.25, 1);
281
- }
282
-
283
- 50% {
284
- -webkit-transform: scale3d(1.15, 0.85, 1);
285
- transform: scale3d(1.15, 0.85, 1);
286
- }
287
-
288
- 65% {
289
- -webkit-transform: scale3d(0.95, 1.05, 1);
290
- transform: scale3d(0.95, 1.05, 1);
291
- }
292
-
293
- 75% {
294
- -webkit-transform: scale3d(1.05, 0.95, 1);
295
- transform: scale3d(1.05, 0.95, 1);
296
- }
297
-
298
- to {
299
- -webkit-transform: scale3d(1, 1, 1);
300
- transform: scale3d(1, 1, 1);
301
- }
302
- }
303
- @keyframes rubberBand {
304
- from {
305
- -webkit-transform: scale3d(1, 1, 1);
306
- transform: scale3d(1, 1, 1);
307
- }
308
-
309
- 30% {
310
- -webkit-transform: scale3d(1.25, 0.75, 1);
311
- transform: scale3d(1.25, 0.75, 1);
312
- }
313
-
314
- 40% {
315
- -webkit-transform: scale3d(0.75, 1.25, 1);
316
- transform: scale3d(0.75, 1.25, 1);
317
- }
318
-
319
- 50% {
320
- -webkit-transform: scale3d(1.15, 0.85, 1);
321
- transform: scale3d(1.15, 0.85, 1);
322
- }
323
-
324
- 65% {
325
- -webkit-transform: scale3d(0.95, 1.05, 1);
326
- transform: scale3d(0.95, 1.05, 1);
327
- }
328
-
329
- 75% {
330
- -webkit-transform: scale3d(1.05, 0.95, 1);
331
- transform: scale3d(1.05, 0.95, 1);
332
- }
333
-
334
- to {
335
- -webkit-transform: scale3d(1, 1, 1);
336
- transform: scale3d(1, 1, 1);
337
- }
338
- }
339
- .animate__rubberBand {
340
- -webkit-animation-name: rubberBand;
341
- animation-name: rubberBand;
342
- }
343
- @-webkit-keyframes shakeX {
344
- from,
345
- to {
346
- -webkit-transform: translate3d(0, 0, 0);
347
- transform: translate3d(0, 0, 0);
348
- }
349
-
350
- 10%,
351
- 30%,
352
- 50%,
353
- 70%,
354
- 90% {
355
- -webkit-transform: translate3d(-10px, 0, 0);
356
- transform: translate3d(-10px, 0, 0);
357
- }
358
-
359
- 20%,
360
- 40%,
361
- 60%,
362
- 80% {
363
- -webkit-transform: translate3d(10px, 0, 0);
364
- transform: translate3d(10px, 0, 0);
365
- }
366
- }
367
- @keyframes shakeX {
368
- from,
369
- to {
370
- -webkit-transform: translate3d(0, 0, 0);
371
- transform: translate3d(0, 0, 0);
372
- }
373
-
374
- 10%,
375
- 30%,
376
- 50%,
377
- 70%,
378
- 90% {
379
- -webkit-transform: translate3d(-10px, 0, 0);
380
- transform: translate3d(-10px, 0, 0);
381
- }
382
-
383
- 20%,
384
- 40%,
385
- 60%,
386
- 80% {
387
- -webkit-transform: translate3d(10px, 0, 0);
388
- transform: translate3d(10px, 0, 0);
389
- }
390
- }
391
- .animate__shakeX {
392
- -webkit-animation-name: shakeX;
393
- animation-name: shakeX;
394
- }
395
- @-webkit-keyframes shakeY {
396
- from,
397
- to {
398
- -webkit-transform: translate3d(0, 0, 0);
399
- transform: translate3d(0, 0, 0);
400
- }
401
-
402
- 10%,
403
- 30%,
404
- 50%,
405
- 70%,
406
- 90% {
407
- -webkit-transform: translate3d(0, -10px, 0);
408
- transform: translate3d(0, -10px, 0);
409
- }
410
-
411
- 20%,
412
- 40%,
413
- 60%,
414
- 80% {
415
- -webkit-transform: translate3d(0, 10px, 0);
416
- transform: translate3d(0, 10px, 0);
417
- }
418
- }
419
- @keyframes shakeY {
420
- from,
421
- to {
422
- -webkit-transform: translate3d(0, 0, 0);
423
- transform: translate3d(0, 0, 0);
424
- }
425
-
426
- 10%,
427
- 30%,
428
- 50%,
429
- 70%,
430
- 90% {
431
- -webkit-transform: translate3d(0, -10px, 0);
432
- transform: translate3d(0, -10px, 0);
433
- }
434
-
435
- 20%,
436
- 40%,
437
- 60%,
438
- 80% {
439
- -webkit-transform: translate3d(0, 10px, 0);
440
- transform: translate3d(0, 10px, 0);
441
- }
442
- }
443
- .animate__shakeY {
444
- -webkit-animation-name: shakeY;
445
- animation-name: shakeY;
446
- }
447
- @-webkit-keyframes headShake {
448
- 0% {
449
- -webkit-transform: translateX(0);
450
- transform: translateX(0);
451
- }
452
-
453
- 6.5% {
454
- -webkit-transform: translateX(-6px) rotateY(-9deg);
455
- transform: translateX(-6px) rotateY(-9deg);
456
- }
457
-
458
- 18.5% {
459
- -webkit-transform: translateX(5px) rotateY(7deg);
460
- transform: translateX(5px) rotateY(7deg);
461
- }
462
-
463
- 31.5% {
464
- -webkit-transform: translateX(-3px) rotateY(-5deg);
465
- transform: translateX(-3px) rotateY(-5deg);
466
- }
467
-
468
- 43.5% {
469
- -webkit-transform: translateX(2px) rotateY(3deg);
470
- transform: translateX(2px) rotateY(3deg);
471
- }
472
-
473
- 50% {
474
- -webkit-transform: translateX(0);
475
- transform: translateX(0);
476
- }
477
- }
478
- @keyframes headShake {
479
- 0% {
480
- -webkit-transform: translateX(0);
481
- transform: translateX(0);
482
- }
483
-
484
- 6.5% {
485
- -webkit-transform: translateX(-6px) rotateY(-9deg);
486
- transform: translateX(-6px) rotateY(-9deg);
487
- }
488
-
489
- 18.5% {
490
- -webkit-transform: translateX(5px) rotateY(7deg);
491
- transform: translateX(5px) rotateY(7deg);
492
- }
493
-
494
- 31.5% {
495
- -webkit-transform: translateX(-3px) rotateY(-5deg);
496
- transform: translateX(-3px) rotateY(-5deg);
497
- }
498
-
499
- 43.5% {
500
- -webkit-transform: translateX(2px) rotateY(3deg);
501
- transform: translateX(2px) rotateY(3deg);
502
- }
503
-
504
- 50% {
505
- -webkit-transform: translateX(0);
506
- transform: translateX(0);
507
- }
508
- }
509
- .animate__headShake {
510
- -webkit-animation-timing-function: ease-in-out;
511
- animation-timing-function: ease-in-out;
512
- -webkit-animation-name: headShake;
513
- animation-name: headShake;
514
- }
515
- @-webkit-keyframes swing {
516
- 20% {
517
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
518
- transform: rotate3d(0, 0, 1, 15deg);
519
- }
520
-
521
- 40% {
522
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
523
- transform: rotate3d(0, 0, 1, -10deg);
524
- }
525
-
526
- 60% {
527
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
528
- transform: rotate3d(0, 0, 1, 5deg);
529
- }
530
-
531
- 80% {
532
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
533
- transform: rotate3d(0, 0, 1, -5deg);
534
- }
535
-
536
- to {
537
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
538
- transform: rotate3d(0, 0, 1, 0deg);
539
- }
540
- }
541
- @keyframes swing {
542
- 20% {
543
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
544
- transform: rotate3d(0, 0, 1, 15deg);
545
- }
546
-
547
- 40% {
548
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
549
- transform: rotate3d(0, 0, 1, -10deg);
550
- }
551
-
552
- 60% {
553
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
554
- transform: rotate3d(0, 0, 1, 5deg);
555
- }
556
-
557
- 80% {
558
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
559
- transform: rotate3d(0, 0, 1, -5deg);
560
- }
561
-
562
- to {
563
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
564
- transform: rotate3d(0, 0, 1, 0deg);
565
- }
566
- }
567
- .animate__swing {
568
- -webkit-transform-origin: top center;
569
- transform-origin: top center;
570
- -webkit-animation-name: swing;
571
- animation-name: swing;
572
- }
573
- @-webkit-keyframes tada {
574
- from {
575
- -webkit-transform: scale3d(1, 1, 1);
576
- transform: scale3d(1, 1, 1);
577
- }
578
-
579
- 10%,
580
- 20% {
581
- -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
582
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
583
- }
584
-
585
- 30%,
586
- 50%,
587
- 70%,
588
- 90% {
589
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
590
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
591
- }
592
-
593
- 40%,
594
- 60%,
595
- 80% {
596
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
597
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
598
- }
599
-
600
- to {
601
- -webkit-transform: scale3d(1, 1, 1);
602
- transform: scale3d(1, 1, 1);
603
- }
604
- }
605
- @keyframes tada {
606
- from {
607
- -webkit-transform: scale3d(1, 1, 1);
608
- transform: scale3d(1, 1, 1);
609
- }
610
-
611
- 10%,
612
- 20% {
613
- -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
614
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
615
- }
616
-
617
- 30%,
618
- 50%,
619
- 70%,
620
- 90% {
621
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
622
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
623
- }
624
-
625
- 40%,
626
- 60%,
627
- 80% {
628
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
629
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
630
- }
631
-
632
- to {
633
- -webkit-transform: scale3d(1, 1, 1);
634
- transform: scale3d(1, 1, 1);
635
- }
636
- }
637
- .animate__tada {
638
- -webkit-animation-name: tada;
639
- animation-name: tada;
640
- }
641
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
642
- @-webkit-keyframes wobble {
643
- from {
644
- -webkit-transform: translate3d(0, 0, 0);
645
- transform: translate3d(0, 0, 0);
646
- }
647
-
648
- 15% {
649
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
650
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
651
- }
652
-
653
- 30% {
654
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
655
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
656
- }
657
-
658
- 45% {
659
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
660
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
661
- }
662
-
663
- 60% {
664
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
665
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
666
- }
667
-
668
- 75% {
669
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
670
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
671
- }
672
-
673
- to {
674
- -webkit-transform: translate3d(0, 0, 0);
675
- transform: translate3d(0, 0, 0);
676
- }
677
- }
678
- @keyframes wobble {
679
- from {
680
- -webkit-transform: translate3d(0, 0, 0);
681
- transform: translate3d(0, 0, 0);
682
- }
683
-
684
- 15% {
685
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
686
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
687
- }
688
-
689
- 30% {
690
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
691
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
692
- }
693
-
694
- 45% {
695
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
696
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
697
- }
698
-
699
- 60% {
700
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
701
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
702
- }
703
-
704
- 75% {
705
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
706
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
707
- }
708
-
709
- to {
710
- -webkit-transform: translate3d(0, 0, 0);
711
- transform: translate3d(0, 0, 0);
712
- }
713
- }
714
- .animate__wobble {
715
- -webkit-animation-name: wobble;
716
- animation-name: wobble;
717
- }
718
- @-webkit-keyframes jello {
719
- from,
720
- 11.1%,
721
- to {
722
- -webkit-transform: translate3d(0, 0, 0);
723
- transform: translate3d(0, 0, 0);
724
- }
725
-
726
- 22.2% {
727
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
728
- transform: skewX(-12.5deg) skewY(-12.5deg);
729
- }
730
-
731
- 33.3% {
732
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
733
- transform: skewX(6.25deg) skewY(6.25deg);
734
- }
735
-
736
- 44.4% {
737
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
738
- transform: skewX(-3.125deg) skewY(-3.125deg);
739
- }
740
-
741
- 55.5% {
742
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
743
- transform: skewX(1.5625deg) skewY(1.5625deg);
744
- }
745
-
746
- 66.6% {
747
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
748
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
749
- }
750
-
751
- 77.7% {
752
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
753
- transform: skewX(0.390625deg) skewY(0.390625deg);
754
- }
755
-
756
- 88.8% {
757
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
758
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
759
- }
760
- }
761
- @keyframes jello {
762
- from,
763
- 11.1%,
764
- to {
765
- -webkit-transform: translate3d(0, 0, 0);
766
- transform: translate3d(0, 0, 0);
767
- }
768
-
769
- 22.2% {
770
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
771
- transform: skewX(-12.5deg) skewY(-12.5deg);
772
- }
773
-
774
- 33.3% {
775
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
776
- transform: skewX(6.25deg) skewY(6.25deg);
777
- }
778
-
779
- 44.4% {
780
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
781
- transform: skewX(-3.125deg) skewY(-3.125deg);
782
- }
783
-
784
- 55.5% {
785
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
786
- transform: skewX(1.5625deg) skewY(1.5625deg);
787
- }
788
-
789
- 66.6% {
790
- -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
791
- transform: skewX(-0.78125deg) skewY(-0.78125deg);
792
- }
793
-
794
- 77.7% {
795
- -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
796
- transform: skewX(0.390625deg) skewY(0.390625deg);
797
- }
798
-
799
- 88.8% {
800
- -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
801
- transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
802
- }
803
- }
804
- .animate__jello {
805
- -webkit-animation-name: jello;
806
- animation-name: jello;
807
- -webkit-transform-origin: center;
808
- transform-origin: center;
809
- }
810
- @-webkit-keyframes heartBeat {
811
- 0% {
812
- -webkit-transform: scale(1);
813
- transform: scale(1);
814
- }
815
-
816
- 14% {
817
- -webkit-transform: scale(1.3);
818
- transform: scale(1.3);
819
- }
820
-
821
- 28% {
822
- -webkit-transform: scale(1);
823
- transform: scale(1);
824
- }
825
-
826
- 42% {
827
- -webkit-transform: scale(1.3);
828
- transform: scale(1.3);
829
- }
830
-
831
- 70% {
832
- -webkit-transform: scale(1);
833
- transform: scale(1);
834
- }
835
- }
836
- @keyframes heartBeat {
837
- 0% {
838
- -webkit-transform: scale(1);
839
- transform: scale(1);
840
- }
841
-
842
- 14% {
843
- -webkit-transform: scale(1.3);
844
- transform: scale(1.3);
845
- }
846
-
847
- 28% {
848
- -webkit-transform: scale(1);
849
- transform: scale(1);
850
- }
851
-
852
- 42% {
853
- -webkit-transform: scale(1.3);
854
- transform: scale(1.3);
855
- }
856
-
857
- 70% {
858
- -webkit-transform: scale(1);
859
- transform: scale(1);
860
- }
861
- }
862
- .animate__heartBeat {
863
- -webkit-animation-name: heartBeat;
864
- animation-name: heartBeat;
865
- -webkit-animation-duration: calc(1s * 1.3);
866
- animation-duration: calc(1s * 1.3);
867
- -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
868
- animation-duration: calc(var(--animate-duration) * 1.3);
869
- -webkit-animation-timing-function: ease-in-out;
870
- animation-timing-function: ease-in-out;
871
- }
872
- /* Back entrances */
873
- @-webkit-keyframes backInDown {
874
- 0% {
875
- -webkit-transform: translateY(-1200px) scale(0.7);
876
- transform: translateY(-1200px) scale(0.7);
877
- opacity: 0.7;
878
- }
879
-
880
- 80% {
881
- -webkit-transform: translateY(0px) scale(0.7);
882
- transform: translateY(0px) scale(0.7);
883
- opacity: 0.7;
884
- }
885
-
886
- 100% {
887
- -webkit-transform: scale(1);
888
- transform: scale(1);
889
- opacity: 1;
890
- }
891
- }
892
- @keyframes backInDown {
893
- 0% {
894
- -webkit-transform: translateY(-1200px) scale(0.7);
895
- transform: translateY(-1200px) scale(0.7);
896
- opacity: 0.7;
897
- }
898
-
899
- 80% {
900
- -webkit-transform: translateY(0px) scale(0.7);
901
- transform: translateY(0px) scale(0.7);
902
- opacity: 0.7;
903
- }
904
-
905
- 100% {
906
- -webkit-transform: scale(1);
907
- transform: scale(1);
908
- opacity: 1;
909
- }
910
- }
911
- .animate__backInDown {
912
- -webkit-animation-name: backInDown;
913
- animation-name: backInDown;
914
- }
915
- @-webkit-keyframes backInLeft {
916
- 0% {
917
- -webkit-transform: translateX(-2000px) scale(0.7);
918
- transform: translateX(-2000px) scale(0.7);
919
- opacity: 0.7;
920
- }
921
-
922
- 80% {
923
- -webkit-transform: translateX(0px) scale(0.7);
924
- transform: translateX(0px) scale(0.7);
925
- opacity: 0.7;
926
- }
927
-
928
- 100% {
929
- -webkit-transform: scale(1);
930
- transform: scale(1);
931
- opacity: 1;
932
- }
933
- }
934
- @keyframes backInLeft {
935
- 0% {
936
- -webkit-transform: translateX(-2000px) scale(0.7);
937
- transform: translateX(-2000px) scale(0.7);
938
- opacity: 0.7;
939
- }
940
-
941
- 80% {
942
- -webkit-transform: translateX(0px) scale(0.7);
943
- transform: translateX(0px) scale(0.7);
944
- opacity: 0.7;
945
- }
946
-
947
- 100% {
948
- -webkit-transform: scale(1);
949
- transform: scale(1);
950
- opacity: 1;
951
- }
952
- }
953
- .animate__backInLeft {
954
- -webkit-animation-name: backInLeft;
955
- animation-name: backInLeft;
956
- }
957
- @-webkit-keyframes backInRight {
958
- 0% {
959
- -webkit-transform: translateX(2000px) scale(0.7);
960
- transform: translateX(2000px) scale(0.7);
961
- opacity: 0.7;
962
- }
963
-
964
- 80% {
965
- -webkit-transform: translateX(0px) scale(0.7);
966
- transform: translateX(0px) scale(0.7);
967
- opacity: 0.7;
968
- }
969
-
970
- 100% {
971
- -webkit-transform: scale(1);
972
- transform: scale(1);
973
- opacity: 1;
974
- }
975
- }
976
- @keyframes backInRight {
977
- 0% {
978
- -webkit-transform: translateX(2000px) scale(0.7);
979
- transform: translateX(2000px) scale(0.7);
980
- opacity: 0.7;
981
- }
982
-
983
- 80% {
984
- -webkit-transform: translateX(0px) scale(0.7);
985
- transform: translateX(0px) scale(0.7);
986
- opacity: 0.7;
987
- }
988
-
989
- 100% {
990
- -webkit-transform: scale(1);
991
- transform: scale(1);
992
- opacity: 1;
993
- }
994
- }
995
- .animate__backInRight {
996
- -webkit-animation-name: backInRight;
997
- animation-name: backInRight;
998
- }
999
- @-webkit-keyframes backInUp {
1000
- 0% {
1001
- -webkit-transform: translateY(1200px) scale(0.7);
1002
- transform: translateY(1200px) scale(0.7);
1003
- opacity: 0.7;
1004
- }
1005
-
1006
- 80% {
1007
- -webkit-transform: translateY(0px) scale(0.7);
1008
- transform: translateY(0px) scale(0.7);
1009
- opacity: 0.7;
1010
- }
1011
-
1012
- 100% {
1013
- -webkit-transform: scale(1);
1014
- transform: scale(1);
1015
- opacity: 1;
1016
- }
1017
- }
1018
- @keyframes backInUp {
1019
- 0% {
1020
- -webkit-transform: translateY(1200px) scale(0.7);
1021
- transform: translateY(1200px) scale(0.7);
1022
- opacity: 0.7;
1023
- }
1024
-
1025
- 80% {
1026
- -webkit-transform: translateY(0px) scale(0.7);
1027
- transform: translateY(0px) scale(0.7);
1028
- opacity: 0.7;
1029
- }
1030
-
1031
- 100% {
1032
- -webkit-transform: scale(1);
1033
- transform: scale(1);
1034
- opacity: 1;
1035
- }
1036
- }
1037
- .animate__backInUp {
1038
- -webkit-animation-name: backInUp;
1039
- animation-name: backInUp;
1040
- }
1041
- /* Back exits */
1042
- @-webkit-keyframes backOutDown {
1043
- 0% {
1044
- -webkit-transform: scale(1);
1045
- transform: scale(1);
1046
- opacity: 1;
1047
- }
1048
-
1049
- 20% {
1050
- -webkit-transform: translateY(0px) scale(0.7);
1051
- transform: translateY(0px) scale(0.7);
1052
- opacity: 0.7;
1053
- }
1054
-
1055
- 100% {
1056
- -webkit-transform: translateY(700px) scale(0.7);
1057
- transform: translateY(700px) scale(0.7);
1058
- opacity: 0.7;
1059
- }
1060
- }
1061
- @keyframes backOutDown {
1062
- 0% {
1063
- -webkit-transform: scale(1);
1064
- transform: scale(1);
1065
- opacity: 1;
1066
- }
1067
-
1068
- 20% {
1069
- -webkit-transform: translateY(0px) scale(0.7);
1070
- transform: translateY(0px) scale(0.7);
1071
- opacity: 0.7;
1072
- }
1073
-
1074
- 100% {
1075
- -webkit-transform: translateY(700px) scale(0.7);
1076
- transform: translateY(700px) scale(0.7);
1077
- opacity: 0.7;
1078
- }
1079
- }
1080
- .animate__backOutDown {
1081
- -webkit-animation-name: backOutDown;
1082
- animation-name: backOutDown;
1083
- }
1084
- @-webkit-keyframes backOutLeft {
1085
- 0% {
1086
- -webkit-transform: scale(1);
1087
- transform: scale(1);
1088
- opacity: 1;
1089
- }
1090
-
1091
- 20% {
1092
- -webkit-transform: translateX(0px) scale(0.7);
1093
- transform: translateX(0px) scale(0.7);
1094
- opacity: 0.7;
1095
- }
1096
-
1097
- 100% {
1098
- -webkit-transform: translateX(-2000px) scale(0.7);
1099
- transform: translateX(-2000px) scale(0.7);
1100
- opacity: 0.7;
1101
- }
1102
- }
1103
- @keyframes backOutLeft {
1104
- 0% {
1105
- -webkit-transform: scale(1);
1106
- transform: scale(1);
1107
- opacity: 1;
1108
- }
1109
-
1110
- 20% {
1111
- -webkit-transform: translateX(0px) scale(0.7);
1112
- transform: translateX(0px) scale(0.7);
1113
- opacity: 0.7;
1114
- }
1115
-
1116
- 100% {
1117
- -webkit-transform: translateX(-2000px) scale(0.7);
1118
- transform: translateX(-2000px) scale(0.7);
1119
- opacity: 0.7;
1120
- }
1121
- }
1122
- .animate__backOutLeft {
1123
- -webkit-animation-name: backOutLeft;
1124
- animation-name: backOutLeft;
1125
- }
1126
- @-webkit-keyframes backOutRight {
1127
- 0% {
1128
- -webkit-transform: scale(1);
1129
- transform: scale(1);
1130
- opacity: 1;
1131
- }
1132
-
1133
- 20% {
1134
- -webkit-transform: translateX(0px) scale(0.7);
1135
- transform: translateX(0px) scale(0.7);
1136
- opacity: 0.7;
1137
- }
1138
-
1139
- 100% {
1140
- -webkit-transform: translateX(2000px) scale(0.7);
1141
- transform: translateX(2000px) scale(0.7);
1142
- opacity: 0.7;
1143
- }
1144
- }
1145
- @keyframes backOutRight {
1146
- 0% {
1147
- -webkit-transform: scale(1);
1148
- transform: scale(1);
1149
- opacity: 1;
1150
- }
1151
-
1152
- 20% {
1153
- -webkit-transform: translateX(0px) scale(0.7);
1154
- transform: translateX(0px) scale(0.7);
1155
- opacity: 0.7;
1156
- }
1157
-
1158
- 100% {
1159
- -webkit-transform: translateX(2000px) scale(0.7);
1160
- transform: translateX(2000px) scale(0.7);
1161
- opacity: 0.7;
1162
- }
1163
- }
1164
- .animate__backOutRight {
1165
- -webkit-animation-name: backOutRight;
1166
- animation-name: backOutRight;
1167
- }
1168
- @-webkit-keyframes backOutUp {
1169
- 0% {
1170
- -webkit-transform: scale(1);
1171
- transform: scale(1);
1172
- opacity: 1;
1173
- }
1174
-
1175
- 20% {
1176
- -webkit-transform: translateY(0px) scale(0.7);
1177
- transform: translateY(0px) scale(0.7);
1178
- opacity: 0.7;
1179
- }
1180
-
1181
- 100% {
1182
- -webkit-transform: translateY(-700px) scale(0.7);
1183
- transform: translateY(-700px) scale(0.7);
1184
- opacity: 0.7;
1185
- }
1186
- }
1187
- @keyframes backOutUp {
1188
- 0% {
1189
- -webkit-transform: scale(1);
1190
- transform: scale(1);
1191
- opacity: 1;
1192
- }
1193
-
1194
- 20% {
1195
- -webkit-transform: translateY(0px) scale(0.7);
1196
- transform: translateY(0px) scale(0.7);
1197
- opacity: 0.7;
1198
- }
1199
-
1200
- 100% {
1201
- -webkit-transform: translateY(-700px) scale(0.7);
1202
- transform: translateY(-700px) scale(0.7);
1203
- opacity: 0.7;
1204
- }
1205
- }
1206
- .animate__backOutUp {
1207
- -webkit-animation-name: backOutUp;
1208
- animation-name: backOutUp;
1209
- }
1210
- /* Bouncing entrances */
1211
- @-webkit-keyframes bounceIn {
1212
- from,
1213
- 20%,
1214
- 40%,
1215
- 60%,
1216
- 80%,
1217
- to {
1218
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1219
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1220
- }
1221
-
1222
- 0% {
1223
- opacity: 0;
1224
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1225
- transform: scale3d(0.3, 0.3, 0.3);
1226
- }
1227
-
1228
- 20% {
1229
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1230
- transform: scale3d(1.1, 1.1, 1.1);
1231
- }
1232
-
1233
- 40% {
1234
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1235
- transform: scale3d(0.9, 0.9, 0.9);
1236
- }
1237
-
1238
- 60% {
1239
- opacity: 1;
1240
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
1241
- transform: scale3d(1.03, 1.03, 1.03);
1242
- }
1243
-
1244
- 80% {
1245
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
1246
- transform: scale3d(0.97, 0.97, 0.97);
1247
- }
1248
-
1249
- to {
1250
- opacity: 1;
1251
- -webkit-transform: scale3d(1, 1, 1);
1252
- transform: scale3d(1, 1, 1);
1253
- }
1254
- }
1255
- @keyframes bounceIn {
1256
- from,
1257
- 20%,
1258
- 40%,
1259
- 60%,
1260
- 80%,
1261
- to {
1262
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1263
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1264
- }
1265
-
1266
- 0% {
1267
- opacity: 0;
1268
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1269
- transform: scale3d(0.3, 0.3, 0.3);
1270
- }
1271
-
1272
- 20% {
1273
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1274
- transform: scale3d(1.1, 1.1, 1.1);
1275
- }
1276
-
1277
- 40% {
1278
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1279
- transform: scale3d(0.9, 0.9, 0.9);
1280
- }
1281
-
1282
- 60% {
1283
- opacity: 1;
1284
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
1285
- transform: scale3d(1.03, 1.03, 1.03);
1286
- }
1287
-
1288
- 80% {
1289
- -webkit-transform: scale3d(0.97, 0.97, 0.97);
1290
- transform: scale3d(0.97, 0.97, 0.97);
1291
- }
1292
-
1293
- to {
1294
- opacity: 1;
1295
- -webkit-transform: scale3d(1, 1, 1);
1296
- transform: scale3d(1, 1, 1);
1297
- }
1298
- }
1299
- .animate__bounceIn {
1300
- -webkit-animation-duration: calc(1s * 0.75);
1301
- animation-duration: calc(1s * 0.75);
1302
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
1303
- animation-duration: calc(var(--animate-duration) * 0.75);
1304
- -webkit-animation-name: bounceIn;
1305
- animation-name: bounceIn;
1306
- }
1307
- @-webkit-keyframes bounceInDown {
1308
- from,
1309
- 60%,
1310
- 75%,
1311
- 90%,
1312
- to {
1313
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1314
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1315
- }
1316
-
1317
- 0% {
1318
- opacity: 0;
1319
- -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
1320
- transform: translate3d(0, -3000px, 0) scaleY(3);
1321
- }
1322
-
1323
- 60% {
1324
- opacity: 1;
1325
- -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
1326
- transform: translate3d(0, 25px, 0) scaleY(0.9);
1327
- }
1328
-
1329
- 75% {
1330
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
1331
- transform: translate3d(0, -10px, 0) scaleY(0.95);
1332
- }
1333
-
1334
- 90% {
1335
- -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
1336
- transform: translate3d(0, 5px, 0) scaleY(0.985);
1337
- }
1338
-
1339
- to {
1340
- -webkit-transform: translate3d(0, 0, 0);
1341
- transform: translate3d(0, 0, 0);
1342
- }
1343
- }
1344
- @keyframes bounceInDown {
1345
- from,
1346
- 60%,
1347
- 75%,
1348
- 90%,
1349
- to {
1350
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1351
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1352
- }
1353
-
1354
- 0% {
1355
- opacity: 0;
1356
- -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
1357
- transform: translate3d(0, -3000px, 0) scaleY(3);
1358
- }
1359
-
1360
- 60% {
1361
- opacity: 1;
1362
- -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
1363
- transform: translate3d(0, 25px, 0) scaleY(0.9);
1364
- }
1365
-
1366
- 75% {
1367
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
1368
- transform: translate3d(0, -10px, 0) scaleY(0.95);
1369
- }
1370
-
1371
- 90% {
1372
- -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
1373
- transform: translate3d(0, 5px, 0) scaleY(0.985);
1374
- }
1375
-
1376
- to {
1377
- -webkit-transform: translate3d(0, 0, 0);
1378
- transform: translate3d(0, 0, 0);
1379
- }
1380
- }
1381
- .animate__bounceInDown {
1382
- -webkit-animation-name: bounceInDown;
1383
- animation-name: bounceInDown;
1384
- }
1385
- @-webkit-keyframes bounceInLeft {
1386
- from,
1387
- 60%,
1388
- 75%,
1389
- 90%,
1390
- to {
1391
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1392
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1393
- }
1394
-
1395
- 0% {
1396
- opacity: 0;
1397
- -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
1398
- transform: translate3d(-3000px, 0, 0) scaleX(3);
1399
- }
1400
-
1401
- 60% {
1402
- opacity: 1;
1403
- -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
1404
- transform: translate3d(25px, 0, 0) scaleX(1);
1405
- }
1406
-
1407
- 75% {
1408
- -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
1409
- transform: translate3d(-10px, 0, 0) scaleX(0.98);
1410
- }
1411
-
1412
- 90% {
1413
- -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
1414
- transform: translate3d(5px, 0, 0) scaleX(0.995);
1415
- }
1416
-
1417
- to {
1418
- -webkit-transform: translate3d(0, 0, 0);
1419
- transform: translate3d(0, 0, 0);
1420
- }
1421
- }
1422
- @keyframes bounceInLeft {
1423
- from,
1424
- 60%,
1425
- 75%,
1426
- 90%,
1427
- to {
1428
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1429
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1430
- }
1431
-
1432
- 0% {
1433
- opacity: 0;
1434
- -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
1435
- transform: translate3d(-3000px, 0, 0) scaleX(3);
1436
- }
1437
-
1438
- 60% {
1439
- opacity: 1;
1440
- -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
1441
- transform: translate3d(25px, 0, 0) scaleX(1);
1442
- }
1443
-
1444
- 75% {
1445
- -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
1446
- transform: translate3d(-10px, 0, 0) scaleX(0.98);
1447
- }
1448
-
1449
- 90% {
1450
- -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
1451
- transform: translate3d(5px, 0, 0) scaleX(0.995);
1452
- }
1453
-
1454
- to {
1455
- -webkit-transform: translate3d(0, 0, 0);
1456
- transform: translate3d(0, 0, 0);
1457
- }
1458
- }
1459
- .animate__bounceInLeft {
1460
- -webkit-animation-name: bounceInLeft;
1461
- animation-name: bounceInLeft;
1462
- }
1463
- @-webkit-keyframes bounceInRight {
1464
- from,
1465
- 60%,
1466
- 75%,
1467
- 90%,
1468
- to {
1469
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1470
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1471
- }
1472
-
1473
- from {
1474
- opacity: 0;
1475
- -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
1476
- transform: translate3d(3000px, 0, 0) scaleX(3);
1477
- }
1478
-
1479
- 60% {
1480
- opacity: 1;
1481
- -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
1482
- transform: translate3d(-25px, 0, 0) scaleX(1);
1483
- }
1484
-
1485
- 75% {
1486
- -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
1487
- transform: translate3d(10px, 0, 0) scaleX(0.98);
1488
- }
1489
-
1490
- 90% {
1491
- -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
1492
- transform: translate3d(-5px, 0, 0) scaleX(0.995);
1493
- }
1494
-
1495
- to {
1496
- -webkit-transform: translate3d(0, 0, 0);
1497
- transform: translate3d(0, 0, 0);
1498
- }
1499
- }
1500
- @keyframes bounceInRight {
1501
- from,
1502
- 60%,
1503
- 75%,
1504
- 90%,
1505
- to {
1506
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1507
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1508
- }
1509
-
1510
- from {
1511
- opacity: 0;
1512
- -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
1513
- transform: translate3d(3000px, 0, 0) scaleX(3);
1514
- }
1515
-
1516
- 60% {
1517
- opacity: 1;
1518
- -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
1519
- transform: translate3d(-25px, 0, 0) scaleX(1);
1520
- }
1521
-
1522
- 75% {
1523
- -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
1524
- transform: translate3d(10px, 0, 0) scaleX(0.98);
1525
- }
1526
-
1527
- 90% {
1528
- -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
1529
- transform: translate3d(-5px, 0, 0) scaleX(0.995);
1530
- }
1531
-
1532
- to {
1533
- -webkit-transform: translate3d(0, 0, 0);
1534
- transform: translate3d(0, 0, 0);
1535
- }
1536
- }
1537
- .animate__bounceInRight {
1538
- -webkit-animation-name: bounceInRight;
1539
- animation-name: bounceInRight;
1540
- }
1541
- @-webkit-keyframes bounceInUp {
1542
- from,
1543
- 60%,
1544
- 75%,
1545
- 90%,
1546
- to {
1547
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1548
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1549
- }
1550
-
1551
- from {
1552
- opacity: 0;
1553
- -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
1554
- transform: translate3d(0, 3000px, 0) scaleY(5);
1555
- }
1556
-
1557
- 60% {
1558
- opacity: 1;
1559
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1560
- transform: translate3d(0, -20px, 0) scaleY(0.9);
1561
- }
1562
-
1563
- 75% {
1564
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
1565
- transform: translate3d(0, 10px, 0) scaleY(0.95);
1566
- }
1567
-
1568
- 90% {
1569
- -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
1570
- transform: translate3d(0, -5px, 0) scaleY(0.985);
1571
- }
1572
-
1573
- to {
1574
- -webkit-transform: translate3d(0, 0, 0);
1575
- transform: translate3d(0, 0, 0);
1576
- }
1577
- }
1578
- @keyframes bounceInUp {
1579
- from,
1580
- 60%,
1581
- 75%,
1582
- 90%,
1583
- to {
1584
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1585
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1586
- }
1587
-
1588
- from {
1589
- opacity: 0;
1590
- -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
1591
- transform: translate3d(0, 3000px, 0) scaleY(5);
1592
- }
1593
-
1594
- 60% {
1595
- opacity: 1;
1596
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1597
- transform: translate3d(0, -20px, 0) scaleY(0.9);
1598
- }
1599
-
1600
- 75% {
1601
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
1602
- transform: translate3d(0, 10px, 0) scaleY(0.95);
1603
- }
1604
-
1605
- 90% {
1606
- -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
1607
- transform: translate3d(0, -5px, 0) scaleY(0.985);
1608
- }
1609
-
1610
- to {
1611
- -webkit-transform: translate3d(0, 0, 0);
1612
- transform: translate3d(0, 0, 0);
1613
- }
1614
- }
1615
- .animate__bounceInUp {
1616
- -webkit-animation-name: bounceInUp;
1617
- animation-name: bounceInUp;
1618
- }
1619
- /* Bouncing exits */
1620
- @-webkit-keyframes bounceOut {
1621
- 20% {
1622
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1623
- transform: scale3d(0.9, 0.9, 0.9);
1624
- }
1625
-
1626
- 50%,
1627
- 55% {
1628
- opacity: 1;
1629
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1630
- transform: scale3d(1.1, 1.1, 1.1);
1631
- }
1632
-
1633
- to {
1634
- opacity: 0;
1635
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1636
- transform: scale3d(0.3, 0.3, 0.3);
1637
- }
1638
- }
1639
- @keyframes bounceOut {
1640
- 20% {
1641
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
1642
- transform: scale3d(0.9, 0.9, 0.9);
1643
- }
1644
-
1645
- 50%,
1646
- 55% {
1647
- opacity: 1;
1648
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
1649
- transform: scale3d(1.1, 1.1, 1.1);
1650
- }
1651
-
1652
- to {
1653
- opacity: 0;
1654
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
1655
- transform: scale3d(0.3, 0.3, 0.3);
1656
- }
1657
- }
1658
- .animate__bounceOut {
1659
- -webkit-animation-duration: calc(1s * 0.75);
1660
- animation-duration: calc(1s * 0.75);
1661
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
1662
- animation-duration: calc(var(--animate-duration) * 0.75);
1663
- -webkit-animation-name: bounceOut;
1664
- animation-name: bounceOut;
1665
- }
1666
- @-webkit-keyframes bounceOutDown {
1667
- 20% {
1668
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
1669
- transform: translate3d(0, 10px, 0) scaleY(0.985);
1670
- }
1671
-
1672
- 40%,
1673
- 45% {
1674
- opacity: 1;
1675
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1676
- transform: translate3d(0, -20px, 0) scaleY(0.9);
1677
- }
1678
-
1679
- to {
1680
- opacity: 0;
1681
- -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
1682
- transform: translate3d(0, 2000px, 0) scaleY(3);
1683
- }
1684
- }
1685
- @keyframes bounceOutDown {
1686
- 20% {
1687
- -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
1688
- transform: translate3d(0, 10px, 0) scaleY(0.985);
1689
- }
1690
-
1691
- 40%,
1692
- 45% {
1693
- opacity: 1;
1694
- -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
1695
- transform: translate3d(0, -20px, 0) scaleY(0.9);
1696
- }
1697
-
1698
- to {
1699
- opacity: 0;
1700
- -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
1701
- transform: translate3d(0, 2000px, 0) scaleY(3);
1702
- }
1703
- }
1704
- .animate__bounceOutDown {
1705
- -webkit-animation-name: bounceOutDown;
1706
- animation-name: bounceOutDown;
1707
- }
1708
- @-webkit-keyframes bounceOutLeft {
1709
- 20% {
1710
- opacity: 1;
1711
- -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
1712
- transform: translate3d(20px, 0, 0) scaleX(0.9);
1713
- }
1714
-
1715
- to {
1716
- opacity: 0;
1717
- -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
1718
- transform: translate3d(-2000px, 0, 0) scaleX(2);
1719
- }
1720
- }
1721
- @keyframes bounceOutLeft {
1722
- 20% {
1723
- opacity: 1;
1724
- -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
1725
- transform: translate3d(20px, 0, 0) scaleX(0.9);
1726
- }
1727
-
1728
- to {
1729
- opacity: 0;
1730
- -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
1731
- transform: translate3d(-2000px, 0, 0) scaleX(2);
1732
- }
1733
- }
1734
- .animate__bounceOutLeft {
1735
- -webkit-animation-name: bounceOutLeft;
1736
- animation-name: bounceOutLeft;
1737
- }
1738
- @-webkit-keyframes bounceOutRight {
1739
- 20% {
1740
- opacity: 1;
1741
- -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
1742
- transform: translate3d(-20px, 0, 0) scaleX(0.9);
1743
- }
1744
-
1745
- to {
1746
- opacity: 0;
1747
- -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
1748
- transform: translate3d(2000px, 0, 0) scaleX(2);
1749
- }
1750
- }
1751
- @keyframes bounceOutRight {
1752
- 20% {
1753
- opacity: 1;
1754
- -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
1755
- transform: translate3d(-20px, 0, 0) scaleX(0.9);
1756
- }
1757
-
1758
- to {
1759
- opacity: 0;
1760
- -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
1761
- transform: translate3d(2000px, 0, 0) scaleX(2);
1762
- }
1763
- }
1764
- .animate__bounceOutRight {
1765
- -webkit-animation-name: bounceOutRight;
1766
- animation-name: bounceOutRight;
1767
- }
1768
- @-webkit-keyframes bounceOutUp {
1769
- 20% {
1770
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
1771
- transform: translate3d(0, -10px, 0) scaleY(0.985);
1772
- }
1773
-
1774
- 40%,
1775
- 45% {
1776
- opacity: 1;
1777
- -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
1778
- transform: translate3d(0, 20px, 0) scaleY(0.9);
1779
- }
1780
-
1781
- to {
1782
- opacity: 0;
1783
- -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
1784
- transform: translate3d(0, -2000px, 0) scaleY(3);
1785
- }
1786
- }
1787
- @keyframes bounceOutUp {
1788
- 20% {
1789
- -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
1790
- transform: translate3d(0, -10px, 0) scaleY(0.985);
1791
- }
1792
-
1793
- 40%,
1794
- 45% {
1795
- opacity: 1;
1796
- -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
1797
- transform: translate3d(0, 20px, 0) scaleY(0.9);
1798
- }
1799
-
1800
- to {
1801
- opacity: 0;
1802
- -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
1803
- transform: translate3d(0, -2000px, 0) scaleY(3);
1804
- }
1805
- }
1806
- .animate__bounceOutUp {
1807
- -webkit-animation-name: bounceOutUp;
1808
- animation-name: bounceOutUp;
1809
- }
1810
- /* Fading entrances */
1811
- @-webkit-keyframes fadeIn {
1812
- from {
1813
- opacity: 0;
1814
- }
1815
-
1816
- to {
1817
- opacity: 1;
1818
- }
1819
- }
1820
- @keyframes fadeIn {
1821
- from {
1822
- opacity: 0;
1823
- }
1824
-
1825
- to {
1826
- opacity: 1;
1827
- }
1828
- }
1829
- .animate__fadeIn {
1830
- -webkit-animation-name: fadeIn;
1831
- animation-name: fadeIn;
1832
- }
1833
- @-webkit-keyframes fadeInDown {
1834
- from {
1835
- opacity: 0;
1836
- -webkit-transform: translate3d(0, -100%, 0);
1837
- transform: translate3d(0, -100%, 0);
1838
- }
1839
-
1840
- to {
1841
- opacity: 1;
1842
- -webkit-transform: translate3d(0, 0, 0);
1843
- transform: translate3d(0, 0, 0);
1844
- }
1845
- }
1846
- @keyframes fadeInDown {
1847
- from {
1848
- opacity: 0;
1849
- -webkit-transform: translate3d(0, -100%, 0);
1850
- transform: translate3d(0, -100%, 0);
1851
- }
1852
-
1853
- to {
1854
- opacity: 1;
1855
- -webkit-transform: translate3d(0, 0, 0);
1856
- transform: translate3d(0, 0, 0);
1857
- }
1858
- }
1859
- .animate__fadeInDown {
1860
- -webkit-animation-name: fadeInDown;
1861
- animation-name: fadeInDown;
1862
- }
1863
- @-webkit-keyframes fadeInDownBig {
1864
- from {
1865
- opacity: 0;
1866
- -webkit-transform: translate3d(0, -2000px, 0);
1867
- transform: translate3d(0, -2000px, 0);
1868
- }
1869
-
1870
- to {
1871
- opacity: 1;
1872
- -webkit-transform: translate3d(0, 0, 0);
1873
- transform: translate3d(0, 0, 0);
1874
- }
1875
- }
1876
- @keyframes fadeInDownBig {
1877
- from {
1878
- opacity: 0;
1879
- -webkit-transform: translate3d(0, -2000px, 0);
1880
- transform: translate3d(0, -2000px, 0);
1881
- }
1882
-
1883
- to {
1884
- opacity: 1;
1885
- -webkit-transform: translate3d(0, 0, 0);
1886
- transform: translate3d(0, 0, 0);
1887
- }
1888
- }
1889
- .animate__fadeInDownBig {
1890
- -webkit-animation-name: fadeInDownBig;
1891
- animation-name: fadeInDownBig;
1892
- }
1893
- @-webkit-keyframes fadeInLeft {
1894
- from {
1895
- opacity: 0;
1896
- -webkit-transform: translate3d(-100%, 0, 0);
1897
- transform: translate3d(-100%, 0, 0);
1898
- }
1899
-
1900
- to {
1901
- opacity: 1;
1902
- -webkit-transform: translate3d(0, 0, 0);
1903
- transform: translate3d(0, 0, 0);
1904
- }
1905
- }
1906
- @keyframes fadeInLeft {
1907
- from {
1908
- opacity: 0;
1909
- -webkit-transform: translate3d(-100%, 0, 0);
1910
- transform: translate3d(-100%, 0, 0);
1911
- }
1912
-
1913
- to {
1914
- opacity: 1;
1915
- -webkit-transform: translate3d(0, 0, 0);
1916
- transform: translate3d(0, 0, 0);
1917
- }
1918
- }
1919
- .animate__fadeInLeft {
1920
- -webkit-animation-name: fadeInLeft;
1921
- animation-name: fadeInLeft;
1922
- }
1923
- @-webkit-keyframes fadeInLeftBig {
1924
- from {
1925
- opacity: 0;
1926
- -webkit-transform: translate3d(-2000px, 0, 0);
1927
- transform: translate3d(-2000px, 0, 0);
1928
- }
1929
-
1930
- to {
1931
- opacity: 1;
1932
- -webkit-transform: translate3d(0, 0, 0);
1933
- transform: translate3d(0, 0, 0);
1934
- }
1935
- }
1936
- @keyframes fadeInLeftBig {
1937
- from {
1938
- opacity: 0;
1939
- -webkit-transform: translate3d(-2000px, 0, 0);
1940
- transform: translate3d(-2000px, 0, 0);
1941
- }
1942
-
1943
- to {
1944
- opacity: 1;
1945
- -webkit-transform: translate3d(0, 0, 0);
1946
- transform: translate3d(0, 0, 0);
1947
- }
1948
- }
1949
- .animate__fadeInLeftBig {
1950
- -webkit-animation-name: fadeInLeftBig;
1951
- animation-name: fadeInLeftBig;
1952
- }
1953
- @-webkit-keyframes fadeInRight {
1954
- from {
1955
- opacity: 0;
1956
- -webkit-transform: translate3d(100%, 0, 0);
1957
- transform: translate3d(100%, 0, 0);
1958
- }
1959
-
1960
- to {
1961
- opacity: 1;
1962
- -webkit-transform: translate3d(0, 0, 0);
1963
- transform: translate3d(0, 0, 0);
1964
- }
1965
- }
1966
- @keyframes fadeInRight {
1967
- from {
1968
- opacity: 0;
1969
- -webkit-transform: translate3d(100%, 0, 0);
1970
- transform: translate3d(100%, 0, 0);
1971
- }
1972
-
1973
- to {
1974
- opacity: 1;
1975
- -webkit-transform: translate3d(0, 0, 0);
1976
- transform: translate3d(0, 0, 0);
1977
- }
1978
- }
1979
- .animate__fadeInRight {
1980
- -webkit-animation-name: fadeInRight;
1981
- animation-name: fadeInRight;
1982
- }
1983
- @-webkit-keyframes fadeInRightBig {
1984
- from {
1985
- opacity: 0;
1986
- -webkit-transform: translate3d(2000px, 0, 0);
1987
- transform: translate3d(2000px, 0, 0);
1988
- }
1989
-
1990
- to {
1991
- opacity: 1;
1992
- -webkit-transform: translate3d(0, 0, 0);
1993
- transform: translate3d(0, 0, 0);
1994
- }
1995
- }
1996
- @keyframes fadeInRightBig {
1997
- from {
1998
- opacity: 0;
1999
- -webkit-transform: translate3d(2000px, 0, 0);
2000
- transform: translate3d(2000px, 0, 0);
2001
- }
2002
-
2003
- to {
2004
- opacity: 1;
2005
- -webkit-transform: translate3d(0, 0, 0);
2006
- transform: translate3d(0, 0, 0);
2007
- }
2008
- }
2009
- .animate__fadeInRightBig {
2010
- -webkit-animation-name: fadeInRightBig;
2011
- animation-name: fadeInRightBig;
2012
- }
2013
- @-webkit-keyframes fadeInUp {
2014
- from {
2015
- opacity: 0;
2016
- -webkit-transform: translate3d(0, 100%, 0);
2017
- transform: translate3d(0, 100%, 0);
2018
- }
2019
-
2020
- to {
2021
- opacity: 1;
2022
- -webkit-transform: translate3d(0, 0, 0);
2023
- transform: translate3d(0, 0, 0);
2024
- }
2025
- }
2026
- @keyframes fadeInUp {
2027
- from {
2028
- opacity: 0;
2029
- -webkit-transform: translate3d(0, 100%, 0);
2030
- transform: translate3d(0, 100%, 0);
2031
- }
2032
-
2033
- to {
2034
- opacity: 1;
2035
- -webkit-transform: translate3d(0, 0, 0);
2036
- transform: translate3d(0, 0, 0);
2037
- }
2038
- }
2039
- .animate__fadeInUp {
2040
- -webkit-animation-name: fadeInUp;
2041
- animation-name: fadeInUp;
2042
- }
2043
- @-webkit-keyframes fadeInUpBig {
2044
- from {
2045
- opacity: 0;
2046
- -webkit-transform: translate3d(0, 2000px, 0);
2047
- transform: translate3d(0, 2000px, 0);
2048
- }
2049
-
2050
- to {
2051
- opacity: 1;
2052
- -webkit-transform: translate3d(0, 0, 0);
2053
- transform: translate3d(0, 0, 0);
2054
- }
2055
- }
2056
- @keyframes fadeInUpBig {
2057
- from {
2058
- opacity: 0;
2059
- -webkit-transform: translate3d(0, 2000px, 0);
2060
- transform: translate3d(0, 2000px, 0);
2061
- }
2062
-
2063
- to {
2064
- opacity: 1;
2065
- -webkit-transform: translate3d(0, 0, 0);
2066
- transform: translate3d(0, 0, 0);
2067
- }
2068
- }
2069
- .animate__fadeInUpBig {
2070
- -webkit-animation-name: fadeInUpBig;
2071
- animation-name: fadeInUpBig;
2072
- }
2073
- @-webkit-keyframes fadeInTopLeft {
2074
- from {
2075
- opacity: 0;
2076
- -webkit-transform: translate3d(-100%, -100%, 0);
2077
- transform: translate3d(-100%, -100%, 0);
2078
- }
2079
- to {
2080
- opacity: 1;
2081
- -webkit-transform: translate3d(0, 0, 0);
2082
- transform: translate3d(0, 0, 0);
2083
- }
2084
- }
2085
- @keyframes fadeInTopLeft {
2086
- from {
2087
- opacity: 0;
2088
- -webkit-transform: translate3d(-100%, -100%, 0);
2089
- transform: translate3d(-100%, -100%, 0);
2090
- }
2091
- to {
2092
- opacity: 1;
2093
- -webkit-transform: translate3d(0, 0, 0);
2094
- transform: translate3d(0, 0, 0);
2095
- }
2096
- }
2097
- .animate__fadeInTopLeft {
2098
- -webkit-animation-name: fadeInTopLeft;
2099
- animation-name: fadeInTopLeft;
2100
- }
2101
- @-webkit-keyframes fadeInTopRight {
2102
- from {
2103
- opacity: 0;
2104
- -webkit-transform: translate3d(100%, -100%, 0);
2105
- transform: translate3d(100%, -100%, 0);
2106
- }
2107
- to {
2108
- opacity: 1;
2109
- -webkit-transform: translate3d(0, 0, 0);
2110
- transform: translate3d(0, 0, 0);
2111
- }
2112
- }
2113
- @keyframes fadeInTopRight {
2114
- from {
2115
- opacity: 0;
2116
- -webkit-transform: translate3d(100%, -100%, 0);
2117
- transform: translate3d(100%, -100%, 0);
2118
- }
2119
- to {
2120
- opacity: 1;
2121
- -webkit-transform: translate3d(0, 0, 0);
2122
- transform: translate3d(0, 0, 0);
2123
- }
2124
- }
2125
- .animate__fadeInTopRight {
2126
- -webkit-animation-name: fadeInTopRight;
2127
- animation-name: fadeInTopRight;
2128
- }
2129
- @-webkit-keyframes fadeInBottomLeft {
2130
- from {
2131
- opacity: 0;
2132
- -webkit-transform: translate3d(-100%, 100%, 0);
2133
- transform: translate3d(-100%, 100%, 0);
2134
- }
2135
- to {
2136
- opacity: 1;
2137
- -webkit-transform: translate3d(0, 0, 0);
2138
- transform: translate3d(0, 0, 0);
2139
- }
2140
- }
2141
- @keyframes fadeInBottomLeft {
2142
- from {
2143
- opacity: 0;
2144
- -webkit-transform: translate3d(-100%, 100%, 0);
2145
- transform: translate3d(-100%, 100%, 0);
2146
- }
2147
- to {
2148
- opacity: 1;
2149
- -webkit-transform: translate3d(0, 0, 0);
2150
- transform: translate3d(0, 0, 0);
2151
- }
2152
- }
2153
- .animate__fadeInBottomLeft {
2154
- -webkit-animation-name: fadeInBottomLeft;
2155
- animation-name: fadeInBottomLeft;
2156
- }
2157
- @-webkit-keyframes fadeInBottomRight {
2158
- from {
2159
- opacity: 0;
2160
- -webkit-transform: translate3d(100%, 100%, 0);
2161
- transform: translate3d(100%, 100%, 0);
2162
- }
2163
- to {
2164
- opacity: 1;
2165
- -webkit-transform: translate3d(0, 0, 0);
2166
- transform: translate3d(0, 0, 0);
2167
- }
2168
- }
2169
- @keyframes fadeInBottomRight {
2170
- from {
2171
- opacity: 0;
2172
- -webkit-transform: translate3d(100%, 100%, 0);
2173
- transform: translate3d(100%, 100%, 0);
2174
- }
2175
- to {
2176
- opacity: 1;
2177
- -webkit-transform: translate3d(0, 0, 0);
2178
- transform: translate3d(0, 0, 0);
2179
- }
2180
- }
2181
- .animate__fadeInBottomRight {
2182
- -webkit-animation-name: fadeInBottomRight;
2183
- animation-name: fadeInBottomRight;
2184
- }
2185
- /* Fading exits */
2186
- @-webkit-keyframes fadeOut {
2187
- from {
2188
- opacity: 1;
2189
- }
2190
-
2191
- to {
2192
- opacity: 0;
2193
- }
2194
- }
2195
- @keyframes fadeOut {
2196
- from {
2197
- opacity: 1;
2198
- }
2199
-
2200
- to {
2201
- opacity: 0;
2202
- }
2203
- }
2204
- .animate__fadeOut {
2205
- -webkit-animation-name: fadeOut;
2206
- animation-name: fadeOut;
2207
- }
2208
- @-webkit-keyframes fadeOutDown {
2209
- from {
2210
- opacity: 1;
2211
- }
2212
-
2213
- to {
2214
- opacity: 0;
2215
- -webkit-transform: translate3d(0, 100%, 0);
2216
- transform: translate3d(0, 100%, 0);
2217
- }
2218
- }
2219
- @keyframes fadeOutDown {
2220
- from {
2221
- opacity: 1;
2222
- }
2223
-
2224
- to {
2225
- opacity: 0;
2226
- -webkit-transform: translate3d(0, 100%, 0);
2227
- transform: translate3d(0, 100%, 0);
2228
- }
2229
- }
2230
- .animate__fadeOutDown {
2231
- -webkit-animation-name: fadeOutDown;
2232
- animation-name: fadeOutDown;
2233
- }
2234
- @-webkit-keyframes fadeOutDownBig {
2235
- from {
2236
- opacity: 1;
2237
- }
2238
-
2239
- to {
2240
- opacity: 0;
2241
- -webkit-transform: translate3d(0, 2000px, 0);
2242
- transform: translate3d(0, 2000px, 0);
2243
- }
2244
- }
2245
- @keyframes fadeOutDownBig {
2246
- from {
2247
- opacity: 1;
2248
- }
2249
-
2250
- to {
2251
- opacity: 0;
2252
- -webkit-transform: translate3d(0, 2000px, 0);
2253
- transform: translate3d(0, 2000px, 0);
2254
- }
2255
- }
2256
- .animate__fadeOutDownBig {
2257
- -webkit-animation-name: fadeOutDownBig;
2258
- animation-name: fadeOutDownBig;
2259
- }
2260
- @-webkit-keyframes fadeOutLeft {
2261
- from {
2262
- opacity: 1;
2263
- }
2264
-
2265
- to {
2266
- opacity: 0;
2267
- -webkit-transform: translate3d(-100%, 0, 0);
2268
- transform: translate3d(-100%, 0, 0);
2269
- }
2270
- }
2271
- @keyframes fadeOutLeft {
2272
- from {
2273
- opacity: 1;
2274
- }
2275
-
2276
- to {
2277
- opacity: 0;
2278
- -webkit-transform: translate3d(-100%, 0, 0);
2279
- transform: translate3d(-100%, 0, 0);
2280
- }
2281
- }
2282
- .animate__fadeOutLeft {
2283
- -webkit-animation-name: fadeOutLeft;
2284
- animation-name: fadeOutLeft;
2285
- }
2286
- @-webkit-keyframes fadeOutLeftBig {
2287
- from {
2288
- opacity: 1;
2289
- }
2290
-
2291
- to {
2292
- opacity: 0;
2293
- -webkit-transform: translate3d(-2000px, 0, 0);
2294
- transform: translate3d(-2000px, 0, 0);
2295
- }
2296
- }
2297
- @keyframes fadeOutLeftBig {
2298
- from {
2299
- opacity: 1;
2300
- }
2301
-
2302
- to {
2303
- opacity: 0;
2304
- -webkit-transform: translate3d(-2000px, 0, 0);
2305
- transform: translate3d(-2000px, 0, 0);
2306
- }
2307
- }
2308
- .animate__fadeOutLeftBig {
2309
- -webkit-animation-name: fadeOutLeftBig;
2310
- animation-name: fadeOutLeftBig;
2311
- }
2312
- @-webkit-keyframes fadeOutRight {
2313
- from {
2314
- opacity: 1;
2315
- }
2316
-
2317
- to {
2318
- opacity: 0;
2319
- -webkit-transform: translate3d(100%, 0, 0);
2320
- transform: translate3d(100%, 0, 0);
2321
- }
2322
- }
2323
- @keyframes fadeOutRight {
2324
- from {
2325
- opacity: 1;
2326
- }
2327
-
2328
- to {
2329
- opacity: 0;
2330
- -webkit-transform: translate3d(100%, 0, 0);
2331
- transform: translate3d(100%, 0, 0);
2332
- }
2333
- }
2334
- .animate__fadeOutRight {
2335
- -webkit-animation-name: fadeOutRight;
2336
- animation-name: fadeOutRight;
2337
- }
2338
- @-webkit-keyframes fadeOutRightBig {
2339
- from {
2340
- opacity: 1;
2341
- }
2342
-
2343
- to {
2344
- opacity: 0;
2345
- -webkit-transform: translate3d(2000px, 0, 0);
2346
- transform: translate3d(2000px, 0, 0);
2347
- }
2348
- }
2349
- @keyframes fadeOutRightBig {
2350
- from {
2351
- opacity: 1;
2352
- }
2353
-
2354
- to {
2355
- opacity: 0;
2356
- -webkit-transform: translate3d(2000px, 0, 0);
2357
- transform: translate3d(2000px, 0, 0);
2358
- }
2359
- }
2360
- .animate__fadeOutRightBig {
2361
- -webkit-animation-name: fadeOutRightBig;
2362
- animation-name: fadeOutRightBig;
2363
- }
2364
- @-webkit-keyframes fadeOutUp {
2365
- from {
2366
- opacity: 1;
2367
- }
2368
-
2369
- to {
2370
- opacity: 0;
2371
- -webkit-transform: translate3d(0, -100%, 0);
2372
- transform: translate3d(0, -100%, 0);
2373
- }
2374
- }
2375
- @keyframes fadeOutUp {
2376
- from {
2377
- opacity: 1;
2378
- }
2379
-
2380
- to {
2381
- opacity: 0;
2382
- -webkit-transform: translate3d(0, -100%, 0);
2383
- transform: translate3d(0, -100%, 0);
2384
- }
2385
- }
2386
- .animate__fadeOutUp {
2387
- -webkit-animation-name: fadeOutUp;
2388
- animation-name: fadeOutUp;
2389
- }
2390
- @-webkit-keyframes fadeOutUpBig {
2391
- from {
2392
- opacity: 1;
2393
- }
2394
-
2395
- to {
2396
- opacity: 0;
2397
- -webkit-transform: translate3d(0, -2000px, 0);
2398
- transform: translate3d(0, -2000px, 0);
2399
- }
2400
- }
2401
- @keyframes fadeOutUpBig {
2402
- from {
2403
- opacity: 1;
2404
- }
2405
-
2406
- to {
2407
- opacity: 0;
2408
- -webkit-transform: translate3d(0, -2000px, 0);
2409
- transform: translate3d(0, -2000px, 0);
2410
- }
2411
- }
2412
- .animate__fadeOutUpBig {
2413
- -webkit-animation-name: fadeOutUpBig;
2414
- animation-name: fadeOutUpBig;
2415
- }
2416
- @-webkit-keyframes fadeOutTopLeft {
2417
- from {
2418
- opacity: 1;
2419
- -webkit-transform: translate3d(0, 0, 0);
2420
- transform: translate3d(0, 0, 0);
2421
- }
2422
- to {
2423
- opacity: 0;
2424
- -webkit-transform: translate3d(-100%, -100%, 0);
2425
- transform: translate3d(-100%, -100%, 0);
2426
- }
2427
- }
2428
- @keyframes fadeOutTopLeft {
2429
- from {
2430
- opacity: 1;
2431
- -webkit-transform: translate3d(0, 0, 0);
2432
- transform: translate3d(0, 0, 0);
2433
- }
2434
- to {
2435
- opacity: 0;
2436
- -webkit-transform: translate3d(-100%, -100%, 0);
2437
- transform: translate3d(-100%, -100%, 0);
2438
- }
2439
- }
2440
- .animate__fadeOutTopLeft {
2441
- -webkit-animation-name: fadeOutTopLeft;
2442
- animation-name: fadeOutTopLeft;
2443
- }
2444
- @-webkit-keyframes fadeOutTopRight {
2445
- from {
2446
- opacity: 1;
2447
- -webkit-transform: translate3d(0, 0, 0);
2448
- transform: translate3d(0, 0, 0);
2449
- }
2450
- to {
2451
- opacity: 0;
2452
- -webkit-transform: translate3d(100%, -100%, 0);
2453
- transform: translate3d(100%, -100%, 0);
2454
- }
2455
- }
2456
- @keyframes fadeOutTopRight {
2457
- from {
2458
- opacity: 1;
2459
- -webkit-transform: translate3d(0, 0, 0);
2460
- transform: translate3d(0, 0, 0);
2461
- }
2462
- to {
2463
- opacity: 0;
2464
- -webkit-transform: translate3d(100%, -100%, 0);
2465
- transform: translate3d(100%, -100%, 0);
2466
- }
2467
- }
2468
- .animate__fadeOutTopRight {
2469
- -webkit-animation-name: fadeOutTopRight;
2470
- animation-name: fadeOutTopRight;
2471
- }
2472
- @-webkit-keyframes fadeOutBottomRight {
2473
- from {
2474
- opacity: 1;
2475
- -webkit-transform: translate3d(0, 0, 0);
2476
- transform: translate3d(0, 0, 0);
2477
- }
2478
- to {
2479
- opacity: 0;
2480
- -webkit-transform: translate3d(100%, 100%, 0);
2481
- transform: translate3d(100%, 100%, 0);
2482
- }
2483
- }
2484
- @keyframes fadeOutBottomRight {
2485
- from {
2486
- opacity: 1;
2487
- -webkit-transform: translate3d(0, 0, 0);
2488
- transform: translate3d(0, 0, 0);
2489
- }
2490
- to {
2491
- opacity: 0;
2492
- -webkit-transform: translate3d(100%, 100%, 0);
2493
- transform: translate3d(100%, 100%, 0);
2494
- }
2495
- }
2496
- .animate__fadeOutBottomRight {
2497
- -webkit-animation-name: fadeOutBottomRight;
2498
- animation-name: fadeOutBottomRight;
2499
- }
2500
- @-webkit-keyframes fadeOutBottomLeft {
2501
- from {
2502
- opacity: 1;
2503
- -webkit-transform: translate3d(0, 0, 0);
2504
- transform: translate3d(0, 0, 0);
2505
- }
2506
- to {
2507
- opacity: 0;
2508
- -webkit-transform: translate3d(-100%, 100%, 0);
2509
- transform: translate3d(-100%, 100%, 0);
2510
- }
2511
- }
2512
- @keyframes fadeOutBottomLeft {
2513
- from {
2514
- opacity: 1;
2515
- -webkit-transform: translate3d(0, 0, 0);
2516
- transform: translate3d(0, 0, 0);
2517
- }
2518
- to {
2519
- opacity: 0;
2520
- -webkit-transform: translate3d(-100%, 100%, 0);
2521
- transform: translate3d(-100%, 100%, 0);
2522
- }
2523
- }
2524
- .animate__fadeOutBottomLeft {
2525
- -webkit-animation-name: fadeOutBottomLeft;
2526
- animation-name: fadeOutBottomLeft;
2527
- }
2528
- /* Flippers */
2529
- @-webkit-keyframes flip {
2530
- from {
2531
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2532
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2533
- -webkit-animation-timing-function: ease-out;
2534
- animation-timing-function: ease-out;
2535
- }
2536
-
2537
- 40% {
2538
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2539
- rotate3d(0, 1, 0, -190deg);
2540
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2541
- rotate3d(0, 1, 0, -190deg);
2542
- -webkit-animation-timing-function: ease-out;
2543
- animation-timing-function: ease-out;
2544
- }
2545
-
2546
- 50% {
2547
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2548
- rotate3d(0, 1, 0, -170deg);
2549
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2550
- rotate3d(0, 1, 0, -170deg);
2551
- -webkit-animation-timing-function: ease-in;
2552
- animation-timing-function: ease-in;
2553
- }
2554
-
2555
- 80% {
2556
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2557
- rotate3d(0, 1, 0, 0deg);
2558
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2559
- rotate3d(0, 1, 0, 0deg);
2560
- -webkit-animation-timing-function: ease-in;
2561
- animation-timing-function: ease-in;
2562
- }
2563
-
2564
- to {
2565
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2566
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2567
- -webkit-animation-timing-function: ease-in;
2568
- animation-timing-function: ease-in;
2569
- }
2570
- }
2571
- @keyframes flip {
2572
- from {
2573
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2574
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
2575
- -webkit-animation-timing-function: ease-out;
2576
- animation-timing-function: ease-out;
2577
- }
2578
-
2579
- 40% {
2580
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2581
- rotate3d(0, 1, 0, -190deg);
2582
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2583
- rotate3d(0, 1, 0, -190deg);
2584
- -webkit-animation-timing-function: ease-out;
2585
- animation-timing-function: ease-out;
2586
- }
2587
-
2588
- 50% {
2589
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2590
- rotate3d(0, 1, 0, -170deg);
2591
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
2592
- rotate3d(0, 1, 0, -170deg);
2593
- -webkit-animation-timing-function: ease-in;
2594
- animation-timing-function: ease-in;
2595
- }
2596
-
2597
- 80% {
2598
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2599
- rotate3d(0, 1, 0, 0deg);
2600
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
2601
- rotate3d(0, 1, 0, 0deg);
2602
- -webkit-animation-timing-function: ease-in;
2603
- animation-timing-function: ease-in;
2604
- }
2605
-
2606
- to {
2607
- -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2608
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
2609
- -webkit-animation-timing-function: ease-in;
2610
- animation-timing-function: ease-in;
2611
- }
2612
- }
2613
- .animate__animated.animate__flip {
2614
- -webkit-backface-visibility: visible;
2615
- backface-visibility: visible;
2616
- -webkit-animation-name: flip;
2617
- animation-name: flip;
2618
- }
2619
- @-webkit-keyframes flipInX {
2620
- from {
2621
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2622
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2623
- -webkit-animation-timing-function: ease-in;
2624
- animation-timing-function: ease-in;
2625
- opacity: 0;
2626
- }
2627
-
2628
- 40% {
2629
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2630
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2631
- -webkit-animation-timing-function: ease-in;
2632
- animation-timing-function: ease-in;
2633
- }
2634
-
2635
- 60% {
2636
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2637
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2638
- opacity: 1;
2639
- }
2640
-
2641
- 80% {
2642
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2643
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2644
- }
2645
-
2646
- to {
2647
- -webkit-transform: perspective(400px);
2648
- transform: perspective(400px);
2649
- }
2650
- }
2651
- @keyframes flipInX {
2652
- from {
2653
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2654
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2655
- -webkit-animation-timing-function: ease-in;
2656
- animation-timing-function: ease-in;
2657
- opacity: 0;
2658
- }
2659
-
2660
- 40% {
2661
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2662
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2663
- -webkit-animation-timing-function: ease-in;
2664
- animation-timing-function: ease-in;
2665
- }
2666
-
2667
- 60% {
2668
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2669
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
2670
- opacity: 1;
2671
- }
2672
-
2673
- 80% {
2674
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2675
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
2676
- }
2677
-
2678
- to {
2679
- -webkit-transform: perspective(400px);
2680
- transform: perspective(400px);
2681
- }
2682
- }
2683
- .animate__flipInX {
2684
- -webkit-backface-visibility: visible !important;
2685
- backface-visibility: visible !important;
2686
- -webkit-animation-name: flipInX;
2687
- animation-name: flipInX;
2688
- }
2689
- @-webkit-keyframes flipInY {
2690
- from {
2691
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2692
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2693
- -webkit-animation-timing-function: ease-in;
2694
- animation-timing-function: ease-in;
2695
- opacity: 0;
2696
- }
2697
-
2698
- 40% {
2699
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2700
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2701
- -webkit-animation-timing-function: ease-in;
2702
- animation-timing-function: ease-in;
2703
- }
2704
-
2705
- 60% {
2706
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2707
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2708
- opacity: 1;
2709
- }
2710
-
2711
- 80% {
2712
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2713
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2714
- }
2715
-
2716
- to {
2717
- -webkit-transform: perspective(400px);
2718
- transform: perspective(400px);
2719
- }
2720
- }
2721
- @keyframes flipInY {
2722
- from {
2723
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2724
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2725
- -webkit-animation-timing-function: ease-in;
2726
- animation-timing-function: ease-in;
2727
- opacity: 0;
2728
- }
2729
-
2730
- 40% {
2731
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2732
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
2733
- -webkit-animation-timing-function: ease-in;
2734
- animation-timing-function: ease-in;
2735
- }
2736
-
2737
- 60% {
2738
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2739
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
2740
- opacity: 1;
2741
- }
2742
-
2743
- 80% {
2744
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2745
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
2746
- }
2747
-
2748
- to {
2749
- -webkit-transform: perspective(400px);
2750
- transform: perspective(400px);
2751
- }
2752
- }
2753
- .animate__flipInY {
2754
- -webkit-backface-visibility: visible !important;
2755
- backface-visibility: visible !important;
2756
- -webkit-animation-name: flipInY;
2757
- animation-name: flipInY;
2758
- }
2759
- @-webkit-keyframes flipOutX {
2760
- from {
2761
- -webkit-transform: perspective(400px);
2762
- transform: perspective(400px);
2763
- }
2764
-
2765
- 30% {
2766
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2767
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2768
- opacity: 1;
2769
- }
2770
-
2771
- to {
2772
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2773
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2774
- opacity: 0;
2775
- }
2776
- }
2777
- @keyframes flipOutX {
2778
- from {
2779
- -webkit-transform: perspective(400px);
2780
- transform: perspective(400px);
2781
- }
2782
-
2783
- 30% {
2784
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2785
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2786
- opacity: 1;
2787
- }
2788
-
2789
- to {
2790
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2791
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2792
- opacity: 0;
2793
- }
2794
- }
2795
- .animate__flipOutX {
2796
- -webkit-animation-duration: calc(1s * 0.75);
2797
- animation-duration: calc(1s * 0.75);
2798
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
2799
- animation-duration: calc(var(--animate-duration) * 0.75);
2800
- -webkit-animation-name: flipOutX;
2801
- animation-name: flipOutX;
2802
- -webkit-backface-visibility: visible !important;
2803
- backface-visibility: visible !important;
2804
- }
2805
- @-webkit-keyframes flipOutY {
2806
- from {
2807
- -webkit-transform: perspective(400px);
2808
- transform: perspective(400px);
2809
- }
2810
-
2811
- 30% {
2812
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2813
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2814
- opacity: 1;
2815
- }
2816
-
2817
- to {
2818
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2819
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2820
- opacity: 0;
2821
- }
2822
- }
2823
- @keyframes flipOutY {
2824
- from {
2825
- -webkit-transform: perspective(400px);
2826
- transform: perspective(400px);
2827
- }
2828
-
2829
- 30% {
2830
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2831
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2832
- opacity: 1;
2833
- }
2834
-
2835
- to {
2836
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2837
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2838
- opacity: 0;
2839
- }
2840
- }
2841
- .animate__flipOutY {
2842
- -webkit-animation-duration: calc(1s * 0.75);
2843
- animation-duration: calc(1s * 0.75);
2844
- -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
2845
- animation-duration: calc(var(--animate-duration) * 0.75);
2846
- -webkit-backface-visibility: visible !important;
2847
- backface-visibility: visible !important;
2848
- -webkit-animation-name: flipOutY;
2849
- animation-name: flipOutY;
2850
- }
2851
- /* Lightspeed */
2852
- @-webkit-keyframes lightSpeedInRight {
2853
- from {
2854
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2855
- transform: translate3d(100%, 0, 0) skewX(-30deg);
2856
- opacity: 0;
2857
- }
2858
-
2859
- 60% {
2860
- -webkit-transform: skewX(20deg);
2861
- transform: skewX(20deg);
2862
- opacity: 1;
2863
- }
2864
-
2865
- 80% {
2866
- -webkit-transform: skewX(-5deg);
2867
- transform: skewX(-5deg);
2868
- }
2869
-
2870
- to {
2871
- -webkit-transform: translate3d(0, 0, 0);
2872
- transform: translate3d(0, 0, 0);
2873
- }
2874
- }
2875
- @keyframes lightSpeedInRight {
2876
- from {
2877
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2878
- transform: translate3d(100%, 0, 0) skewX(-30deg);
2879
- opacity: 0;
2880
- }
2881
-
2882
- 60% {
2883
- -webkit-transform: skewX(20deg);
2884
- transform: skewX(20deg);
2885
- opacity: 1;
2886
- }
2887
-
2888
- 80% {
2889
- -webkit-transform: skewX(-5deg);
2890
- transform: skewX(-5deg);
2891
- }
2892
-
2893
- to {
2894
- -webkit-transform: translate3d(0, 0, 0);
2895
- transform: translate3d(0, 0, 0);
2896
- }
2897
- }
2898
- .animate__lightSpeedInRight {
2899
- -webkit-animation-name: lightSpeedInRight;
2900
- animation-name: lightSpeedInRight;
2901
- -webkit-animation-timing-function: ease-out;
2902
- animation-timing-function: ease-out;
2903
- }
2904
- @-webkit-keyframes lightSpeedInLeft {
2905
- from {
2906
- -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
2907
- transform: translate3d(-100%, 0, 0) skewX(30deg);
2908
- opacity: 0;
2909
- }
2910
-
2911
- 60% {
2912
- -webkit-transform: skewX(-20deg);
2913
- transform: skewX(-20deg);
2914
- opacity: 1;
2915
- }
2916
-
2917
- 80% {
2918
- -webkit-transform: skewX(5deg);
2919
- transform: skewX(5deg);
2920
- }
2921
-
2922
- to {
2923
- -webkit-transform: translate3d(0, 0, 0);
2924
- transform: translate3d(0, 0, 0);
2925
- }
2926
- }
2927
- @keyframes lightSpeedInLeft {
2928
- from {
2929
- -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
2930
- transform: translate3d(-100%, 0, 0) skewX(30deg);
2931
- opacity: 0;
2932
- }
2933
-
2934
- 60% {
2935
- -webkit-transform: skewX(-20deg);
2936
- transform: skewX(-20deg);
2937
- opacity: 1;
2938
- }
2939
-
2940
- 80% {
2941
- -webkit-transform: skewX(5deg);
2942
- transform: skewX(5deg);
2943
- }
2944
-
2945
- to {
2946
- -webkit-transform: translate3d(0, 0, 0);
2947
- transform: translate3d(0, 0, 0);
2948
- }
2949
- }
2950
- .animate__lightSpeedInLeft {
2951
- -webkit-animation-name: lightSpeedInLeft;
2952
- animation-name: lightSpeedInLeft;
2953
- -webkit-animation-timing-function: ease-out;
2954
- animation-timing-function: ease-out;
2955
- }
2956
- @-webkit-keyframes lightSpeedOutRight {
2957
- from {
2958
- opacity: 1;
2959
- }
2960
-
2961
- to {
2962
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2963
- transform: translate3d(100%, 0, 0) skewX(30deg);
2964
- opacity: 0;
2965
- }
2966
- }
2967
- @keyframes lightSpeedOutRight {
2968
- from {
2969
- opacity: 1;
2970
- }
2971
-
2972
- to {
2973
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2974
- transform: translate3d(100%, 0, 0) skewX(30deg);
2975
- opacity: 0;
2976
- }
2977
- }
2978
- .animate__lightSpeedOutRight {
2979
- -webkit-animation-name: lightSpeedOutRight;
2980
- animation-name: lightSpeedOutRight;
2981
- -webkit-animation-timing-function: ease-in;
2982
- animation-timing-function: ease-in;
2983
- }
2984
- @-webkit-keyframes lightSpeedOutLeft {
2985
- from {
2986
- opacity: 1;
2987
- }
2988
-
2989
- to {
2990
- -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
2991
- transform: translate3d(-100%, 0, 0) skewX(-30deg);
2992
- opacity: 0;
2993
- }
2994
- }
2995
- @keyframes lightSpeedOutLeft {
2996
- from {
2997
- opacity: 1;
2998
- }
2999
-
3000
- to {
3001
- -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
3002
- transform: translate3d(-100%, 0, 0) skewX(-30deg);
3003
- opacity: 0;
3004
- }
3005
- }
3006
- .animate__lightSpeedOutLeft {
3007
- -webkit-animation-name: lightSpeedOutLeft;
3008
- animation-name: lightSpeedOutLeft;
3009
- -webkit-animation-timing-function: ease-in;
3010
- animation-timing-function: ease-in;
3011
- }
3012
- /* Rotating entrances */
3013
- @-webkit-keyframes rotateIn {
3014
- from {
3015
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
3016
- transform: rotate3d(0, 0, 1, -200deg);
3017
- opacity: 0;
3018
- }
3019
-
3020
- to {
3021
- -webkit-transform: translate3d(0, 0, 0);
3022
- transform: translate3d(0, 0, 0);
3023
- opacity: 1;
3024
- }
3025
- }
3026
- @keyframes rotateIn {
3027
- from {
3028
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
3029
- transform: rotate3d(0, 0, 1, -200deg);
3030
- opacity: 0;
3031
- }
3032
-
3033
- to {
3034
- -webkit-transform: translate3d(0, 0, 0);
3035
- transform: translate3d(0, 0, 0);
3036
- opacity: 1;
3037
- }
3038
- }
3039
- .animate__rotateIn {
3040
- -webkit-animation-name: rotateIn;
3041
- animation-name: rotateIn;
3042
- -webkit-transform-origin: center;
3043
- transform-origin: center;
3044
- }
3045
- @-webkit-keyframes rotateInDownLeft {
3046
- from {
3047
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
3048
- transform: rotate3d(0, 0, 1, -45deg);
3049
- opacity: 0;
3050
- }
3051
-
3052
- to {
3053
- -webkit-transform: translate3d(0, 0, 0);
3054
- transform: translate3d(0, 0, 0);
3055
- opacity: 1;
3056
- }
3057
- }
3058
- @keyframes rotateInDownLeft {
3059
- from {
3060
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
3061
- transform: rotate3d(0, 0, 1, -45deg);
3062
- opacity: 0;
3063
- }
3064
-
3065
- to {
3066
- -webkit-transform: translate3d(0, 0, 0);
3067
- transform: translate3d(0, 0, 0);
3068
- opacity: 1;
3069
- }
3070
- }
3071
- .animate__rotateInDownLeft {
3072
- -webkit-animation-name: rotateInDownLeft;
3073
- animation-name: rotateInDownLeft;
3074
- -webkit-transform-origin: left bottom;
3075
- transform-origin: left bottom;
3076
- }
3077
- @-webkit-keyframes rotateInDownRight {
3078
- from {
3079
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
3080
- transform: rotate3d(0, 0, 1, 45deg);
3081
- opacity: 0;
3082
- }
3083
-
3084
- to {
3085
- -webkit-transform: translate3d(0, 0, 0);
3086
- transform: translate3d(0, 0, 0);
3087
- opacity: 1;
3088
- }
3089
- }
3090
- @keyframes rotateInDownRight {
3091
- from {
3092
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
3093
- transform: rotate3d(0, 0, 1, 45deg);
3094
- opacity: 0;
3095
- }
3096
-
3097
- to {
3098
- -webkit-transform: translate3d(0, 0, 0);
3099
- transform: translate3d(0, 0, 0);
3100
- opacity: 1;
3101
- }
3102
- }
3103
- .animate__rotateInDownRight {
3104
- -webkit-animation-name: rotateInDownRight;
3105
- animation-name: rotateInDownRight;
3106
- -webkit-transform-origin: right bottom;
3107
- transform-origin: right bottom;
3108
- }
3109
- @-webkit-keyframes rotateInUpLeft {
3110
- from {
3111
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
3112
- transform: rotate3d(0, 0, 1, 45deg);
3113
- opacity: 0;
3114
- }
3115
-
3116
- to {
3117
- -webkit-transform: translate3d(0, 0, 0);
3118
- transform: translate3d(0, 0, 0);
3119
- opacity: 1;
3120
- }
3121
- }
3122
- @keyframes rotateInUpLeft {
3123
- from {
3124
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
3125
- transform: rotate3d(0, 0, 1, 45deg);
3126
- opacity: 0;
3127
- }
3128
-
3129
- to {
3130
- -webkit-transform: translate3d(0, 0, 0);
3131
- transform: translate3d(0, 0, 0);
3132
- opacity: 1;
3133
- }
3134
- }
3135
- .animate__rotateInUpLeft {
3136
- -webkit-animation-name: rotateInUpLeft;
3137
- animation-name: rotateInUpLeft;
3138
- -webkit-transform-origin: left bottom;
3139
- transform-origin: left bottom;
3140
- }
3141
- @-webkit-keyframes rotateInUpRight {
3142
- from {
3143
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
3144
- transform: rotate3d(0, 0, 1, -90deg);
3145
- opacity: 0;
3146
- }
3147
-
3148
- to {
3149
- -webkit-transform: translate3d(0, 0, 0);
3150
- transform: translate3d(0, 0, 0);
3151
- opacity: 1;
3152
- }
3153
- }
3154
- @keyframes rotateInUpRight {
3155
- from {
3156
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
3157
- transform: rotate3d(0, 0, 1, -90deg);
3158
- opacity: 0;
3159
- }
3160
-
3161
- to {
3162
- -webkit-transform: translate3d(0, 0, 0);
3163
- transform: translate3d(0, 0, 0);
3164
- opacity: 1;
3165
- }
3166
- }
3167
- .animate__rotateInUpRight {
3168
- -webkit-animation-name: rotateInUpRight;
3169
- animation-name: rotateInUpRight;
3170
- -webkit-transform-origin: right bottom;
3171
- transform-origin: right bottom;
3172
- }
3173
- /* Rotating exits */
3174
- @-webkit-keyframes rotateOut {
3175
- from {
3176
- opacity: 1;
3177
- }
3178
-
3179
- to {
3180
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
3181
- transform: rotate3d(0, 0, 1, 200deg);
3182
- opacity: 0;
3183
- }
3184
- }
3185
- @keyframes rotateOut {
3186
- from {
3187
- opacity: 1;
3188
- }
3189
-
3190
- to {
3191
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
3192
- transform: rotate3d(0, 0, 1, 200deg);
3193
- opacity: 0;
3194
- }
3195
- }
3196
- .animate__rotateOut {
3197
- -webkit-animation-name: rotateOut;
3198
- animation-name: rotateOut;
3199
- -webkit-transform-origin: center;
3200
- transform-origin: center;
3201
- }
3202
- @-webkit-keyframes rotateOutDownLeft {
3203
- from {
3204
- opacity: 1;
3205
- }
3206
-
3207
- to {
3208
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
3209
- transform: rotate3d(0, 0, 1, 45deg);
3210
- opacity: 0;
3211
- }
3212
- }
3213
- @keyframes rotateOutDownLeft {
3214
- from {
3215
- opacity: 1;
3216
- }
3217
-
3218
- to {
3219
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
3220
- transform: rotate3d(0, 0, 1, 45deg);
3221
- opacity: 0;
3222
- }
3223
- }
3224
- .animate__rotateOutDownLeft {
3225
- -webkit-animation-name: rotateOutDownLeft;
3226
- animation-name: rotateOutDownLeft;
3227
- -webkit-transform-origin: left bottom;
3228
- transform-origin: left bottom;
3229
- }
3230
- @-webkit-keyframes rotateOutDownRight {
3231
- from {
3232
- opacity: 1;
3233
- }
3234
-
3235
- to {
3236
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
3237
- transform: rotate3d(0, 0, 1, -45deg);
3238
- opacity: 0;
3239
- }
3240
- }
3241
- @keyframes rotateOutDownRight {
3242
- from {
3243
- opacity: 1;
3244
- }
3245
-
3246
- to {
3247
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
3248
- transform: rotate3d(0, 0, 1, -45deg);
3249
- opacity: 0;
3250
- }
3251
- }
3252
- .animate__rotateOutDownRight {
3253
- -webkit-animation-name: rotateOutDownRight;
3254
- animation-name: rotateOutDownRight;
3255
- -webkit-transform-origin: right bottom;
3256
- transform-origin: right bottom;
3257
- }
3258
- @-webkit-keyframes rotateOutUpLeft {
3259
- from {
3260
- opacity: 1;
3261
- }
3262
-
3263
- to {
3264
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
3265
- transform: rotate3d(0, 0, 1, -45deg);
3266
- opacity: 0;
3267
- }
3268
- }
3269
- @keyframes rotateOutUpLeft {
3270
- from {
3271
- opacity: 1;
3272
- }
3273
-
3274
- to {
3275
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
3276
- transform: rotate3d(0, 0, 1, -45deg);
3277
- opacity: 0;
3278
- }
3279
- }
3280
- .animate__rotateOutUpLeft {
3281
- -webkit-animation-name: rotateOutUpLeft;
3282
- animation-name: rotateOutUpLeft;
3283
- -webkit-transform-origin: left bottom;
3284
- transform-origin: left bottom;
3285
- }
3286
- @-webkit-keyframes rotateOutUpRight {
3287
- from {
3288
- opacity: 1;
3289
- }
3290
-
3291
- to {
3292
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
3293
- transform: rotate3d(0, 0, 1, 90deg);
3294
- opacity: 0;
3295
- }
3296
- }
3297
- @keyframes rotateOutUpRight {
3298
- from {
3299
- opacity: 1;
3300
- }
3301
-
3302
- to {
3303
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
3304
- transform: rotate3d(0, 0, 1, 90deg);
3305
- opacity: 0;
3306
- }
3307
- }
3308
- .animate__rotateOutUpRight {
3309
- -webkit-animation-name: rotateOutUpRight;
3310
- animation-name: rotateOutUpRight;
3311
- -webkit-transform-origin: right bottom;
3312
- transform-origin: right bottom;
3313
- }
3314
- /* Specials */
3315
- @-webkit-keyframes hinge {
3316
- 0% {
3317
- -webkit-animation-timing-function: ease-in-out;
3318
- animation-timing-function: ease-in-out;
3319
- }
3320
-
3321
- 20%,
3322
- 60% {
3323
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
3324
- transform: rotate3d(0, 0, 1, 80deg);
3325
- -webkit-animation-timing-function: ease-in-out;
3326
- animation-timing-function: ease-in-out;
3327
- }
3328
-
3329
- 40%,
3330
- 80% {
3331
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
3332
- transform: rotate3d(0, 0, 1, 60deg);
3333
- -webkit-animation-timing-function: ease-in-out;
3334
- animation-timing-function: ease-in-out;
3335
- opacity: 1;
3336
- }
3337
-
3338
- to {
3339
- -webkit-transform: translate3d(0, 700px, 0);
3340
- transform: translate3d(0, 700px, 0);
3341
- opacity: 0;
3342
- }
3343
- }
3344
- @keyframes hinge {
3345
- 0% {
3346
- -webkit-animation-timing-function: ease-in-out;
3347
- animation-timing-function: ease-in-out;
3348
- }
3349
-
3350
- 20%,
3351
- 60% {
3352
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
3353
- transform: rotate3d(0, 0, 1, 80deg);
3354
- -webkit-animation-timing-function: ease-in-out;
3355
- animation-timing-function: ease-in-out;
3356
- }
3357
-
3358
- 40%,
3359
- 80% {
3360
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
3361
- transform: rotate3d(0, 0, 1, 60deg);
3362
- -webkit-animation-timing-function: ease-in-out;
3363
- animation-timing-function: ease-in-out;
3364
- opacity: 1;
3365
- }
3366
-
3367
- to {
3368
- -webkit-transform: translate3d(0, 700px, 0);
3369
- transform: translate3d(0, 700px, 0);
3370
- opacity: 0;
3371
- }
3372
- }
3373
- .animate__hinge {
3374
- -webkit-animation-duration: calc(1s * 2);
3375
- animation-duration: calc(1s * 2);
3376
- -webkit-animation-duration: calc(var(--animate-duration) * 2);
3377
- animation-duration: calc(var(--animate-duration) * 2);
3378
- -webkit-animation-name: hinge;
3379
- animation-name: hinge;
3380
- -webkit-transform-origin: top left;
3381
- transform-origin: top left;
3382
- }
3383
- @-webkit-keyframes jackInTheBox {
3384
- from {
3385
- opacity: 0;
3386
- -webkit-transform: scale(0.1) rotate(30deg);
3387
- transform: scale(0.1) rotate(30deg);
3388
- -webkit-transform-origin: center bottom;
3389
- transform-origin: center bottom;
3390
- }
3391
-
3392
- 50% {
3393
- -webkit-transform: rotate(-10deg);
3394
- transform: rotate(-10deg);
3395
- }
3396
-
3397
- 70% {
3398
- -webkit-transform: rotate(3deg);
3399
- transform: rotate(3deg);
3400
- }
3401
-
3402
- to {
3403
- opacity: 1;
3404
- -webkit-transform: scale(1);
3405
- transform: scale(1);
3406
- }
3407
- }
3408
- @keyframes jackInTheBox {
3409
- from {
3410
- opacity: 0;
3411
- -webkit-transform: scale(0.1) rotate(30deg);
3412
- transform: scale(0.1) rotate(30deg);
3413
- -webkit-transform-origin: center bottom;
3414
- transform-origin: center bottom;
3415
- }
3416
-
3417
- 50% {
3418
- -webkit-transform: rotate(-10deg);
3419
- transform: rotate(-10deg);
3420
- }
3421
-
3422
- 70% {
3423
- -webkit-transform: rotate(3deg);
3424
- transform: rotate(3deg);
3425
- }
3426
-
3427
- to {
3428
- opacity: 1;
3429
- -webkit-transform: scale(1);
3430
- transform: scale(1);
3431
- }
3432
- }
3433
- .animate__jackInTheBox {
3434
- -webkit-animation-name: jackInTheBox;
3435
- animation-name: jackInTheBox;
3436
- }
3437
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3438
- @-webkit-keyframes rollIn {
3439
- from {
3440
- opacity: 0;
3441
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3442
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3443
- }
3444
-
3445
- to {
3446
- opacity: 1;
3447
- -webkit-transform: translate3d(0, 0, 0);
3448
- transform: translate3d(0, 0, 0);
3449
- }
3450
- }
3451
- @keyframes rollIn {
3452
- from {
3453
- opacity: 0;
3454
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3455
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
3456
- }
3457
-
3458
- to {
3459
- opacity: 1;
3460
- -webkit-transform: translate3d(0, 0, 0);
3461
- transform: translate3d(0, 0, 0);
3462
- }
3463
- }
3464
- .animate__rollIn {
3465
- -webkit-animation-name: rollIn;
3466
- animation-name: rollIn;
3467
- }
3468
- /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
3469
- @-webkit-keyframes rollOut {
3470
- from {
3471
- opacity: 1;
3472
- }
3473
-
3474
- to {
3475
- opacity: 0;
3476
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3477
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3478
- }
3479
- }
3480
- @keyframes rollOut {
3481
- from {
3482
- opacity: 1;
3483
- }
3484
-
3485
- to {
3486
- opacity: 0;
3487
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3488
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
3489
- }
3490
- }
3491
- .animate__rollOut {
3492
- -webkit-animation-name: rollOut;
3493
- animation-name: rollOut;
3494
- }
3495
- /* Zooming entrances */
3496
- @-webkit-keyframes zoomIn {
3497
- from {
3498
- opacity: 0;
3499
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
3500
- transform: scale3d(0.3, 0.3, 0.3);
3501
- }
3502
-
3503
- 50% {
3504
- opacity: 1;
3505
- }
3506
- }
3507
- @keyframes zoomIn {
3508
- from {
3509
- opacity: 0;
3510
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
3511
- transform: scale3d(0.3, 0.3, 0.3);
3512
- }
3513
-
3514
- 50% {
3515
- opacity: 1;
3516
- }
3517
- }
3518
- .animate__zoomIn {
3519
- -webkit-animation-name: zoomIn;
3520
- animation-name: zoomIn;
3521
- }
3522
- @-webkit-keyframes zoomInDown {
3523
- from {
3524
- opacity: 0;
3525
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3526
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3527
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3528
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3529
- }
3530
-
3531
- 60% {
3532
- opacity: 1;
3533
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3534
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3535
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3536
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3537
- }
3538
- }
3539
- @keyframes zoomInDown {
3540
- from {
3541
- opacity: 0;
3542
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3543
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
3544
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3545
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3546
- }
3547
-
3548
- 60% {
3549
- opacity: 1;
3550
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3551
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3552
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3553
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3554
- }
3555
- }
3556
- .animate__zoomInDown {
3557
- -webkit-animation-name: zoomInDown;
3558
- animation-name: zoomInDown;
3559
- }
3560
- @-webkit-keyframes zoomInLeft {
3561
- from {
3562
- opacity: 0;
3563
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3564
- transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3565
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3566
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3567
- }
3568
-
3569
- 60% {
3570
- opacity: 1;
3571
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3572
- transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3573
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3574
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3575
- }
3576
- }
3577
- @keyframes zoomInLeft {
3578
- from {
3579
- opacity: 0;
3580
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3581
- transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
3582
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3583
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3584
- }
3585
-
3586
- 60% {
3587
- opacity: 1;
3588
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3589
- transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
3590
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3591
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3592
- }
3593
- }
3594
- .animate__zoomInLeft {
3595
- -webkit-animation-name: zoomInLeft;
3596
- animation-name: zoomInLeft;
3597
- }
3598
- @-webkit-keyframes zoomInRight {
3599
- from {
3600
- opacity: 0;
3601
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3602
- transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3603
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3604
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3605
- }
3606
-
3607
- 60% {
3608
- opacity: 1;
3609
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3610
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3611
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3612
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3613
- }
3614
- }
3615
- @keyframes zoomInRight {
3616
- from {
3617
- opacity: 0;
3618
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3619
- transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
3620
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3621
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3622
- }
3623
-
3624
- 60% {
3625
- opacity: 1;
3626
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3627
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
3628
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3629
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3630
- }
3631
- }
3632
- .animate__zoomInRight {
3633
- -webkit-animation-name: zoomInRight;
3634
- animation-name: zoomInRight;
3635
- }
3636
- @-webkit-keyframes zoomInUp {
3637
- from {
3638
- opacity: 0;
3639
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3640
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3641
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3642
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3643
- }
3644
-
3645
- 60% {
3646
- opacity: 1;
3647
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3648
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3649
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3650
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3651
- }
3652
- }
3653
- @keyframes zoomInUp {
3654
- from {
3655
- opacity: 0;
3656
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3657
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
3658
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3659
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3660
- }
3661
-
3662
- 60% {
3663
- opacity: 1;
3664
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3665
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3666
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3667
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3668
- }
3669
- }
3670
- .animate__zoomInUp {
3671
- -webkit-animation-name: zoomInUp;
3672
- animation-name: zoomInUp;
3673
- }
3674
- /* Zooming exits */
3675
- @-webkit-keyframes zoomOut {
3676
- from {
3677
- opacity: 1;
3678
- }
3679
-
3680
- 50% {
3681
- opacity: 0;
3682
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
3683
- transform: scale3d(0.3, 0.3, 0.3);
3684
- }
3685
-
3686
- to {
3687
- opacity: 0;
3688
- }
3689
- }
3690
- @keyframes zoomOut {
3691
- from {
3692
- opacity: 1;
3693
- }
3694
-
3695
- 50% {
3696
- opacity: 0;
3697
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
3698
- transform: scale3d(0.3, 0.3, 0.3);
3699
- }
3700
-
3701
- to {
3702
- opacity: 0;
3703
- }
3704
- }
3705
- .animate__zoomOut {
3706
- -webkit-animation-name: zoomOut;
3707
- animation-name: zoomOut;
3708
- }
3709
- @-webkit-keyframes zoomOutDown {
3710
- 40% {
3711
- opacity: 1;
3712
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3713
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3714
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3715
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3716
- }
3717
-
3718
- to {
3719
- opacity: 0;
3720
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3721
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3722
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3723
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3724
- }
3725
- }
3726
- @keyframes zoomOutDown {
3727
- 40% {
3728
- opacity: 1;
3729
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3730
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
3731
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3732
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3733
- }
3734
-
3735
- to {
3736
- opacity: 0;
3737
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3738
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
3739
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3740
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3741
- }
3742
- }
3743
- .animate__zoomOutDown {
3744
- -webkit-animation-name: zoomOutDown;
3745
- animation-name: zoomOutDown;
3746
- -webkit-transform-origin: center bottom;
3747
- transform-origin: center bottom;
3748
- }
3749
- @-webkit-keyframes zoomOutLeft {
3750
- 40% {
3751
- opacity: 1;
3752
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3753
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3754
- }
3755
-
3756
- to {
3757
- opacity: 0;
3758
- -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
3759
- transform: scale(0.1) translate3d(-2000px, 0, 0);
3760
- }
3761
- }
3762
- @keyframes zoomOutLeft {
3763
- 40% {
3764
- opacity: 1;
3765
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3766
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
3767
- }
3768
-
3769
- to {
3770
- opacity: 0;
3771
- -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
3772
- transform: scale(0.1) translate3d(-2000px, 0, 0);
3773
- }
3774
- }
3775
- .animate__zoomOutLeft {
3776
- -webkit-animation-name: zoomOutLeft;
3777
- animation-name: zoomOutLeft;
3778
- -webkit-transform-origin: left center;
3779
- transform-origin: left center;
3780
- }
3781
- @-webkit-keyframes zoomOutRight {
3782
- 40% {
3783
- opacity: 1;
3784
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3785
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3786
- }
3787
-
3788
- to {
3789
- opacity: 0;
3790
- -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
3791
- transform: scale(0.1) translate3d(2000px, 0, 0);
3792
- }
3793
- }
3794
- @keyframes zoomOutRight {
3795
- 40% {
3796
- opacity: 1;
3797
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3798
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
3799
- }
3800
-
3801
- to {
3802
- opacity: 0;
3803
- -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
3804
- transform: scale(0.1) translate3d(2000px, 0, 0);
3805
- }
3806
- }
3807
- .animate__zoomOutRight {
3808
- -webkit-animation-name: zoomOutRight;
3809
- animation-name: zoomOutRight;
3810
- -webkit-transform-origin: right center;
3811
- transform-origin: right center;
3812
- }
3813
- @-webkit-keyframes zoomOutUp {
3814
- 40% {
3815
- opacity: 1;
3816
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3817
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3818
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3819
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3820
- }
3821
-
3822
- to {
3823
- opacity: 0;
3824
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3825
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3826
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3827
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3828
- }
3829
- }
3830
- @keyframes zoomOutUp {
3831
- 40% {
3832
- opacity: 1;
3833
- -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3834
- transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
3835
- -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3836
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
3837
- }
3838
-
3839
- to {
3840
- opacity: 0;
3841
- -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3842
- transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
3843
- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3844
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
3845
- }
3846
- }
3847
- .animate__zoomOutUp {
3848
- -webkit-animation-name: zoomOutUp;
3849
- animation-name: zoomOutUp;
3850
- -webkit-transform-origin: center bottom;
3851
- transform-origin: center bottom;
3852
- }
3853
- /* Sliding entrances */
3854
- @-webkit-keyframes slideInDown {
3855
- from {
3856
- -webkit-transform: translate3d(0, -100%, 0);
3857
- transform: translate3d(0, -100%, 0);
3858
- visibility: visible;
3859
- }
3860
-
3861
- to {
3862
- -webkit-transform: translate3d(0, 0, 0);
3863
- transform: translate3d(0, 0, 0);
3864
- }
3865
- }
3866
- @keyframes slideInDown {
3867
- from {
3868
- -webkit-transform: translate3d(0, -100%, 0);
3869
- transform: translate3d(0, -100%, 0);
3870
- visibility: visible;
3871
- }
3872
-
3873
- to {
3874
- -webkit-transform: translate3d(0, 0, 0);
3875
- transform: translate3d(0, 0, 0);
3876
- }
3877
- }
3878
- .animate__slideInDown {
3879
- -webkit-animation-name: slideInDown;
3880
- animation-name: slideInDown;
3881
- }
3882
- @-webkit-keyframes slideInLeft {
3883
- from {
3884
- -webkit-transform: translate3d(-100%, 0, 0);
3885
- transform: translate3d(-100%, 0, 0);
3886
- visibility: visible;
3887
- }
3888
-
3889
- to {
3890
- -webkit-transform: translate3d(0, 0, 0);
3891
- transform: translate3d(0, 0, 0);
3892
- }
3893
- }
3894
- @keyframes slideInLeft {
3895
- from {
3896
- -webkit-transform: translate3d(-100%, 0, 0);
3897
- transform: translate3d(-100%, 0, 0);
3898
- visibility: visible;
3899
- }
3900
-
3901
- to {
3902
- -webkit-transform: translate3d(0, 0, 0);
3903
- transform: translate3d(0, 0, 0);
3904
- }
3905
- }
3906
- .animate__slideInLeft {
3907
- -webkit-animation-name: slideInLeft;
3908
- animation-name: slideInLeft;
3909
- }
3910
- @-webkit-keyframes slideInRight {
3911
- from {
3912
- -webkit-transform: translate3d(100%, 0, 0);
3913
- transform: translate3d(100%, 0, 0);
3914
- visibility: visible;
3915
- }
3916
-
3917
- to {
3918
- -webkit-transform: translate3d(0, 0, 0);
3919
- transform: translate3d(0, 0, 0);
3920
- }
3921
- }
3922
- @keyframes slideInRight {
3923
- from {
3924
- -webkit-transform: translate3d(100%, 0, 0);
3925
- transform: translate3d(100%, 0, 0);
3926
- visibility: visible;
3927
- }
3928
-
3929
- to {
3930
- -webkit-transform: translate3d(0, 0, 0);
3931
- transform: translate3d(0, 0, 0);
3932
- }
3933
- }
3934
- .animate__slideInRight {
3935
- -webkit-animation-name: slideInRight;
3936
- animation-name: slideInRight;
3937
- }
3938
- @-webkit-keyframes slideInUp {
3939
- from {
3940
- -webkit-transform: translate3d(0, 100%, 0);
3941
- transform: translate3d(0, 100%, 0);
3942
- visibility: visible;
3943
- }
3944
-
3945
- to {
3946
- -webkit-transform: translate3d(0, 0, 0);
3947
- transform: translate3d(0, 0, 0);
3948
- }
3949
- }
3950
- @keyframes slideInUp {
3951
- from {
3952
- -webkit-transform: translate3d(0, 100%, 0);
3953
- transform: translate3d(0, 100%, 0);
3954
- visibility: visible;
3955
- }
3956
-
3957
- to {
3958
- -webkit-transform: translate3d(0, 0, 0);
3959
- transform: translate3d(0, 0, 0);
3960
- }
3961
- }
3962
- .animate__slideInUp {
3963
- -webkit-animation-name: slideInUp;
3964
- animation-name: slideInUp;
3965
- }
3966
- /* Sliding exits */
3967
- @-webkit-keyframes slideOutDown {
3968
- from {
3969
- -webkit-transform: translate3d(0, 0, 0);
3970
- transform: translate3d(0, 0, 0);
3971
- }
3972
-
3973
- to {
3974
- visibility: hidden;
3975
- -webkit-transform: translate3d(0, 100%, 0);
3976
- transform: translate3d(0, 100%, 0);
3977
- }
3978
- }
3979
- @keyframes slideOutDown {
3980
- from {
3981
- -webkit-transform: translate3d(0, 0, 0);
3982
- transform: translate3d(0, 0, 0);
3983
- }
3984
-
3985
- to {
3986
- visibility: hidden;
3987
- -webkit-transform: translate3d(0, 100%, 0);
3988
- transform: translate3d(0, 100%, 0);
3989
- }
3990
- }
3991
- .animate__slideOutDown {
3992
- -webkit-animation-name: slideOutDown;
3993
- animation-name: slideOutDown;
3994
- }
3995
- @-webkit-keyframes slideOutLeft {
3996
- from {
3997
- -webkit-transform: translate3d(0, 0, 0);
3998
- transform: translate3d(0, 0, 0);
3999
- }
4000
-
4001
- to {
4002
- visibility: hidden;
4003
- -webkit-transform: translate3d(-100%, 0, 0);
4004
- transform: translate3d(-100%, 0, 0);
4005
- }
4006
- }
4007
- @keyframes slideOutLeft {
4008
- from {
4009
- -webkit-transform: translate3d(0, 0, 0);
4010
- transform: translate3d(0, 0, 0);
4011
- }
4012
-
4013
- to {
4014
- visibility: hidden;
4015
- -webkit-transform: translate3d(-100%, 0, 0);
4016
- transform: translate3d(-100%, 0, 0);
4017
- }
4018
- }
4019
- .animate__slideOutLeft {
4020
- -webkit-animation-name: slideOutLeft;
4021
- animation-name: slideOutLeft;
4022
- }
4023
- @-webkit-keyframes slideOutRight {
4024
- from {
4025
- -webkit-transform: translate3d(0, 0, 0);
4026
- transform: translate3d(0, 0, 0);
4027
- }
4028
-
4029
- to {
4030
- visibility: hidden;
4031
- -webkit-transform: translate3d(100%, 0, 0);
4032
- transform: translate3d(100%, 0, 0);
4033
- }
4034
- }
4035
- @keyframes slideOutRight {
4036
- from {
4037
- -webkit-transform: translate3d(0, 0, 0);
4038
- transform: translate3d(0, 0, 0);
4039
- }
4040
-
4041
- to {
4042
- visibility: hidden;
4043
- -webkit-transform: translate3d(100%, 0, 0);
4044
- transform: translate3d(100%, 0, 0);
4045
- }
4046
- }
4047
- .animate__slideOutRight {
4048
- -webkit-animation-name: slideOutRight;
4049
- animation-name: slideOutRight;
4050
- }
4051
- @-webkit-keyframes slideOutUp {
4052
- from {
4053
- -webkit-transform: translate3d(0, 0, 0);
4054
- transform: translate3d(0, 0, 0);
4055
- }
4056
-
4057
- to {
4058
- visibility: hidden;
4059
- -webkit-transform: translate3d(0, -100%, 0);
4060
- transform: translate3d(0, -100%, 0);
4061
- }
4062
- }
4063
- @keyframes slideOutUp {
4064
- from {
4065
- -webkit-transform: translate3d(0, 0, 0);
4066
- transform: translate3d(0, 0, 0);
4067
- }
4068
-
4069
- to {
4070
- visibility: hidden;
4071
- -webkit-transform: translate3d(0, -100%, 0);
4072
- transform: translate3d(0, -100%, 0);
4073
- }
4074
- }
4075
- .animate__slideOutUp {
4076
- -webkit-animation-name: slideOutUp;
4077
- animation-name: slideOutUp;
4078
- }
4079
- `;
4080
- class Animation extends WJElement {
4081
- /**
4082
- * Constructor for the Animation class.
4083
- */
4
+ import { fetchAndParseCSS as t } from "./animations.js";
5
+ import a from "./wje-element.js";
6
+ class e extends a {
4084
7
  constructor() {
4085
8
  super();
4086
- /**
4087
- * The class name for the Animation element.
4088
- * @type {string}
4089
- */
4090
9
  __publicField(this, "className", "Animation");
4091
10
  this._animations = [];
4092
11
  }
4093
- /**
4094
- * Setter for the name attribute.
4095
- * @param value
4096
- */
4097
- set name(value) {
4098
- this.setAttribute("name", value);
12
+ set name(t2) {
13
+ this.setAttribute("name", t2);
4099
14
  }
4100
- /**
4101
- * Getter for the name attribute.
4102
- * @returns {string}
4103
- */
4104
15
  get name() {
4105
16
  return this.getAttribute("name") || "heartBeat";
4106
17
  }
4107
- /**
4108
- * Setter for the name attribute.
4109
- * @param value
4110
- */
4111
- set duration(value) {
4112
- this.setAttribute("duration", value);
18
+ set duration(t2) {
19
+ this.setAttribute("duration", t2);
4113
20
  }
4114
- /**
4115
- * Getter for the name attribute.
4116
- * @returns {number}
4117
- */
4118
21
  get duration() {
4119
22
  return +this.getAttribute("duration") || 1e3;
4120
23
  }
4121
- /**
4122
- * Setter for the name attribute.
4123
- * @param value
4124
- */
4125
- set delay(value) {
4126
- this.setAttribute("delay", value);
24
+ set delay(t2) {
25
+ this.setAttribute("delay", t2);
4127
26
  }
4128
- /**
4129
- * Getter for the name attribute.
4130
- * @returns {number}
4131
- */
4132
27
  get delay() {
4133
28
  return +this.getAttribute("delay") || 0;
4134
29
  }
4135
- /**
4136
- * Setter for the name attribute.
4137
- * @param value
4138
- */
4139
- set endDelay(value) {
4140
- this.setAttribute("endDelay", value);
30
+ set endDelay(t2) {
31
+ this.setAttribute("endDelay", t2);
4141
32
  }
4142
- /**
4143
- * Getter for the name attribute.
4144
- * @returns {number}
4145
- */
4146
33
  get endDelay() {
4147
34
  return +this.getAttribute("endDelay") || 0;
4148
35
  }
4149
- /**
4150
- * Setter for the name attribute.
4151
- * @param value
4152
- */
4153
- set fill(value) {
4154
- this.setAttribute("fill", value);
36
+ set fill(t2) {
37
+ this.setAttribute("fill", t2);
4155
38
  }
4156
- /**
4157
- * Getter for the name attribute.
4158
- * @returns {string}
4159
- */
4160
39
  get fill() {
4161
40
  return this.getAttribute("fill") || "auto";
4162
41
  }
4163
- /**
4164
- * Setter for the name attribute.
4165
- * @param value
4166
- */
4167
- set iterations(value) {
4168
- this.setAttribute("iterations", value);
42
+ set iterations(t2) {
43
+ this.setAttribute("iterations", t2);
4169
44
  }
4170
- /**
4171
- * Getter for the name attribute.
4172
- * @returns {string|number}
4173
- */
4174
45
  get iterations() {
4175
- return this.getAttribute("iterations") || Infinity;
46
+ return this.getAttribute("iterations") || 1 / 0;
4176
47
  }
4177
- /**
4178
- * Setter for the name attribute.
4179
- * @param value
4180
- */
4181
- set iterationStart(value) {
4182
- this.setAttribute("iterationStart", value);
48
+ set iterationStart(t2) {
49
+ this.setAttribute("iterationStart", t2);
4183
50
  }
4184
- /**
4185
- * Getter for the name attribute.
4186
- * @returns {number}
4187
- */
4188
51
  get iterationStart() {
4189
52
  return +this.getAttribute("iterationStart") || 0;
4190
53
  }
4191
- /**
4192
- * Setter for the name attribute.
4193
- * @param value
4194
- */
4195
- set direction(value) {
4196
- this.setAttribute("direction", value);
54
+ set direction(t2) {
55
+ this.setAttribute("direction", t2);
4197
56
  }
4198
- /**
4199
- * Getter for the name attribute.
4200
- * @returns {string}
4201
- */
4202
57
  get direction() {
4203
58
  return this.getAttribute("direction") || "normal";
4204
59
  }
4205
- /**
4206
- * Setter for the name attribute.
4207
- * @param value
4208
- */
4209
- set easing(value) {
4210
- this.setAttribute("easing", value);
60
+ set easing(t2) {
61
+ this.setAttribute("easing", t2);
4211
62
  }
4212
- /**
4213
- * Getter for the name attribute.
4214
- * @returns {string}
4215
- */
4216
63
  get easing() {
4217
64
  return this.getAttribute("easing") || "linear";
4218
65
  }
4219
- /**
4220
- * Setter for the animations property.
4221
- * @param {Array} value The new value for the animations property.
4222
- */
4223
- set animations(value) {
4224
- this._animations = value;
66
+ set animations(t2) {
67
+ this._animations = t2;
4225
68
  }
4226
- /**
4227
- * Getter for the animations' property.
4228
- * @returns {Array} The current value of the animations' property.
4229
- */
4230
69
  get animations() {
4231
70
  return this._animations;
4232
71
  }
4233
- /**
4234
- * Getter for the CSS stylesheet.
4235
- * @returns {object} The styles for the Animation element.
4236
- */
4237
72
  static get cssStyleSheet() {
4238
- return styles;
73
+ return 'html{height:100%;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--wje-color-contrast-8);font-family:var(--wje-font-family);font-size:var(--wje-font-size);font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:.625rem 0;font-family:var(--wje-font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.0141279em}h2{font-size:var(--wje-font-size-x-large);line-height:34px;letter-spacing:-.021em}h3{font-size:var(--wje-font-size-large);line-height:28px;letter-spacing:-.0114923em}h4{font-size:var(--wje-font-size-large);line-height:26px;letter-spacing:-.00865734em}h5{font-size:var(--wje-font-size-medium);line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:.625rem}a{text-shadow:none!important;color:var(--wje-color-primary-11);transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:var(--wje-color-primary)}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:var(--wje-font-size);font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 .625rem;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:.625rem}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:var(--wje-color-contrast-8)}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:var(--wje-color-contrast-8)}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:var(--wje-border-color)}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:var(--wje-color-contrast-6);background-color:var(--wje-color);font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:var(--wje-color-complete)}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:.625rem;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:var(--wje-color-contrast-6);line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:var(--wje-font-family);border-bottom:1px solid #d0d0d0;text-decoration:none;color:var(--wje-color-contrast-8);font-weight:400;font-size:94%}cite{font-family:var(--wje-font-family);font-weight:300;color:var(--wje-color-contrast-6);text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:var(--wje-font-family);font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:var(--wje-font-family);font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:var(--wje-font-family);font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{text-decoration:none;letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-8)}acronym{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-8)}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;counter-reset:line;background-color:var(--wje-color-contrast-3) er;color:var(--wje-color-contrast-8);margin-inline:0;padding:1rem 1.25rem;border-radius:3px;margin-top:1rem;margin-bottom:1rem}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:var(--wje-font-family);position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:var(--wje-color-contrast-6)}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,#0000,#000c 75%)}.bg-black{background-color:var(--wje-color-black)!important;color:var(--wje-color-contrast-0)}.bg-white{background-color:var(--wje-color-contrast-0)!important;color:var(--wje-color-contrast-8)}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.stroke-primary{stroke:var(--wje-color-primary)!important}.stroke-complete{stroke:var(--wje-color-complete)!important}.stroke-success{stroke:var(--wje-color-success)!important}.stroke-info{stroke:var(--wje-color-info)!important}.stroke-warning{stroke:var(--wje-color-warning)!important}.stroke-danger{stroke:var(--wje-color-danger)!important}.fs-x-small{font-size:var(--wje-font-size-x-small)!important;letter-spacing:.0180093em;line-height:15px}.fs-small{font-size:var(--wje-font-size-small)!important;letter-spacing:.00849077em;line-height:18px}.fs{font-size:var(--wje-font-size)!important;letter-spacing:.00177646em;line-height:22px}.fs-medium{font-size:var(--wje-font-size-medium)!important;letter-spacing:-.00295978em;line-height:24px}.fs-large{font-size:var(--wje-font-size-large)!important;letter-spacing:normal;line-height:normal}.fs-x-large{font-size:var(--wje-font-size-x-large)!important;letter-spacing:normal;line-height:normal}.fs-2x-large{font-size:var(--wje-font-size-2x-large)!important;letter-spacing:normal;line-height:normal}.fs-3x-large{font-size:var(--wje-font-size-3x-large)!important;letter-spacing:normal;line-height:normal}.fs-4x-large{font-size:var(--wje-font-size-4x-large)!important;letter-spacing:normal;line-height:normal}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:var(--wje-font-family-secondary)!important}.font-heading,.font-secondary{font-family:var(--wje-font-family-secondary)}.well{background-color:var(--wje-color-contrast-3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:var(--wje-color-complete);color:var(--wje-color-contrast-0);border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--wje-border-color) calc(50% - 1px),var(--wje-border-color) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}.wje-toast-stack{position:fixed;top:0;right:0;margin:.5rem;width:min(var(--wje-toast-stack-width, 300px),calc(100vw - 1rem));max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);overflow:auto;z-index:9999;display:flex;flex-direction:column;align-items:stretch;gap:var(--wje-spacing-medium)}.wje-toast-stack[data-position=top-start]{left:0;right:auto}.wje-toast-stack[data-position=top-center]{left:50%;right:auto;transform:translate(-50%)}.wje-toast-stack[data-position=bottom-start],.wje-toast-stack[data-position=bottom-center],.wje-toast-stack[data-position=bottom-end]{top:auto;bottom:0}.wje-toast-stack[data-position=bottom-start]{left:0;right:auto}.wje-toast-stack[data-position=bottom-center]{left:50%;right:auto;transform:translate(-50%)}.wje-toast-stack[data-stacked=true]{overflow:visible;padding-block:1rem}.wje-toast-stack[data-stacked=true]>wje-toast{margin:0}.wje-toast-stack[data-stacked=true][data-expanded=true]{overflow:auto}.wje-toast-stack[data-stacked=true][data-expanded=true]>wje-toast{--wje-toast-stack-scale: 1 !important;--wje-toast-stack-shift: 0px !important;--wje-toast-stack-opacity: 1 !important}';
4239
74
  }
4240
- /**
4241
- * Getter for the observed attributes.
4242
- * @returns {Array} An array containing the names of the observed attributes.
4243
- */
4244
75
  static get observedAttributes() {
4245
76
  return [];
4246
77
  }
4247
- /**
4248
- * Method to setup attributes for the Animation element.
4249
- */
4250
78
  setupAttributes() {
4251
- this.isShadowRoot = "open";
4252
- this.setAriaState({ role: "presentation" });
79
+ this.isShadowRoot = "open", this.setAriaState({ role: "presentation" });
4253
80
  }
4254
- /**
4255
- * Method to draw the Animation element.
4256
- * @returns {object} The document fragment containing the drawn element.
4257
- */
4258
81
  draw() {
4259
- let fragment = document.createDocumentFragment();
4260
- let slot = document.createElement("slot");
4261
- fragment.appendChild(slot);
4262
- this.slotEl = slot;
4263
- return fragment;
82
+ let t2 = document.createDocumentFragment(), a2 = document.createElement("slot");
83
+ return t2.appendChild(a2), this.slotEl = a2, t2;
4264
84
  }
4265
- /**
4266
- * Method to perform actions after the Animation element is drawn.
4267
- * This method destroys any existing animation, fetches a new animations array,
4268
- * selects the appropriate animation, and applies it to the element.
4269
- */
4270
85
  async afterDraw() {
4271
86
  this.destroyAnimation();
4272
- const element = this.slotEl.assignedElements()[0];
87
+ const t2 = this.slotEl.assignedElements()[0];
4273
88
  this.animations = await this.getAnimationsArray();
4274
- const selected = await this.animations.find((k) => k.name === this.name);
4275
- this.animation = element == null ? void 0 : element.animate(selected == null ? void 0 : selected.keyframes, {
4276
- delay: +this.delay,
4277
- endDelay: +this.endDelay,
4278
- fill: this.fill,
4279
- duration: +this.duration,
4280
- iterationStart: +this.iterationStart,
4281
- iterations: this.iterations,
4282
- direction: this.direction,
4283
- easing: this.easing
4284
- });
4285
- if (this.animation && this.animation.playState === "idle") this.animation.play();
89
+ const a2 = await this.animations.find((t3) => t3.name === this.name);
90
+ this.animation = t2 == null ? void 0 : t2.animate(a2 == null ? void 0 : a2.keyframes, { delay: +this.delay, endDelay: +this.endDelay, fill: this.fill, duration: +this.duration, iterationStart: +this.iterationStart, iterations: this.iterations, direction: this.direction, easing: this.easing }), this.animation && "idle" === this.animation.playState && this.animation.play();
4286
91
  }
4287
- /**
4288
- * Method to fetch and parse the animations array from a CSS file.
4289
- * @returns {Array} An array of animation definitions parsed from the CSS file.
4290
- */
4291
92
  async getAnimationsArray() {
4292
- return await fetchAndParseCSS(animations);
93
+ return await t('@charset "UTF-8";:root{--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat) * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat) * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay) * 2);animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay) * 3);animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay) * 4);animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay) * 5);animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration) / 2);animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration) * .8);animation-duration:calc(var(--animate-duration) * .8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration) * 3);animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion:reduce){.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration) * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0px) scale(.7);transform:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translate(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0px) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skew(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skew(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skew(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skew(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}');
4293
94
  }
4294
- /**
4295
- * Terminates and cleans up the currently active animation if it exists.
4296
- * Calls the `cancel` method to stop the animation process.
4297
- * @returns {void} Does not return any value.
4298
- */
4299
95
  destroyAnimation() {
4300
- if (this.animation) {
4301
- this.cancel();
4302
- }
96
+ this.animation && this.cancel();
4303
97
  }
4304
- /**
4305
- * Plays the currently assigned animation, if available.
4306
- * @returns {void} This method does not return any value.
4307
- */
4308
98
  play() {
4309
- if (this.animation) {
4310
- this.animation.play();
4311
- }
99
+ this.animation && this.animation.play();
4312
100
  }
4313
- /**
4314
- * Cancels the current animation if it is initialized and has a cancel method.
4315
- * Logs a warning if the animation is not initialized or the cancel method is unavailable.
4316
- * @returns {void} Does not return a value.
4317
- */
4318
101
  cancel() {
4319
- if (this.animation && typeof this.animation.cancel === "function") {
4320
- this.animation.cancel();
4321
- } else {
4322
- console.warn("Animation is not initialized or cancel is not available");
4323
- }
102
+ this.animation && "function" == typeof this.animation.cancel ? this.animation.cancel() : console.warn("Animation is not initialized or cancel is not available");
4324
103
  }
4325
104
  }
4326
- Animation.define("wje-animation", Animation);
105
+ e.define("wje-animation", e);
4327
106
  export {
4328
- Animation as default
107
+ e as default
4329
108
  };
4330
109
  //# sourceMappingURL=wje-animation.js.map