animate.css 93 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072
  1. @charset "UTF-8";/*!
  2. * animate.css - https://animate.style/
  3. * Version - 4.1.1
  4. * Licensed under the MIT license - http://opensource.org/licenses/MIT
  5. *
  6. * Copyright (c) 2020 Animate.css
  7. */
  8. :root {
  9. --animate-duration: 1s;
  10. --animate-delay: 1s;
  11. --animate-repeat: 1;
  12. }
  13. .animate__animated {
  14. -webkit-animation-duration: 1s;
  15. animation-duration: 1s;
  16. -webkit-animation-duration: var(--animate-duration);
  17. animation-duration: var(--animate-duration);
  18. -webkit-animation-fill-mode: both;
  19. animation-fill-mode: both;
  20. }
  21. .animate__animated.animate__infinite {
  22. -webkit-animation-iteration-count: infinite;
  23. animation-iteration-count: infinite;
  24. }
  25. .animate__animated.animate__repeat-1 {
  26. -webkit-animation-iteration-count: 1;
  27. animation-iteration-count: 1;
  28. -webkit-animation-iteration-count: var(--animate-repeat);
  29. animation-iteration-count: var(--animate-repeat);
  30. }
  31. .animate__animated.animate__repeat-2 {
  32. -webkit-animation-iteration-count: calc(1 * 2);
  33. animation-iteration-count: calc(1 * 2);
  34. -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  35. animation-iteration-count: calc(var(--animate-repeat) * 2);
  36. }
  37. .animate__animated.animate__repeat-3 {
  38. -webkit-animation-iteration-count: calc(1 * 3);
  39. animation-iteration-count: calc(1 * 3);
  40. -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  41. animation-iteration-count: calc(var(--animate-repeat) * 3);
  42. }
  43. .animate__animated.animate__delay-1s {
  44. -webkit-animation-delay: 1s;
  45. animation-delay: 1s;
  46. -webkit-animation-delay: var(--animate-delay);
  47. animation-delay: var(--animate-delay);
  48. }
  49. .animate__animated.animate__delay-2s {
  50. -webkit-animation-delay: calc(1s * 2);
  51. animation-delay: calc(1s * 2);
  52. -webkit-animation-delay: calc(var(--animate-delay) * 2);
  53. animation-delay: calc(var(--animate-delay) * 2);
  54. }
  55. .animate__animated.animate__delay-3s {
  56. -webkit-animation-delay: calc(1s * 3);
  57. animation-delay: calc(1s * 3);
  58. -webkit-animation-delay: calc(var(--animate-delay) * 3);
  59. animation-delay: calc(var(--animate-delay) * 3);
  60. }
  61. .animate__animated.animate__delay-4s {
  62. -webkit-animation-delay: calc(1s * 4);
  63. animation-delay: calc(1s * 4);
  64. -webkit-animation-delay: calc(var(--animate-delay) * 4);
  65. animation-delay: calc(var(--animate-delay) * 4);
  66. }
  67. .animate__animated.animate__delay-5s {
  68. -webkit-animation-delay: calc(1s * 5);
  69. animation-delay: calc(1s * 5);
  70. -webkit-animation-delay: calc(var(--animate-delay) * 5);
  71. animation-delay: calc(var(--animate-delay) * 5);
  72. }
  73. .animate__animated.animate__faster {
  74. -webkit-animation-duration: calc(1s / 2);
  75. animation-duration: calc(1s / 2);
  76. -webkit-animation-duration: calc(var(--animate-duration) / 2);
  77. animation-duration: calc(var(--animate-duration) / 2);
  78. }
  79. .animate__animated.animate__fast {
  80. -webkit-animation-duration: calc(1s * 0.8);
  81. animation-duration: calc(1s * 0.8);
  82. -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  83. animation-duration: calc(var(--animate-duration) * 0.8);
  84. }
  85. .animate__animated.animate__slow {
  86. -webkit-animation-duration: calc(1s * 2);
  87. animation-duration: calc(1s * 2);
  88. -webkit-animation-duration: calc(var(--animate-duration) * 2);
  89. animation-duration: calc(var(--animate-duration) * 2);
  90. }
  91. .animate__animated.animate__slower {
  92. -webkit-animation-duration: calc(1s * 3);
  93. animation-duration: calc(1s * 3);
  94. -webkit-animation-duration: calc(var(--animate-duration) * 3);
  95. animation-duration: calc(var(--animate-duration) * 3);
  96. }
  97. @media print, (prefers-reduced-motion: reduce) {
  98. .animate__animated {
  99. -webkit-animation-duration: 1ms !important;
  100. animation-duration: 1ms !important;
  101. -webkit-transition-duration: 1ms !important;
  102. transition-duration: 1ms !important;
  103. -webkit-animation-iteration-count: 1 !important;
  104. animation-iteration-count: 1 !important;
  105. }
  106. .animate__animated[class*='Out'] {
  107. opacity: 0;
  108. }
  109. }
  110. /* Attention seekers */
  111. @-webkit-keyframes bounce {
  112. from,
  113. 20%,
  114. 53%,
  115. to {
  116. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  117. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  118. -webkit-transform: translate3d(0, 0, 0);
  119. transform: translate3d(0, 0, 0);
  120. }
  121. 40%,
  122. 43% {
  123. -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  124. animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  125. -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
  126. transform: translate3d(0, -30px, 0) scaleY(1.1);
  127. }
  128. 70% {
  129. -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  130. animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  131. -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
  132. transform: translate3d(0, -15px, 0) scaleY(1.05);
  133. }
  134. 80% {
  135. -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  136. transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  137. -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
  138. transform: translate3d(0, 0, 0) scaleY(0.95);
  139. }
  140. 90% {
  141. -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
  142. transform: translate3d(0, -4px, 0) scaleY(1.02);
  143. }
  144. }
  145. @keyframes bounce {
  146. from,
  147. 20%,
  148. 53%,
  149. to {
  150. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  151. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  152. -webkit-transform: translate3d(0, 0, 0);
  153. transform: translate3d(0, 0, 0);
  154. }
  155. 40%,
  156. 43% {
  157. -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  158. animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  159. -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
  160. transform: translate3d(0, -30px, 0) scaleY(1.1);
  161. }
  162. 70% {
  163. -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  164. animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  165. -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
  166. transform: translate3d(0, -15px, 0) scaleY(1.05);
  167. }
  168. 80% {
  169. -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  170. transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  171. -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
  172. transform: translate3d(0, 0, 0) scaleY(0.95);
  173. }
  174. 90% {
  175. -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
  176. transform: translate3d(0, -4px, 0) scaleY(1.02);
  177. }
  178. }
  179. .animate__bounce {
  180. -webkit-animation-name: bounce;
  181. animation-name: bounce;
  182. -webkit-transform-origin: center bottom;
  183. transform-origin: center bottom;
  184. }
  185. @-webkit-keyframes flash {
  186. from,
  187. 50%,
  188. to {
  189. opacity: 1;
  190. }
  191. 25%,
  192. 75% {
  193. opacity: 0;
  194. }
  195. }
  196. @keyframes flash {
  197. from,
  198. 50%,
  199. to {
  200. opacity: 1;
  201. }
  202. 25%,
  203. 75% {
  204. opacity: 0;
  205. }
  206. }
  207. .animate__flash {
  208. -webkit-animation-name: flash;
  209. animation-name: flash;
  210. }
  211. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  212. @-webkit-keyframes pulse {
  213. from {
  214. -webkit-transform: scale3d(1, 1, 1);
  215. transform: scale3d(1, 1, 1);
  216. }
  217. 50% {
  218. -webkit-transform: scale3d(1.05, 1.05, 1.05);
  219. transform: scale3d(1.05, 1.05, 1.05);
  220. }
  221. to {
  222. -webkit-transform: scale3d(1, 1, 1);
  223. transform: scale3d(1, 1, 1);
  224. }
  225. }
  226. @keyframes pulse {
  227. from {
  228. -webkit-transform: scale3d(1, 1, 1);
  229. transform: scale3d(1, 1, 1);
  230. }
  231. 50% {
  232. -webkit-transform: scale3d(1.05, 1.05, 1.05);
  233. transform: scale3d(1.05, 1.05, 1.05);
  234. }
  235. to {
  236. -webkit-transform: scale3d(1, 1, 1);
  237. transform: scale3d(1, 1, 1);
  238. }
  239. }
  240. .animate__pulse {
  241. -webkit-animation-name: pulse;
  242. animation-name: pulse;
  243. -webkit-animation-timing-function: ease-in-out;
  244. animation-timing-function: ease-in-out;
  245. }
  246. @-webkit-keyframes rubberBand {
  247. from {
  248. -webkit-transform: scale3d(1, 1, 1);
  249. transform: scale3d(1, 1, 1);
  250. }
  251. 30% {
  252. -webkit-transform: scale3d(1.25, 0.75, 1);
  253. transform: scale3d(1.25, 0.75, 1);
  254. }
  255. 40% {
  256. -webkit-transform: scale3d(0.75, 1.25, 1);
  257. transform: scale3d(0.75, 1.25, 1);
  258. }
  259. 50% {
  260. -webkit-transform: scale3d(1.15, 0.85, 1);
  261. transform: scale3d(1.15, 0.85, 1);
  262. }
  263. 65% {
  264. -webkit-transform: scale3d(0.95, 1.05, 1);
  265. transform: scale3d(0.95, 1.05, 1);
  266. }
  267. 75% {
  268. -webkit-transform: scale3d(1.05, 0.95, 1);
  269. transform: scale3d(1.05, 0.95, 1);
  270. }
  271. to {
  272. -webkit-transform: scale3d(1, 1, 1);
  273. transform: scale3d(1, 1, 1);
  274. }
  275. }
  276. @keyframes rubberBand {
  277. from {
  278. -webkit-transform: scale3d(1, 1, 1);
  279. transform: scale3d(1, 1, 1);
  280. }
  281. 30% {
  282. -webkit-transform: scale3d(1.25, 0.75, 1);
  283. transform: scale3d(1.25, 0.75, 1);
  284. }
  285. 40% {
  286. -webkit-transform: scale3d(0.75, 1.25, 1);
  287. transform: scale3d(0.75, 1.25, 1);
  288. }
  289. 50% {
  290. -webkit-transform: scale3d(1.15, 0.85, 1);
  291. transform: scale3d(1.15, 0.85, 1);
  292. }
  293. 65% {
  294. -webkit-transform: scale3d(0.95, 1.05, 1);
  295. transform: scale3d(0.95, 1.05, 1);
  296. }
  297. 75% {
  298. -webkit-transform: scale3d(1.05, 0.95, 1);
  299. transform: scale3d(1.05, 0.95, 1);
  300. }
  301. to {
  302. -webkit-transform: scale3d(1, 1, 1);
  303. transform: scale3d(1, 1, 1);
  304. }
  305. }
  306. .animate__rubberBand {
  307. -webkit-animation-name: rubberBand;
  308. animation-name: rubberBand;
  309. }
  310. @-webkit-keyframes shakeX {
  311. from,
  312. to {
  313. -webkit-transform: translate3d(0, 0, 0);
  314. transform: translate3d(0, 0, 0);
  315. }
  316. 10%,
  317. 30%,
  318. 50%,
  319. 70%,
  320. 90% {
  321. -webkit-transform: translate3d(-10px, 0, 0);
  322. transform: translate3d(-10px, 0, 0);
  323. }
  324. 20%,
  325. 40%,
  326. 60%,
  327. 80% {
  328. -webkit-transform: translate3d(10px, 0, 0);
  329. transform: translate3d(10px, 0, 0);
  330. }
  331. }
  332. @keyframes shakeX {
  333. from,
  334. to {
  335. -webkit-transform: translate3d(0, 0, 0);
  336. transform: translate3d(0, 0, 0);
  337. }
  338. 10%,
  339. 30%,
  340. 50%,
  341. 70%,
  342. 90% {
  343. -webkit-transform: translate3d(-10px, 0, 0);
  344. transform: translate3d(-10px, 0, 0);
  345. }
  346. 20%,
  347. 40%,
  348. 60%,
  349. 80% {
  350. -webkit-transform: translate3d(10px, 0, 0);
  351. transform: translate3d(10px, 0, 0);
  352. }
  353. }
  354. .animate__shakeX {
  355. -webkit-animation-name: shakeX;
  356. animation-name: shakeX;
  357. }
  358. @-webkit-keyframes shakeY {
  359. from,
  360. to {
  361. -webkit-transform: translate3d(0, 0, 0);
  362. transform: translate3d(0, 0, 0);
  363. }
  364. 10%,
  365. 30%,
  366. 50%,
  367. 70%,
  368. 90% {
  369. -webkit-transform: translate3d(0, -10px, 0);
  370. transform: translate3d(0, -10px, 0);
  371. }
  372. 20%,
  373. 40%,
  374. 60%,
  375. 80% {
  376. -webkit-transform: translate3d(0, 10px, 0);
  377. transform: translate3d(0, 10px, 0);
  378. }
  379. }
  380. @keyframes shakeY {
  381. from,
  382. to {
  383. -webkit-transform: translate3d(0, 0, 0);
  384. transform: translate3d(0, 0, 0);
  385. }
  386. 10%,
  387. 30%,
  388. 50%,
  389. 70%,
  390. 90% {
  391. -webkit-transform: translate3d(0, -10px, 0);
  392. transform: translate3d(0, -10px, 0);
  393. }
  394. 20%,
  395. 40%,
  396. 60%,
  397. 80% {
  398. -webkit-transform: translate3d(0, 10px, 0);
  399. transform: translate3d(0, 10px, 0);
  400. }
  401. }
  402. .animate__shakeY {
  403. -webkit-animation-name: shakeY;
  404. animation-name: shakeY;
  405. }
  406. @-webkit-keyframes headShake {
  407. 0% {
  408. -webkit-transform: translateX(0);
  409. transform: translateX(0);
  410. }
  411. 6.5% {
  412. -webkit-transform: translateX(-6px) rotateY(-9deg);
  413. transform: translateX(-6px) rotateY(-9deg);
  414. }
  415. 18.5% {
  416. -webkit-transform: translateX(5px) rotateY(7deg);
  417. transform: translateX(5px) rotateY(7deg);
  418. }
  419. 31.5% {
  420. -webkit-transform: translateX(-3px) rotateY(-5deg);
  421. transform: translateX(-3px) rotateY(-5deg);
  422. }
  423. 43.5% {
  424. -webkit-transform: translateX(2px) rotateY(3deg);
  425. transform: translateX(2px) rotateY(3deg);
  426. }
  427. 50% {
  428. -webkit-transform: translateX(0);
  429. transform: translateX(0);
  430. }
  431. }
  432. @keyframes headShake {
  433. 0% {
  434. -webkit-transform: translateX(0);
  435. transform: translateX(0);
  436. }
  437. 6.5% {
  438. -webkit-transform: translateX(-6px) rotateY(-9deg);
  439. transform: translateX(-6px) rotateY(-9deg);
  440. }
  441. 18.5% {
  442. -webkit-transform: translateX(5px) rotateY(7deg);
  443. transform: translateX(5px) rotateY(7deg);
  444. }
  445. 31.5% {
  446. -webkit-transform: translateX(-3px) rotateY(-5deg);
  447. transform: translateX(-3px) rotateY(-5deg);
  448. }
  449. 43.5% {
  450. -webkit-transform: translateX(2px) rotateY(3deg);
  451. transform: translateX(2px) rotateY(3deg);
  452. }
  453. 50% {
  454. -webkit-transform: translateX(0);
  455. transform: translateX(0);
  456. }
  457. }
  458. .animate__headShake {
  459. -webkit-animation-timing-function: ease-in-out;
  460. animation-timing-function: ease-in-out;
  461. -webkit-animation-name: headShake;
  462. animation-name: headShake;
  463. }
  464. @-webkit-keyframes swing {
  465. 20% {
  466. -webkit-transform: rotate3d(0, 0, 1, 15deg);
  467. transform: rotate3d(0, 0, 1, 15deg);
  468. }
  469. 40% {
  470. -webkit-transform: rotate3d(0, 0, 1, -10deg);
  471. transform: rotate3d(0, 0, 1, -10deg);
  472. }
  473. 60% {
  474. -webkit-transform: rotate3d(0, 0, 1, 5deg);
  475. transform: rotate3d(0, 0, 1, 5deg);
  476. }
  477. 80% {
  478. -webkit-transform: rotate3d(0, 0, 1, -5deg);
  479. transform: rotate3d(0, 0, 1, -5deg);
  480. }
  481. to {
  482. -webkit-transform: rotate3d(0, 0, 1, 0deg);
  483. transform: rotate3d(0, 0, 1, 0deg);
  484. }
  485. }
  486. @keyframes swing {
  487. 20% {
  488. -webkit-transform: rotate3d(0, 0, 1, 15deg);
  489. transform: rotate3d(0, 0, 1, 15deg);
  490. }
  491. 40% {
  492. -webkit-transform: rotate3d(0, 0, 1, -10deg);
  493. transform: rotate3d(0, 0, 1, -10deg);
  494. }
  495. 60% {
  496. -webkit-transform: rotate3d(0, 0, 1, 5deg);
  497. transform: rotate3d(0, 0, 1, 5deg);
  498. }
  499. 80% {
  500. -webkit-transform: rotate3d(0, 0, 1, -5deg);
  501. transform: rotate3d(0, 0, 1, -5deg);
  502. }
  503. to {
  504. -webkit-transform: rotate3d(0, 0, 1, 0deg);
  505. transform: rotate3d(0, 0, 1, 0deg);
  506. }
  507. }
  508. .animate__swing {
  509. -webkit-transform-origin: top center;
  510. transform-origin: top center;
  511. -webkit-animation-name: swing;
  512. animation-name: swing;
  513. }
  514. @-webkit-keyframes tada {
  515. from {
  516. -webkit-transform: scale3d(1, 1, 1);
  517. transform: scale3d(1, 1, 1);
  518. }
  519. 10%,
  520. 20% {
  521. -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  522. transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  523. }
  524. 30%,
  525. 50%,
  526. 70%,
  527. 90% {
  528. -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  529. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  530. }
  531. 40%,
  532. 60%,
  533. 80% {
  534. -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  535. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  536. }
  537. to {
  538. -webkit-transform: scale3d(1, 1, 1);
  539. transform: scale3d(1, 1, 1);
  540. }
  541. }
  542. @keyframes tada {
  543. from {
  544. -webkit-transform: scale3d(1, 1, 1);
  545. transform: scale3d(1, 1, 1);
  546. }
  547. 10%,
  548. 20% {
  549. -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  550. transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  551. }
  552. 30%,
  553. 50%,
  554. 70%,
  555. 90% {
  556. -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  557. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  558. }
  559. 40%,
  560. 60%,
  561. 80% {
  562. -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  563. transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  564. }
  565. to {
  566. -webkit-transform: scale3d(1, 1, 1);
  567. transform: scale3d(1, 1, 1);
  568. }
  569. }
  570. .animate__tada {
  571. -webkit-animation-name: tada;
  572. animation-name: tada;
  573. }
  574. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  575. @-webkit-keyframes wobble {
  576. from {
  577. -webkit-transform: translate3d(0, 0, 0);
  578. transform: translate3d(0, 0, 0);
  579. }
  580. 15% {
  581. -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  582. transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  583. }
  584. 30% {
  585. -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  586. transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  587. }
  588. 45% {
  589. -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  590. transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  591. }
  592. 60% {
  593. -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  594. transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  595. }
  596. 75% {
  597. -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  598. transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  599. }
  600. to {
  601. -webkit-transform: translate3d(0, 0, 0);
  602. transform: translate3d(0, 0, 0);
  603. }
  604. }
  605. @keyframes wobble {
  606. from {
  607. -webkit-transform: translate3d(0, 0, 0);
  608. transform: translate3d(0, 0, 0);
  609. }
  610. 15% {
  611. -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  612. transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  613. }
  614. 30% {
  615. -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  616. transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  617. }
  618. 45% {
  619. -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  620. transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  621. }
  622. 60% {
  623. -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  624. transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  625. }
  626. 75% {
  627. -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  628. transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  629. }
  630. to {
  631. -webkit-transform: translate3d(0, 0, 0);
  632. transform: translate3d(0, 0, 0);
  633. }
  634. }
  635. .animate__wobble {
  636. -webkit-animation-name: wobble;
  637. animation-name: wobble;
  638. }
  639. @-webkit-keyframes jello {
  640. from,
  641. 11.1%,
  642. to {
  643. -webkit-transform: translate3d(0, 0, 0);
  644. transform: translate3d(0, 0, 0);
  645. }
  646. 22.2% {
  647. -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  648. transform: skewX(-12.5deg) skewY(-12.5deg);
  649. }
  650. 33.3% {
  651. -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  652. transform: skewX(6.25deg) skewY(6.25deg);
  653. }
  654. 44.4% {
  655. -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  656. transform: skewX(-3.125deg) skewY(-3.125deg);
  657. }
  658. 55.5% {
  659. -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  660. transform: skewX(1.5625deg) skewY(1.5625deg);
  661. }
  662. 66.6% {
  663. -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
  664. transform: skewX(-0.78125deg) skewY(-0.78125deg);
  665. }
  666. 77.7% {
  667. -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
  668. transform: skewX(0.390625deg) skewY(0.390625deg);
  669. }
  670. 88.8% {
  671. -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  672. transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  673. }
  674. }
  675. @keyframes jello {
  676. from,
  677. 11.1%,
  678. to {
  679. -webkit-transform: translate3d(0, 0, 0);
  680. transform: translate3d(0, 0, 0);
  681. }
  682. 22.2% {
  683. -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  684. transform: skewX(-12.5deg) skewY(-12.5deg);
  685. }
  686. 33.3% {
  687. -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  688. transform: skewX(6.25deg) skewY(6.25deg);
  689. }
  690. 44.4% {
  691. -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  692. transform: skewX(-3.125deg) skewY(-3.125deg);
  693. }
  694. 55.5% {
  695. -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  696. transform: skewX(1.5625deg) skewY(1.5625deg);
  697. }
  698. 66.6% {
  699. -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
  700. transform: skewX(-0.78125deg) skewY(-0.78125deg);
  701. }
  702. 77.7% {
  703. -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
  704. transform: skewX(0.390625deg) skewY(0.390625deg);
  705. }
  706. 88.8% {
  707. -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  708. transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  709. }
  710. }
  711. .animate__jello {
  712. -webkit-animation-name: jello;
  713. animation-name: jello;
  714. -webkit-transform-origin: center;
  715. transform-origin: center;
  716. }
  717. @-webkit-keyframes heartBeat {
  718. 0% {
  719. -webkit-transform: scale(1);
  720. transform: scale(1);
  721. }
  722. 14% {
  723. -webkit-transform: scale(1.3);
  724. transform: scale(1.3);
  725. }
  726. 28% {
  727. -webkit-transform: scale(1);
  728. transform: scale(1);
  729. }
  730. 42% {
  731. -webkit-transform: scale(1.3);
  732. transform: scale(1.3);
  733. }
  734. 70% {
  735. -webkit-transform: scale(1);
  736. transform: scale(1);
  737. }
  738. }
  739. @keyframes heartBeat {
  740. 0% {
  741. -webkit-transform: scale(1);
  742. transform: scale(1);
  743. }
  744. 14% {
  745. -webkit-transform: scale(1.3);
  746. transform: scale(1.3);
  747. }
  748. 28% {
  749. -webkit-transform: scale(1);
  750. transform: scale(1);
  751. }
  752. 42% {
  753. -webkit-transform: scale(1.3);
  754. transform: scale(1.3);
  755. }
  756. 70% {
  757. -webkit-transform: scale(1);
  758. transform: scale(1);
  759. }
  760. }
  761. .animate__heartBeat {
  762. -webkit-animation-name: heartBeat;
  763. animation-name: heartBeat;
  764. -webkit-animation-duration: calc(1s * 1.3);
  765. animation-duration: calc(1s * 1.3);
  766. -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  767. animation-duration: calc(var(--animate-duration) * 1.3);
  768. -webkit-animation-timing-function: ease-in-out;
  769. animation-timing-function: ease-in-out;
  770. }
  771. /* Back entrances */
  772. @-webkit-keyframes backInDown {
  773. 0% {
  774. -webkit-transform: translateY(-1200px) scale(0.7);
  775. transform: translateY(-1200px) scale(0.7);
  776. opacity: 0.7;
  777. }
  778. 80% {
  779. -webkit-transform: translateY(0px) scale(0.7);
  780. transform: translateY(0px) scale(0.7);
  781. opacity: 0.7;
  782. }
  783. 100% {
  784. -webkit-transform: scale(1);
  785. transform: scale(1);
  786. opacity: 1;
  787. }
  788. }
  789. @keyframes backInDown {
  790. 0% {
  791. -webkit-transform: translateY(-1200px) scale(0.7);
  792. transform: translateY(-1200px) scale(0.7);
  793. opacity: 0.7;
  794. }
  795. 80% {
  796. -webkit-transform: translateY(0px) scale(0.7);
  797. transform: translateY(0px) scale(0.7);
  798. opacity: 0.7;
  799. }
  800. 100% {
  801. -webkit-transform: scale(1);
  802. transform: scale(1);
  803. opacity: 1;
  804. }
  805. }
  806. .animate__backInDown {
  807. -webkit-animation-name: backInDown;
  808. animation-name: backInDown;
  809. }
  810. @-webkit-keyframes backInLeft {
  811. 0% {
  812. -webkit-transform: translateX(-2000px) scale(0.7);
  813. transform: translateX(-2000px) scale(0.7);
  814. opacity: 0.7;
  815. }
  816. 80% {
  817. -webkit-transform: translateX(0px) scale(0.7);
  818. transform: translateX(0px) scale(0.7);
  819. opacity: 0.7;
  820. }
  821. 100% {
  822. -webkit-transform: scale(1);
  823. transform: scale(1);
  824. opacity: 1;
  825. }
  826. }
  827. @keyframes backInLeft {
  828. 0% {
  829. -webkit-transform: translateX(-2000px) scale(0.7);
  830. transform: translateX(-2000px) scale(0.7);
  831. opacity: 0.7;
  832. }
  833. 80% {
  834. -webkit-transform: translateX(0px) scale(0.7);
  835. transform: translateX(0px) scale(0.7);
  836. opacity: 0.7;
  837. }
  838. 100% {
  839. -webkit-transform: scale(1);
  840. transform: scale(1);
  841. opacity: 1;
  842. }
  843. }
  844. .animate__backInLeft {
  845. -webkit-animation-name: backInLeft;
  846. animation-name: backInLeft;
  847. }
  848. @-webkit-keyframes backInRight {
  849. 0% {
  850. -webkit-transform: translateX(2000px) scale(0.7);
  851. transform: translateX(2000px) scale(0.7);
  852. opacity: 0.7;
  853. }
  854. 80% {
  855. -webkit-transform: translateX(0px) scale(0.7);
  856. transform: translateX(0px) scale(0.7);
  857. opacity: 0.7;
  858. }
  859. 100% {
  860. -webkit-transform: scale(1);
  861. transform: scale(1);
  862. opacity: 1;
  863. }
  864. }
  865. @keyframes backInRight {
  866. 0% {
  867. -webkit-transform: translateX(2000px) scale(0.7);
  868. transform: translateX(2000px) scale(0.7);
  869. opacity: 0.7;
  870. }
  871. 80% {
  872. -webkit-transform: translateX(0px) scale(0.7);
  873. transform: translateX(0px) scale(0.7);
  874. opacity: 0.7;
  875. }
  876. 100% {
  877. -webkit-transform: scale(1);
  878. transform: scale(1);
  879. opacity: 1;
  880. }
  881. }
  882. .animate__backInRight {
  883. -webkit-animation-name: backInRight;
  884. animation-name: backInRight;
  885. }
  886. @-webkit-keyframes backInUp {
  887. 0% {
  888. -webkit-transform: translateY(1200px) scale(0.7);
  889. transform: translateY(1200px) scale(0.7);
  890. opacity: 0.7;
  891. }
  892. 80% {
  893. -webkit-transform: translateY(0px) scale(0.7);
  894. transform: translateY(0px) scale(0.7);
  895. opacity: 0.7;
  896. }
  897. 100% {
  898. -webkit-transform: scale(1);
  899. transform: scale(1);
  900. opacity: 1;
  901. }
  902. }
  903. @keyframes backInUp {
  904. 0% {
  905. -webkit-transform: translateY(1200px) scale(0.7);
  906. transform: translateY(1200px) scale(0.7);
  907. opacity: 0.7;
  908. }
  909. 80% {
  910. -webkit-transform: translateY(0px) scale(0.7);
  911. transform: translateY(0px) scale(0.7);
  912. opacity: 0.7;
  913. }
  914. 100% {
  915. -webkit-transform: scale(1);
  916. transform: scale(1);
  917. opacity: 1;
  918. }
  919. }
  920. .animate__backInUp {
  921. -webkit-animation-name: backInUp;
  922. animation-name: backInUp;
  923. }
  924. /* Back exits */
  925. @-webkit-keyframes backOutDown {
  926. 0% {
  927. -webkit-transform: scale(1);
  928. transform: scale(1);
  929. opacity: 1;
  930. }
  931. 20% {
  932. -webkit-transform: translateY(0px) scale(0.7);
  933. transform: translateY(0px) scale(0.7);
  934. opacity: 0.7;
  935. }
  936. 100% {
  937. -webkit-transform: translateY(700px) scale(0.7);
  938. transform: translateY(700px) scale(0.7);
  939. opacity: 0.7;
  940. }
  941. }
  942. @keyframes backOutDown {
  943. 0% {
  944. -webkit-transform: scale(1);
  945. transform: scale(1);
  946. opacity: 1;
  947. }
  948. 20% {
  949. -webkit-transform: translateY(0px) scale(0.7);
  950. transform: translateY(0px) scale(0.7);
  951. opacity: 0.7;
  952. }
  953. 100% {
  954. -webkit-transform: translateY(700px) scale(0.7);
  955. transform: translateY(700px) scale(0.7);
  956. opacity: 0.7;
  957. }
  958. }
  959. .animate__backOutDown {
  960. -webkit-animation-name: backOutDown;
  961. animation-name: backOutDown;
  962. }
  963. @-webkit-keyframes backOutLeft {
  964. 0% {
  965. -webkit-transform: scale(1);
  966. transform: scale(1);
  967. opacity: 1;
  968. }
  969. 20% {
  970. -webkit-transform: translateX(0px) scale(0.7);
  971. transform: translateX(0px) scale(0.7);
  972. opacity: 0.7;
  973. }
  974. 100% {
  975. -webkit-transform: translateX(-2000px) scale(0.7);
  976. transform: translateX(-2000px) scale(0.7);
  977. opacity: 0.7;
  978. }
  979. }
  980. @keyframes backOutLeft {
  981. 0% {
  982. -webkit-transform: scale(1);
  983. transform: scale(1);
  984. opacity: 1;
  985. }
  986. 20% {
  987. -webkit-transform: translateX(0px) scale(0.7);
  988. transform: translateX(0px) scale(0.7);
  989. opacity: 0.7;
  990. }
  991. 100% {
  992. -webkit-transform: translateX(-2000px) scale(0.7);
  993. transform: translateX(-2000px) scale(0.7);
  994. opacity: 0.7;
  995. }
  996. }
  997. .animate__backOutLeft {
  998. -webkit-animation-name: backOutLeft;
  999. animation-name: backOutLeft;
  1000. }
  1001. @-webkit-keyframes backOutRight {
  1002. 0% {
  1003. -webkit-transform: scale(1);
  1004. transform: scale(1);
  1005. opacity: 1;
  1006. }
  1007. 20% {
  1008. -webkit-transform: translateX(0px) scale(0.7);
  1009. transform: translateX(0px) scale(0.7);
  1010. opacity: 0.7;
  1011. }
  1012. 100% {
  1013. -webkit-transform: translateX(2000px) scale(0.7);
  1014. transform: translateX(2000px) scale(0.7);
  1015. opacity: 0.7;
  1016. }
  1017. }
  1018. @keyframes backOutRight {
  1019. 0% {
  1020. -webkit-transform: scale(1);
  1021. transform: scale(1);
  1022. opacity: 1;
  1023. }
  1024. 20% {
  1025. -webkit-transform: translateX(0px) scale(0.7);
  1026. transform: translateX(0px) scale(0.7);
  1027. opacity: 0.7;
  1028. }
  1029. 100% {
  1030. -webkit-transform: translateX(2000px) scale(0.7);
  1031. transform: translateX(2000px) scale(0.7);
  1032. opacity: 0.7;
  1033. }
  1034. }
  1035. .animate__backOutRight {
  1036. -webkit-animation-name: backOutRight;
  1037. animation-name: backOutRight;
  1038. }
  1039. @-webkit-keyframes backOutUp {
  1040. 0% {
  1041. -webkit-transform: scale(1);
  1042. transform: scale(1);
  1043. opacity: 1;
  1044. }
  1045. 20% {
  1046. -webkit-transform: translateY(0px) scale(0.7);
  1047. transform: translateY(0px) scale(0.7);
  1048. opacity: 0.7;
  1049. }
  1050. 100% {
  1051. -webkit-transform: translateY(-700px) scale(0.7);
  1052. transform: translateY(-700px) scale(0.7);
  1053. opacity: 0.7;
  1054. }
  1055. }
  1056. @keyframes backOutUp {
  1057. 0% {
  1058. -webkit-transform: scale(1);
  1059. transform: scale(1);
  1060. opacity: 1;
  1061. }
  1062. 20% {
  1063. -webkit-transform: translateY(0px) scale(0.7);
  1064. transform: translateY(0px) scale(0.7);
  1065. opacity: 0.7;
  1066. }
  1067. 100% {
  1068. -webkit-transform: translateY(-700px) scale(0.7);
  1069. transform: translateY(-700px) scale(0.7);
  1070. opacity: 0.7;
  1071. }
  1072. }
  1073. .animate__backOutUp {
  1074. -webkit-animation-name: backOutUp;
  1075. animation-name: backOutUp;
  1076. }
  1077. /* Bouncing entrances */
  1078. @-webkit-keyframes bounceIn {
  1079. from,
  1080. 20%,
  1081. 40%,
  1082. 60%,
  1083. 80%,
  1084. to {
  1085. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1086. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1087. }
  1088. 0% {
  1089. opacity: 0;
  1090. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  1091. transform: scale3d(0.3, 0.3, 0.3);
  1092. }
  1093. 20% {
  1094. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  1095. transform: scale3d(1.1, 1.1, 1.1);
  1096. }
  1097. 40% {
  1098. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  1099. transform: scale3d(0.9, 0.9, 0.9);
  1100. }
  1101. 60% {
  1102. opacity: 1;
  1103. -webkit-transform: scale3d(1.03, 1.03, 1.03);
  1104. transform: scale3d(1.03, 1.03, 1.03);
  1105. }
  1106. 80% {
  1107. -webkit-transform: scale3d(0.97, 0.97, 0.97);
  1108. transform: scale3d(0.97, 0.97, 0.97);
  1109. }
  1110. to {
  1111. opacity: 1;
  1112. -webkit-transform: scale3d(1, 1, 1);
  1113. transform: scale3d(1, 1, 1);
  1114. }
  1115. }
  1116. @keyframes bounceIn {
  1117. from,
  1118. 20%,
  1119. 40%,
  1120. 60%,
  1121. 80%,
  1122. to {
  1123. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1124. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1125. }
  1126. 0% {
  1127. opacity: 0;
  1128. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  1129. transform: scale3d(0.3, 0.3, 0.3);
  1130. }
  1131. 20% {
  1132. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  1133. transform: scale3d(1.1, 1.1, 1.1);
  1134. }
  1135. 40% {
  1136. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  1137. transform: scale3d(0.9, 0.9, 0.9);
  1138. }
  1139. 60% {
  1140. opacity: 1;
  1141. -webkit-transform: scale3d(1.03, 1.03, 1.03);
  1142. transform: scale3d(1.03, 1.03, 1.03);
  1143. }
  1144. 80% {
  1145. -webkit-transform: scale3d(0.97, 0.97, 0.97);
  1146. transform: scale3d(0.97, 0.97, 0.97);
  1147. }
  1148. to {
  1149. opacity: 1;
  1150. -webkit-transform: scale3d(1, 1, 1);
  1151. transform: scale3d(1, 1, 1);
  1152. }
  1153. }
  1154. .animate__bounceIn {
  1155. -webkit-animation-duration: calc(1s * 0.75);
  1156. animation-duration: calc(1s * 0.75);
  1157. -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  1158. animation-duration: calc(var(--animate-duration) * 0.75);
  1159. -webkit-animation-name: bounceIn;
  1160. animation-name: bounceIn;
  1161. }
  1162. @-webkit-keyframes bounceInDown {
  1163. from,
  1164. 60%,
  1165. 75%,
  1166. 90%,
  1167. to {
  1168. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1169. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1170. }
  1171. 0% {
  1172. opacity: 0;
  1173. -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
  1174. transform: translate3d(0, -3000px, 0) scaleY(3);
  1175. }
  1176. 60% {
  1177. opacity: 1;
  1178. -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
  1179. transform: translate3d(0, 25px, 0) scaleY(0.9);
  1180. }
  1181. 75% {
  1182. -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
  1183. transform: translate3d(0, -10px, 0) scaleY(0.95);
  1184. }
  1185. 90% {
  1186. -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
  1187. transform: translate3d(0, 5px, 0) scaleY(0.985);
  1188. }
  1189. to {
  1190. -webkit-transform: translate3d(0, 0, 0);
  1191. transform: translate3d(0, 0, 0);
  1192. }
  1193. }
  1194. @keyframes bounceInDown {
  1195. from,
  1196. 60%,
  1197. 75%,
  1198. 90%,
  1199. to {
  1200. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1201. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1202. }
  1203. 0% {
  1204. opacity: 0;
  1205. -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
  1206. transform: translate3d(0, -3000px, 0) scaleY(3);
  1207. }
  1208. 60% {
  1209. opacity: 1;
  1210. -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
  1211. transform: translate3d(0, 25px, 0) scaleY(0.9);
  1212. }
  1213. 75% {
  1214. -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
  1215. transform: translate3d(0, -10px, 0) scaleY(0.95);
  1216. }
  1217. 90% {
  1218. -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
  1219. transform: translate3d(0, 5px, 0) scaleY(0.985);
  1220. }
  1221. to {
  1222. -webkit-transform: translate3d(0, 0, 0);
  1223. transform: translate3d(0, 0, 0);
  1224. }
  1225. }
  1226. .animate__bounceInDown {
  1227. -webkit-animation-name: bounceInDown;
  1228. animation-name: bounceInDown;
  1229. }
  1230. @-webkit-keyframes bounceInLeft {
  1231. from,
  1232. 60%,
  1233. 75%,
  1234. 90%,
  1235. to {
  1236. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1237. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1238. }
  1239. 0% {
  1240. opacity: 0;
  1241. -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
  1242. transform: translate3d(-3000px, 0, 0) scaleX(3);
  1243. }
  1244. 60% {
  1245. opacity: 1;
  1246. -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
  1247. transform: translate3d(25px, 0, 0) scaleX(1);
  1248. }
  1249. 75% {
  1250. -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
  1251. transform: translate3d(-10px, 0, 0) scaleX(0.98);
  1252. }
  1253. 90% {
  1254. -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
  1255. transform: translate3d(5px, 0, 0) scaleX(0.995);
  1256. }
  1257. to {
  1258. -webkit-transform: translate3d(0, 0, 0);
  1259. transform: translate3d(0, 0, 0);
  1260. }
  1261. }
  1262. @keyframes bounceInLeft {
  1263. from,
  1264. 60%,
  1265. 75%,
  1266. 90%,
  1267. to {
  1268. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1269. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1270. }
  1271. 0% {
  1272. opacity: 0;
  1273. -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
  1274. transform: translate3d(-3000px, 0, 0) scaleX(3);
  1275. }
  1276. 60% {
  1277. opacity: 1;
  1278. -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
  1279. transform: translate3d(25px, 0, 0) scaleX(1);
  1280. }
  1281. 75% {
  1282. -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
  1283. transform: translate3d(-10px, 0, 0) scaleX(0.98);
  1284. }
  1285. 90% {
  1286. -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
  1287. transform: translate3d(5px, 0, 0) scaleX(0.995);
  1288. }
  1289. to {
  1290. -webkit-transform: translate3d(0, 0, 0);
  1291. transform: translate3d(0, 0, 0);
  1292. }
  1293. }
  1294. .animate__bounceInLeft {
  1295. -webkit-animation-name: bounceInLeft;
  1296. animation-name: bounceInLeft;
  1297. }
  1298. @-webkit-keyframes bounceInRight {
  1299. from,
  1300. 60%,
  1301. 75%,
  1302. 90%,
  1303. to {
  1304. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1305. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1306. }
  1307. from {
  1308. opacity: 0;
  1309. -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
  1310. transform: translate3d(3000px, 0, 0) scaleX(3);
  1311. }
  1312. 60% {
  1313. opacity: 1;
  1314. -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
  1315. transform: translate3d(-25px, 0, 0) scaleX(1);
  1316. }
  1317. 75% {
  1318. -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
  1319. transform: translate3d(10px, 0, 0) scaleX(0.98);
  1320. }
  1321. 90% {
  1322. -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
  1323. transform: translate3d(-5px, 0, 0) scaleX(0.995);
  1324. }
  1325. to {
  1326. -webkit-transform: translate3d(0, 0, 0);
  1327. transform: translate3d(0, 0, 0);
  1328. }
  1329. }
  1330. @keyframes bounceInRight {
  1331. from,
  1332. 60%,
  1333. 75%,
  1334. 90%,
  1335. to {
  1336. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1337. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1338. }
  1339. from {
  1340. opacity: 0;
  1341. -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
  1342. transform: translate3d(3000px, 0, 0) scaleX(3);
  1343. }
  1344. 60% {
  1345. opacity: 1;
  1346. -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
  1347. transform: translate3d(-25px, 0, 0) scaleX(1);
  1348. }
  1349. 75% {
  1350. -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
  1351. transform: translate3d(10px, 0, 0) scaleX(0.98);
  1352. }
  1353. 90% {
  1354. -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
  1355. transform: translate3d(-5px, 0, 0) scaleX(0.995);
  1356. }
  1357. to {
  1358. -webkit-transform: translate3d(0, 0, 0);
  1359. transform: translate3d(0, 0, 0);
  1360. }
  1361. }
  1362. .animate__bounceInRight {
  1363. -webkit-animation-name: bounceInRight;
  1364. animation-name: bounceInRight;
  1365. }
  1366. @-webkit-keyframes bounceInUp {
  1367. from,
  1368. 60%,
  1369. 75%,
  1370. 90%,
  1371. to {
  1372. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1373. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1374. }
  1375. from {
  1376. opacity: 0;
  1377. -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
  1378. transform: translate3d(0, 3000px, 0) scaleY(5);
  1379. }
  1380. 60% {
  1381. opacity: 1;
  1382. -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
  1383. transform: translate3d(0, -20px, 0) scaleY(0.9);
  1384. }
  1385. 75% {
  1386. -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
  1387. transform: translate3d(0, 10px, 0) scaleY(0.95);
  1388. }
  1389. 90% {
  1390. -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
  1391. transform: translate3d(0, -5px, 0) scaleY(0.985);
  1392. }
  1393. to {
  1394. -webkit-transform: translate3d(0, 0, 0);
  1395. transform: translate3d(0, 0, 0);
  1396. }
  1397. }
  1398. @keyframes bounceInUp {
  1399. from,
  1400. 60%,
  1401. 75%,
  1402. 90%,
  1403. to {
  1404. -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1405. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  1406. }
  1407. from {
  1408. opacity: 0;
  1409. -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
  1410. transform: translate3d(0, 3000px, 0) scaleY(5);
  1411. }
  1412. 60% {
  1413. opacity: 1;
  1414. -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
  1415. transform: translate3d(0, -20px, 0) scaleY(0.9);
  1416. }
  1417. 75% {
  1418. -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
  1419. transform: translate3d(0, 10px, 0) scaleY(0.95);
  1420. }
  1421. 90% {
  1422. -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
  1423. transform: translate3d(0, -5px, 0) scaleY(0.985);
  1424. }
  1425. to {
  1426. -webkit-transform: translate3d(0, 0, 0);
  1427. transform: translate3d(0, 0, 0);
  1428. }
  1429. }
  1430. .animate__bounceInUp {
  1431. -webkit-animation-name: bounceInUp;
  1432. animation-name: bounceInUp;
  1433. }
  1434. /* Bouncing exits */
  1435. @-webkit-keyframes bounceOut {
  1436. 20% {
  1437. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  1438. transform: scale3d(0.9, 0.9, 0.9);
  1439. }
  1440. 50%,
  1441. 55% {
  1442. opacity: 1;
  1443. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  1444. transform: scale3d(1.1, 1.1, 1.1);
  1445. }
  1446. to {
  1447. opacity: 0;
  1448. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  1449. transform: scale3d(0.3, 0.3, 0.3);
  1450. }
  1451. }
  1452. @keyframes bounceOut {
  1453. 20% {
  1454. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  1455. transform: scale3d(0.9, 0.9, 0.9);
  1456. }
  1457. 50%,
  1458. 55% {
  1459. opacity: 1;
  1460. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  1461. transform: scale3d(1.1, 1.1, 1.1);
  1462. }
  1463. to {
  1464. opacity: 0;
  1465. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  1466. transform: scale3d(0.3, 0.3, 0.3);
  1467. }
  1468. }
  1469. .animate__bounceOut {
  1470. -webkit-animation-duration: calc(1s * 0.75);
  1471. animation-duration: calc(1s * 0.75);
  1472. -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  1473. animation-duration: calc(var(--animate-duration) * 0.75);
  1474. -webkit-animation-name: bounceOut;
  1475. animation-name: bounceOut;
  1476. }
  1477. @-webkit-keyframes bounceOutDown {
  1478. 20% {
  1479. -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
  1480. transform: translate3d(0, 10px, 0) scaleY(0.985);
  1481. }
  1482. 40%,
  1483. 45% {
  1484. opacity: 1;
  1485. -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
  1486. transform: translate3d(0, -20px, 0) scaleY(0.9);
  1487. }
  1488. to {
  1489. opacity: 0;
  1490. -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
  1491. transform: translate3d(0, 2000px, 0) scaleY(3);
  1492. }
  1493. }
  1494. @keyframes bounceOutDown {
  1495. 20% {
  1496. -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
  1497. transform: translate3d(0, 10px, 0) scaleY(0.985);
  1498. }
  1499. 40%,
  1500. 45% {
  1501. opacity: 1;
  1502. -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
  1503. transform: translate3d(0, -20px, 0) scaleY(0.9);
  1504. }
  1505. to {
  1506. opacity: 0;
  1507. -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
  1508. transform: translate3d(0, 2000px, 0) scaleY(3);
  1509. }
  1510. }
  1511. .animate__bounceOutDown {
  1512. -webkit-animation-name: bounceOutDown;
  1513. animation-name: bounceOutDown;
  1514. }
  1515. @-webkit-keyframes bounceOutLeft {
  1516. 20% {
  1517. opacity: 1;
  1518. -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
  1519. transform: translate3d(20px, 0, 0) scaleX(0.9);
  1520. }
  1521. to {
  1522. opacity: 0;
  1523. -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
  1524. transform: translate3d(-2000px, 0, 0) scaleX(2);
  1525. }
  1526. }
  1527. @keyframes bounceOutLeft {
  1528. 20% {
  1529. opacity: 1;
  1530. -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
  1531. transform: translate3d(20px, 0, 0) scaleX(0.9);
  1532. }
  1533. to {
  1534. opacity: 0;
  1535. -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
  1536. transform: translate3d(-2000px, 0, 0) scaleX(2);
  1537. }
  1538. }
  1539. .animate__bounceOutLeft {
  1540. -webkit-animation-name: bounceOutLeft;
  1541. animation-name: bounceOutLeft;
  1542. }
  1543. @-webkit-keyframes bounceOutRight {
  1544. 20% {
  1545. opacity: 1;
  1546. -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
  1547. transform: translate3d(-20px, 0, 0) scaleX(0.9);
  1548. }
  1549. to {
  1550. opacity: 0;
  1551. -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
  1552. transform: translate3d(2000px, 0, 0) scaleX(2);
  1553. }
  1554. }
  1555. @keyframes bounceOutRight {
  1556. 20% {
  1557. opacity: 1;
  1558. -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
  1559. transform: translate3d(-20px, 0, 0) scaleX(0.9);
  1560. }
  1561. to {
  1562. opacity: 0;
  1563. -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
  1564. transform: translate3d(2000px, 0, 0) scaleX(2);
  1565. }
  1566. }
  1567. .animate__bounceOutRight {
  1568. -webkit-animation-name: bounceOutRight;
  1569. animation-name: bounceOutRight;
  1570. }
  1571. @-webkit-keyframes bounceOutUp {
  1572. 20% {
  1573. -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
  1574. transform: translate3d(0, -10px, 0) scaleY(0.985);
  1575. }
  1576. 40%,
  1577. 45% {
  1578. opacity: 1;
  1579. -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
  1580. transform: translate3d(0, 20px, 0) scaleY(0.9);
  1581. }
  1582. to {
  1583. opacity: 0;
  1584. -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
  1585. transform: translate3d(0, -2000px, 0) scaleY(3);
  1586. }
  1587. }
  1588. @keyframes bounceOutUp {
  1589. 20% {
  1590. -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
  1591. transform: translate3d(0, -10px, 0) scaleY(0.985);
  1592. }
  1593. 40%,
  1594. 45% {
  1595. opacity: 1;
  1596. -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
  1597. transform: translate3d(0, 20px, 0) scaleY(0.9);
  1598. }
  1599. to {
  1600. opacity: 0;
  1601. -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
  1602. transform: translate3d(0, -2000px, 0) scaleY(3);
  1603. }
  1604. }
  1605. .animate__bounceOutUp {
  1606. -webkit-animation-name: bounceOutUp;
  1607. animation-name: bounceOutUp;
  1608. }
  1609. /* Fading entrances */
  1610. @-webkit-keyframes fadeIn {
  1611. from {
  1612. opacity: 0;
  1613. }
  1614. to {
  1615. opacity: 1;
  1616. }
  1617. }
  1618. @keyframes fadeIn {
  1619. from {
  1620. opacity: 0;
  1621. }
  1622. to {
  1623. opacity: 1;
  1624. }
  1625. }
  1626. .animate__fadeIn {
  1627. -webkit-animation-name: fadeIn;
  1628. animation-name: fadeIn;
  1629. }
  1630. @-webkit-keyframes fadeInDown {
  1631. from {
  1632. opacity: 0;
  1633. -webkit-transform: translate3d(0, -100%, 0);
  1634. transform: translate3d(0, -100%, 0);
  1635. }
  1636. to {
  1637. opacity: 1;
  1638. -webkit-transform: translate3d(0, 0, 0);
  1639. transform: translate3d(0, 0, 0);
  1640. }
  1641. }
  1642. @keyframes fadeInDown {
  1643. from {
  1644. opacity: 0;
  1645. -webkit-transform: translate3d(0, -100%, 0);
  1646. transform: translate3d(0, -100%, 0);
  1647. }
  1648. to {
  1649. opacity: 1;
  1650. -webkit-transform: translate3d(0, 0, 0);
  1651. transform: translate3d(0, 0, 0);
  1652. }
  1653. }
  1654. .animate__fadeInDown {
  1655. -webkit-animation-name: fadeInDown;
  1656. animation-name: fadeInDown;
  1657. }
  1658. @-webkit-keyframes fadeInDownBig {
  1659. from {
  1660. opacity: 0;
  1661. -webkit-transform: translate3d(0, -2000px, 0);
  1662. transform: translate3d(0, -2000px, 0);
  1663. }
  1664. to {
  1665. opacity: 1;
  1666. -webkit-transform: translate3d(0, 0, 0);
  1667. transform: translate3d(0, 0, 0);
  1668. }
  1669. }
  1670. @keyframes fadeInDownBig {
  1671. from {
  1672. opacity: 0;
  1673. -webkit-transform: translate3d(0, -2000px, 0);
  1674. transform: translate3d(0, -2000px, 0);
  1675. }
  1676. to {
  1677. opacity: 1;
  1678. -webkit-transform: translate3d(0, 0, 0);
  1679. transform: translate3d(0, 0, 0);
  1680. }
  1681. }
  1682. .animate__fadeInDownBig {
  1683. -webkit-animation-name: fadeInDownBig;
  1684. animation-name: fadeInDownBig;
  1685. }
  1686. @-webkit-keyframes fadeInLeft {
  1687. from {
  1688. opacity: 0;
  1689. -webkit-transform: translate3d(-100%, 0, 0);
  1690. transform: translate3d(-100%, 0, 0);
  1691. }
  1692. to {
  1693. opacity: 1;
  1694. -webkit-transform: translate3d(0, 0, 0);
  1695. transform: translate3d(0, 0, 0);
  1696. }
  1697. }
  1698. @keyframes fadeInLeft {
  1699. from {
  1700. opacity: 0;
  1701. -webkit-transform: translate3d(-100%, 0, 0);
  1702. transform: translate3d(-100%, 0, 0);
  1703. }
  1704. to {
  1705. opacity: 1;
  1706. -webkit-transform: translate3d(0, 0, 0);
  1707. transform: translate3d(0, 0, 0);
  1708. }
  1709. }
  1710. .animate__fadeInLeft {
  1711. -webkit-animation-name: fadeInLeft;
  1712. animation-name: fadeInLeft;
  1713. }
  1714. @-webkit-keyframes fadeInLeftBig {
  1715. from {
  1716. opacity: 0;
  1717. -webkit-transform: translate3d(-2000px, 0, 0);
  1718. transform: translate3d(-2000px, 0, 0);
  1719. }
  1720. to {
  1721. opacity: 1;
  1722. -webkit-transform: translate3d(0, 0, 0);
  1723. transform: translate3d(0, 0, 0);
  1724. }
  1725. }
  1726. @keyframes fadeInLeftBig {
  1727. from {
  1728. opacity: 0;
  1729. -webkit-transform: translate3d(-2000px, 0, 0);
  1730. transform: translate3d(-2000px, 0, 0);
  1731. }
  1732. to {
  1733. opacity: 1;
  1734. -webkit-transform: translate3d(0, 0, 0);
  1735. transform: translate3d(0, 0, 0);
  1736. }
  1737. }
  1738. .animate__fadeInLeftBig {
  1739. -webkit-animation-name: fadeInLeftBig;
  1740. animation-name: fadeInLeftBig;
  1741. }
  1742. @-webkit-keyframes fadeInRight {
  1743. from {
  1744. opacity: 0;
  1745. -webkit-transform: translate3d(100%, 0, 0);
  1746. transform: translate3d(100%, 0, 0);
  1747. }
  1748. to {
  1749. opacity: 1;
  1750. -webkit-transform: translate3d(0, 0, 0);
  1751. transform: translate3d(0, 0, 0);
  1752. }
  1753. }
  1754. @keyframes fadeInRight {
  1755. from {
  1756. opacity: 0;
  1757. -webkit-transform: translate3d(100%, 0, 0);
  1758. transform: translate3d(100%, 0, 0);
  1759. }
  1760. to {
  1761. opacity: 1;
  1762. -webkit-transform: translate3d(0, 0, 0);
  1763. transform: translate3d(0, 0, 0);
  1764. }
  1765. }
  1766. .animate__fadeInRight {
  1767. -webkit-animation-name: fadeInRight;
  1768. animation-name: fadeInRight;
  1769. }
  1770. @-webkit-keyframes fadeInRightBig {
  1771. from {
  1772. opacity: 0;
  1773. -webkit-transform: translate3d(2000px, 0, 0);
  1774. transform: translate3d(2000px, 0, 0);
  1775. }
  1776. to {
  1777. opacity: 1;
  1778. -webkit-transform: translate3d(0, 0, 0);
  1779. transform: translate3d(0, 0, 0);
  1780. }
  1781. }
  1782. @keyframes fadeInRightBig {
  1783. from {
  1784. opacity: 0;
  1785. -webkit-transform: translate3d(2000px, 0, 0);
  1786. transform: translate3d(2000px, 0, 0);
  1787. }
  1788. to {
  1789. opacity: 1;
  1790. -webkit-transform: translate3d(0, 0, 0);
  1791. transform: translate3d(0, 0, 0);
  1792. }
  1793. }
  1794. .animate__fadeInRightBig {
  1795. -webkit-animation-name: fadeInRightBig;
  1796. animation-name: fadeInRightBig;
  1797. }
  1798. @-webkit-keyframes fadeInUp {
  1799. from {
  1800. opacity: 0;
  1801. -webkit-transform: translate3d(0, 100%, 0);
  1802. transform: translate3d(0, 100%, 0);
  1803. }
  1804. to {
  1805. opacity: 1;
  1806. -webkit-transform: translate3d(0, 0, 0);
  1807. transform: translate3d(0, 0, 0);
  1808. }
  1809. }
  1810. @keyframes fadeInUp {
  1811. from {
  1812. opacity: 0;
  1813. -webkit-transform: translate3d(0, 100%, 0);
  1814. transform: translate3d(0, 100%, 0);
  1815. }
  1816. to {
  1817. opacity: 1;
  1818. -webkit-transform: translate3d(0, 0, 0);
  1819. transform: translate3d(0, 0, 0);
  1820. }
  1821. }
  1822. .animate__fadeInUp {
  1823. -webkit-animation-name: fadeInUp;
  1824. animation-name: fadeInUp;
  1825. }
  1826. @-webkit-keyframes fadeInUpBig {
  1827. from {
  1828. opacity: 0;
  1829. -webkit-transform: translate3d(0, 2000px, 0);
  1830. transform: translate3d(0, 2000px, 0);
  1831. }
  1832. to {
  1833. opacity: 1;
  1834. -webkit-transform: translate3d(0, 0, 0);
  1835. transform: translate3d(0, 0, 0);
  1836. }
  1837. }
  1838. @keyframes fadeInUpBig {
  1839. from {
  1840. opacity: 0;
  1841. -webkit-transform: translate3d(0, 2000px, 0);
  1842. transform: translate3d(0, 2000px, 0);
  1843. }
  1844. to {
  1845. opacity: 1;
  1846. -webkit-transform: translate3d(0, 0, 0);
  1847. transform: translate3d(0, 0, 0);
  1848. }
  1849. }
  1850. .animate__fadeInUpBig {
  1851. -webkit-animation-name: fadeInUpBig;
  1852. animation-name: fadeInUpBig;
  1853. }
  1854. @-webkit-keyframes fadeInTopLeft {
  1855. from {
  1856. opacity: 0;
  1857. -webkit-transform: translate3d(-100%, -100%, 0);
  1858. transform: translate3d(-100%, -100%, 0);
  1859. }
  1860. to {
  1861. opacity: 1;
  1862. -webkit-transform: translate3d(0, 0, 0);
  1863. transform: translate3d(0, 0, 0);
  1864. }
  1865. }
  1866. @keyframes fadeInTopLeft {
  1867. from {
  1868. opacity: 0;
  1869. -webkit-transform: translate3d(-100%, -100%, 0);
  1870. transform: translate3d(-100%, -100%, 0);
  1871. }
  1872. to {
  1873. opacity: 1;
  1874. -webkit-transform: translate3d(0, 0, 0);
  1875. transform: translate3d(0, 0, 0);
  1876. }
  1877. }
  1878. .animate__fadeInTopLeft {
  1879. -webkit-animation-name: fadeInTopLeft;
  1880. animation-name: fadeInTopLeft;
  1881. }
  1882. @-webkit-keyframes fadeInTopRight {
  1883. from {
  1884. opacity: 0;
  1885. -webkit-transform: translate3d(100%, -100%, 0);
  1886. transform: translate3d(100%, -100%, 0);
  1887. }
  1888. to {
  1889. opacity: 1;
  1890. -webkit-transform: translate3d(0, 0, 0);
  1891. transform: translate3d(0, 0, 0);
  1892. }
  1893. }
  1894. @keyframes fadeInTopRight {
  1895. from {
  1896. opacity: 0;
  1897. -webkit-transform: translate3d(100%, -100%, 0);
  1898. transform: translate3d(100%, -100%, 0);
  1899. }
  1900. to {
  1901. opacity: 1;
  1902. -webkit-transform: translate3d(0, 0, 0);
  1903. transform: translate3d(0, 0, 0);
  1904. }
  1905. }
  1906. .animate__fadeInTopRight {
  1907. -webkit-animation-name: fadeInTopRight;
  1908. animation-name: fadeInTopRight;
  1909. }
  1910. @-webkit-keyframes fadeInBottomLeft {
  1911. from {
  1912. opacity: 0;
  1913. -webkit-transform: translate3d(-100%, 100%, 0);
  1914. transform: translate3d(-100%, 100%, 0);
  1915. }
  1916. to {
  1917. opacity: 1;
  1918. -webkit-transform: translate3d(0, 0, 0);
  1919. transform: translate3d(0, 0, 0);
  1920. }
  1921. }
  1922. @keyframes fadeInBottomLeft {
  1923. from {
  1924. opacity: 0;
  1925. -webkit-transform: translate3d(-100%, 100%, 0);
  1926. transform: translate3d(-100%, 100%, 0);
  1927. }
  1928. to {
  1929. opacity: 1;
  1930. -webkit-transform: translate3d(0, 0, 0);
  1931. transform: translate3d(0, 0, 0);
  1932. }
  1933. }
  1934. .animate__fadeInBottomLeft {
  1935. -webkit-animation-name: fadeInBottomLeft;
  1936. animation-name: fadeInBottomLeft;
  1937. }
  1938. @-webkit-keyframes fadeInBottomRight {
  1939. from {
  1940. opacity: 0;
  1941. -webkit-transform: translate3d(100%, 100%, 0);
  1942. transform: translate3d(100%, 100%, 0);
  1943. }
  1944. to {
  1945. opacity: 1;
  1946. -webkit-transform: translate3d(0, 0, 0);
  1947. transform: translate3d(0, 0, 0);
  1948. }
  1949. }
  1950. @keyframes fadeInBottomRight {
  1951. from {
  1952. opacity: 0;
  1953. -webkit-transform: translate3d(100%, 100%, 0);
  1954. transform: translate3d(100%, 100%, 0);
  1955. }
  1956. to {
  1957. opacity: 1;
  1958. -webkit-transform: translate3d(0, 0, 0);
  1959. transform: translate3d(0, 0, 0);
  1960. }
  1961. }
  1962. .animate__fadeInBottomRight {
  1963. -webkit-animation-name: fadeInBottomRight;
  1964. animation-name: fadeInBottomRight;
  1965. }
  1966. /* Fading exits */
  1967. @-webkit-keyframes fadeOut {
  1968. from {
  1969. opacity: 1;
  1970. }
  1971. to {
  1972. opacity: 0;
  1973. }
  1974. }
  1975. @keyframes fadeOut {
  1976. from {
  1977. opacity: 1;
  1978. }
  1979. to {
  1980. opacity: 0;
  1981. }
  1982. }
  1983. .animate__fadeOut {
  1984. -webkit-animation-name: fadeOut;
  1985. animation-name: fadeOut;
  1986. }
  1987. @-webkit-keyframes fadeOutDown {
  1988. from {
  1989. opacity: 1;
  1990. }
  1991. to {
  1992. opacity: 0;
  1993. -webkit-transform: translate3d(0, 100%, 0);
  1994. transform: translate3d(0, 100%, 0);
  1995. }
  1996. }
  1997. @keyframes fadeOutDown {
  1998. from {
  1999. opacity: 1;
  2000. }
  2001. to {
  2002. opacity: 0;
  2003. -webkit-transform: translate3d(0, 100%, 0);
  2004. transform: translate3d(0, 100%, 0);
  2005. }
  2006. }
  2007. .animate__fadeOutDown {
  2008. -webkit-animation-name: fadeOutDown;
  2009. animation-name: fadeOutDown;
  2010. }
  2011. @-webkit-keyframes fadeOutDownBig {
  2012. from {
  2013. opacity: 1;
  2014. }
  2015. to {
  2016. opacity: 0;
  2017. -webkit-transform: translate3d(0, 2000px, 0);
  2018. transform: translate3d(0, 2000px, 0);
  2019. }
  2020. }
  2021. @keyframes fadeOutDownBig {
  2022. from {
  2023. opacity: 1;
  2024. }
  2025. to {
  2026. opacity: 0;
  2027. -webkit-transform: translate3d(0, 2000px, 0);
  2028. transform: translate3d(0, 2000px, 0);
  2029. }
  2030. }
  2031. .animate__fadeOutDownBig {
  2032. -webkit-animation-name: fadeOutDownBig;
  2033. animation-name: fadeOutDownBig;
  2034. }
  2035. @-webkit-keyframes fadeOutLeft {
  2036. from {
  2037. opacity: 1;
  2038. }
  2039. to {
  2040. opacity: 0;
  2041. -webkit-transform: translate3d(-100%, 0, 0);
  2042. transform: translate3d(-100%, 0, 0);
  2043. }
  2044. }
  2045. @keyframes fadeOutLeft {
  2046. from {
  2047. opacity: 1;
  2048. }
  2049. to {
  2050. opacity: 0;
  2051. -webkit-transform: translate3d(-100%, 0, 0);
  2052. transform: translate3d(-100%, 0, 0);
  2053. }
  2054. }
  2055. .animate__fadeOutLeft {
  2056. -webkit-animation-name: fadeOutLeft;
  2057. animation-name: fadeOutLeft;
  2058. }
  2059. @-webkit-keyframes fadeOutLeftBig {
  2060. from {
  2061. opacity: 1;
  2062. }
  2063. to {
  2064. opacity: 0;
  2065. -webkit-transform: translate3d(-2000px, 0, 0);
  2066. transform: translate3d(-2000px, 0, 0);
  2067. }
  2068. }
  2069. @keyframes fadeOutLeftBig {
  2070. from {
  2071. opacity: 1;
  2072. }
  2073. to {
  2074. opacity: 0;
  2075. -webkit-transform: translate3d(-2000px, 0, 0);
  2076. transform: translate3d(-2000px, 0, 0);
  2077. }
  2078. }
  2079. .animate__fadeOutLeftBig {
  2080. -webkit-animation-name: fadeOutLeftBig;
  2081. animation-name: fadeOutLeftBig;
  2082. }
  2083. @-webkit-keyframes fadeOutRight {
  2084. from {
  2085. opacity: 1;
  2086. }
  2087. to {
  2088. opacity: 0;
  2089. -webkit-transform: translate3d(100%, 0, 0);
  2090. transform: translate3d(100%, 0, 0);
  2091. }
  2092. }
  2093. @keyframes fadeOutRight {
  2094. from {
  2095. opacity: 1;
  2096. }
  2097. to {
  2098. opacity: 0;
  2099. -webkit-transform: translate3d(100%, 0, 0);
  2100. transform: translate3d(100%, 0, 0);
  2101. }
  2102. }
  2103. .animate__fadeOutRight {
  2104. -webkit-animation-name: fadeOutRight;
  2105. animation-name: fadeOutRight;
  2106. }
  2107. @-webkit-keyframes fadeOutRightBig {
  2108. from {
  2109. opacity: 1;
  2110. }
  2111. to {
  2112. opacity: 0;
  2113. -webkit-transform: translate3d(2000px, 0, 0);
  2114. transform: translate3d(2000px, 0, 0);
  2115. }
  2116. }
  2117. @keyframes fadeOutRightBig {
  2118. from {
  2119. opacity: 1;
  2120. }
  2121. to {
  2122. opacity: 0;
  2123. -webkit-transform: translate3d(2000px, 0, 0);
  2124. transform: translate3d(2000px, 0, 0);
  2125. }
  2126. }
  2127. .animate__fadeOutRightBig {
  2128. -webkit-animation-name: fadeOutRightBig;
  2129. animation-name: fadeOutRightBig;
  2130. }
  2131. @-webkit-keyframes fadeOutUp {
  2132. from {
  2133. opacity: 1;
  2134. }
  2135. to {
  2136. opacity: 0;
  2137. -webkit-transform: translate3d(0, -100%, 0);
  2138. transform: translate3d(0, -100%, 0);
  2139. }
  2140. }
  2141. @keyframes fadeOutUp {
  2142. from {
  2143. opacity: 1;
  2144. }
  2145. to {
  2146. opacity: 0;
  2147. -webkit-transform: translate3d(0, -100%, 0);
  2148. transform: translate3d(0, -100%, 0);
  2149. }
  2150. }
  2151. .animate__fadeOutUp {
  2152. -webkit-animation-name: fadeOutUp;
  2153. animation-name: fadeOutUp;
  2154. }
  2155. @-webkit-keyframes fadeOutUpBig {
  2156. from {
  2157. opacity: 1;
  2158. }
  2159. to {
  2160. opacity: 0;
  2161. -webkit-transform: translate3d(0, -2000px, 0);
  2162. transform: translate3d(0, -2000px, 0);
  2163. }
  2164. }
  2165. @keyframes fadeOutUpBig {
  2166. from {
  2167. opacity: 1;
  2168. }
  2169. to {
  2170. opacity: 0;
  2171. -webkit-transform: translate3d(0, -2000px, 0);
  2172. transform: translate3d(0, -2000px, 0);
  2173. }
  2174. }
  2175. .animate__fadeOutUpBig {
  2176. -webkit-animation-name: fadeOutUpBig;
  2177. animation-name: fadeOutUpBig;
  2178. }
  2179. @-webkit-keyframes fadeOutTopLeft {
  2180. from {
  2181. opacity: 1;
  2182. -webkit-transform: translate3d(0, 0, 0);
  2183. transform: translate3d(0, 0, 0);
  2184. }
  2185. to {
  2186. opacity: 0;
  2187. -webkit-transform: translate3d(-100%, -100%, 0);
  2188. transform: translate3d(-100%, -100%, 0);
  2189. }
  2190. }
  2191. @keyframes fadeOutTopLeft {
  2192. from {
  2193. opacity: 1;
  2194. -webkit-transform: translate3d(0, 0, 0);
  2195. transform: translate3d(0, 0, 0);
  2196. }
  2197. to {
  2198. opacity: 0;
  2199. -webkit-transform: translate3d(-100%, -100%, 0);
  2200. transform: translate3d(-100%, -100%, 0);
  2201. }
  2202. }
  2203. .animate__fadeOutTopLeft {
  2204. -webkit-animation-name: fadeOutTopLeft;
  2205. animation-name: fadeOutTopLeft;
  2206. }
  2207. @-webkit-keyframes fadeOutTopRight {
  2208. from {
  2209. opacity: 1;
  2210. -webkit-transform: translate3d(0, 0, 0);
  2211. transform: translate3d(0, 0, 0);
  2212. }
  2213. to {
  2214. opacity: 0;
  2215. -webkit-transform: translate3d(100%, -100%, 0);
  2216. transform: translate3d(100%, -100%, 0);
  2217. }
  2218. }
  2219. @keyframes fadeOutTopRight {
  2220. from {
  2221. opacity: 1;
  2222. -webkit-transform: translate3d(0, 0, 0);
  2223. transform: translate3d(0, 0, 0);
  2224. }
  2225. to {
  2226. opacity: 0;
  2227. -webkit-transform: translate3d(100%, -100%, 0);
  2228. transform: translate3d(100%, -100%, 0);
  2229. }
  2230. }
  2231. .animate__fadeOutTopRight {
  2232. -webkit-animation-name: fadeOutTopRight;
  2233. animation-name: fadeOutTopRight;
  2234. }
  2235. @-webkit-keyframes fadeOutBottomRight {
  2236. from {
  2237. opacity: 1;
  2238. -webkit-transform: translate3d(0, 0, 0);
  2239. transform: translate3d(0, 0, 0);
  2240. }
  2241. to {
  2242. opacity: 0;
  2243. -webkit-transform: translate3d(100%, 100%, 0);
  2244. transform: translate3d(100%, 100%, 0);
  2245. }
  2246. }
  2247. @keyframes fadeOutBottomRight {
  2248. from {
  2249. opacity: 1;
  2250. -webkit-transform: translate3d(0, 0, 0);
  2251. transform: translate3d(0, 0, 0);
  2252. }
  2253. to {
  2254. opacity: 0;
  2255. -webkit-transform: translate3d(100%, 100%, 0);
  2256. transform: translate3d(100%, 100%, 0);
  2257. }
  2258. }
  2259. .animate__fadeOutBottomRight {
  2260. -webkit-animation-name: fadeOutBottomRight;
  2261. animation-name: fadeOutBottomRight;
  2262. }
  2263. @-webkit-keyframes fadeOutBottomLeft {
  2264. from {
  2265. opacity: 1;
  2266. -webkit-transform: translate3d(0, 0, 0);
  2267. transform: translate3d(0, 0, 0);
  2268. }
  2269. to {
  2270. opacity: 0;
  2271. -webkit-transform: translate3d(-100%, 100%, 0);
  2272. transform: translate3d(-100%, 100%, 0);
  2273. }
  2274. }
  2275. @keyframes fadeOutBottomLeft {
  2276. from {
  2277. opacity: 1;
  2278. -webkit-transform: translate3d(0, 0, 0);
  2279. transform: translate3d(0, 0, 0);
  2280. }
  2281. to {
  2282. opacity: 0;
  2283. -webkit-transform: translate3d(-100%, 100%, 0);
  2284. transform: translate3d(-100%, 100%, 0);
  2285. }
  2286. }
  2287. .animate__fadeOutBottomLeft {
  2288. -webkit-animation-name: fadeOutBottomLeft;
  2289. animation-name: fadeOutBottomLeft;
  2290. }
  2291. /* Flippers */
  2292. @-webkit-keyframes flip {
  2293. from {
  2294. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
  2295. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
  2296. -webkit-animation-timing-function: ease-out;
  2297. animation-timing-function: ease-out;
  2298. }
  2299. 40% {
  2300. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2301. rotate3d(0, 1, 0, -190deg);
  2302. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2303. rotate3d(0, 1, 0, -190deg);
  2304. -webkit-animation-timing-function: ease-out;
  2305. animation-timing-function: ease-out;
  2306. }
  2307. 50% {
  2308. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2309. rotate3d(0, 1, 0, -170deg);
  2310. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2311. rotate3d(0, 1, 0, -170deg);
  2312. -webkit-animation-timing-function: ease-in;
  2313. animation-timing-function: ease-in;
  2314. }
  2315. 80% {
  2316. -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
  2317. rotate3d(0, 1, 0, 0deg);
  2318. transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
  2319. rotate3d(0, 1, 0, 0deg);
  2320. -webkit-animation-timing-function: ease-in;
  2321. animation-timing-function: ease-in;
  2322. }
  2323. to {
  2324. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
  2325. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
  2326. -webkit-animation-timing-function: ease-in;
  2327. animation-timing-function: ease-in;
  2328. }
  2329. }
  2330. @keyframes flip {
  2331. from {
  2332. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
  2333. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
  2334. -webkit-animation-timing-function: ease-out;
  2335. animation-timing-function: ease-out;
  2336. }
  2337. 40% {
  2338. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2339. rotate3d(0, 1, 0, -190deg);
  2340. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2341. rotate3d(0, 1, 0, -190deg);
  2342. -webkit-animation-timing-function: ease-out;
  2343. animation-timing-function: ease-out;
  2344. }
  2345. 50% {
  2346. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2347. rotate3d(0, 1, 0, -170deg);
  2348. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
  2349. rotate3d(0, 1, 0, -170deg);
  2350. -webkit-animation-timing-function: ease-in;
  2351. animation-timing-function: ease-in;
  2352. }
  2353. 80% {
  2354. -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
  2355. rotate3d(0, 1, 0, 0deg);
  2356. transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
  2357. rotate3d(0, 1, 0, 0deg);
  2358. -webkit-animation-timing-function: ease-in;
  2359. animation-timing-function: ease-in;
  2360. }
  2361. to {
  2362. -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
  2363. transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
  2364. -webkit-animation-timing-function: ease-in;
  2365. animation-timing-function: ease-in;
  2366. }
  2367. }
  2368. .animate__animated.animate__flip {
  2369. -webkit-backface-visibility: visible;
  2370. backface-visibility: visible;
  2371. -webkit-animation-name: flip;
  2372. animation-name: flip;
  2373. }
  2374. @-webkit-keyframes flipInX {
  2375. from {
  2376. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2377. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2378. -webkit-animation-timing-function: ease-in;
  2379. animation-timing-function: ease-in;
  2380. opacity: 0;
  2381. }
  2382. 40% {
  2383. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2384. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2385. -webkit-animation-timing-function: ease-in;
  2386. animation-timing-function: ease-in;
  2387. }
  2388. 60% {
  2389. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  2390. transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  2391. opacity: 1;
  2392. }
  2393. 80% {
  2394. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  2395. transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  2396. }
  2397. to {
  2398. -webkit-transform: perspective(400px);
  2399. transform: perspective(400px);
  2400. }
  2401. }
  2402. @keyframes flipInX {
  2403. from {
  2404. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2405. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2406. -webkit-animation-timing-function: ease-in;
  2407. animation-timing-function: ease-in;
  2408. opacity: 0;
  2409. }
  2410. 40% {
  2411. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2412. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2413. -webkit-animation-timing-function: ease-in;
  2414. animation-timing-function: ease-in;
  2415. }
  2416. 60% {
  2417. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  2418. transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  2419. opacity: 1;
  2420. }
  2421. 80% {
  2422. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  2423. transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  2424. }
  2425. to {
  2426. -webkit-transform: perspective(400px);
  2427. transform: perspective(400px);
  2428. }
  2429. }
  2430. .animate__flipInX {
  2431. -webkit-backface-visibility: visible !important;
  2432. backface-visibility: visible !important;
  2433. -webkit-animation-name: flipInX;
  2434. animation-name: flipInX;
  2435. }
  2436. @-webkit-keyframes flipInY {
  2437. from {
  2438. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2439. transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2440. -webkit-animation-timing-function: ease-in;
  2441. animation-timing-function: ease-in;
  2442. opacity: 0;
  2443. }
  2444. 40% {
  2445. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  2446. transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  2447. -webkit-animation-timing-function: ease-in;
  2448. animation-timing-function: ease-in;
  2449. }
  2450. 60% {
  2451. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  2452. transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  2453. opacity: 1;
  2454. }
  2455. 80% {
  2456. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  2457. transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  2458. }
  2459. to {
  2460. -webkit-transform: perspective(400px);
  2461. transform: perspective(400px);
  2462. }
  2463. }
  2464. @keyframes flipInY {
  2465. from {
  2466. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2467. transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2468. -webkit-animation-timing-function: ease-in;
  2469. animation-timing-function: ease-in;
  2470. opacity: 0;
  2471. }
  2472. 40% {
  2473. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  2474. transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  2475. -webkit-animation-timing-function: ease-in;
  2476. animation-timing-function: ease-in;
  2477. }
  2478. 60% {
  2479. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  2480. transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  2481. opacity: 1;
  2482. }
  2483. 80% {
  2484. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  2485. transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  2486. }
  2487. to {
  2488. -webkit-transform: perspective(400px);
  2489. transform: perspective(400px);
  2490. }
  2491. }
  2492. .animate__flipInY {
  2493. -webkit-backface-visibility: visible !important;
  2494. backface-visibility: visible !important;
  2495. -webkit-animation-name: flipInY;
  2496. animation-name: flipInY;
  2497. }
  2498. @-webkit-keyframes flipOutX {
  2499. from {
  2500. -webkit-transform: perspective(400px);
  2501. transform: perspective(400px);
  2502. }
  2503. 30% {
  2504. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2505. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2506. opacity: 1;
  2507. }
  2508. to {
  2509. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2510. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2511. opacity: 0;
  2512. }
  2513. }
  2514. @keyframes flipOutX {
  2515. from {
  2516. -webkit-transform: perspective(400px);
  2517. transform: perspective(400px);
  2518. }
  2519. 30% {
  2520. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2521. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  2522. opacity: 1;
  2523. }
  2524. to {
  2525. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2526. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  2527. opacity: 0;
  2528. }
  2529. }
  2530. .animate__flipOutX {
  2531. -webkit-animation-duration: calc(1s * 0.75);
  2532. animation-duration: calc(1s * 0.75);
  2533. -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  2534. animation-duration: calc(var(--animate-duration) * 0.75);
  2535. -webkit-animation-name: flipOutX;
  2536. animation-name: flipOutX;
  2537. -webkit-backface-visibility: visible !important;
  2538. backface-visibility: visible !important;
  2539. }
  2540. @-webkit-keyframes flipOutY {
  2541. from {
  2542. -webkit-transform: perspective(400px);
  2543. transform: perspective(400px);
  2544. }
  2545. 30% {
  2546. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  2547. transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  2548. opacity: 1;
  2549. }
  2550. to {
  2551. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2552. transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2553. opacity: 0;
  2554. }
  2555. }
  2556. @keyframes flipOutY {
  2557. from {
  2558. -webkit-transform: perspective(400px);
  2559. transform: perspective(400px);
  2560. }
  2561. 30% {
  2562. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  2563. transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  2564. opacity: 1;
  2565. }
  2566. to {
  2567. -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2568. transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  2569. opacity: 0;
  2570. }
  2571. }
  2572. .animate__flipOutY {
  2573. -webkit-animation-duration: calc(1s * 0.75);
  2574. animation-duration: calc(1s * 0.75);
  2575. -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  2576. animation-duration: calc(var(--animate-duration) * 0.75);
  2577. -webkit-backface-visibility: visible !important;
  2578. backface-visibility: visible !important;
  2579. -webkit-animation-name: flipOutY;
  2580. animation-name: flipOutY;
  2581. }
  2582. /* Lightspeed */
  2583. @-webkit-keyframes lightSpeedInRight {
  2584. from {
  2585. -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  2586. transform: translate3d(100%, 0, 0) skewX(-30deg);
  2587. opacity: 0;
  2588. }
  2589. 60% {
  2590. -webkit-transform: skewX(20deg);
  2591. transform: skewX(20deg);
  2592. opacity: 1;
  2593. }
  2594. 80% {
  2595. -webkit-transform: skewX(-5deg);
  2596. transform: skewX(-5deg);
  2597. }
  2598. to {
  2599. -webkit-transform: translate3d(0, 0, 0);
  2600. transform: translate3d(0, 0, 0);
  2601. }
  2602. }
  2603. @keyframes lightSpeedInRight {
  2604. from {
  2605. -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  2606. transform: translate3d(100%, 0, 0) skewX(-30deg);
  2607. opacity: 0;
  2608. }
  2609. 60% {
  2610. -webkit-transform: skewX(20deg);
  2611. transform: skewX(20deg);
  2612. opacity: 1;
  2613. }
  2614. 80% {
  2615. -webkit-transform: skewX(-5deg);
  2616. transform: skewX(-5deg);
  2617. }
  2618. to {
  2619. -webkit-transform: translate3d(0, 0, 0);
  2620. transform: translate3d(0, 0, 0);
  2621. }
  2622. }
  2623. .animate__lightSpeedInRight {
  2624. -webkit-animation-name: lightSpeedInRight;
  2625. animation-name: lightSpeedInRight;
  2626. -webkit-animation-timing-function: ease-out;
  2627. animation-timing-function: ease-out;
  2628. }
  2629. @-webkit-keyframes lightSpeedInLeft {
  2630. from {
  2631. -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
  2632. transform: translate3d(-100%, 0, 0) skewX(30deg);
  2633. opacity: 0;
  2634. }
  2635. 60% {
  2636. -webkit-transform: skewX(-20deg);
  2637. transform: skewX(-20deg);
  2638. opacity: 1;
  2639. }
  2640. 80% {
  2641. -webkit-transform: skewX(5deg);
  2642. transform: skewX(5deg);
  2643. }
  2644. to {
  2645. -webkit-transform: translate3d(0, 0, 0);
  2646. transform: translate3d(0, 0, 0);
  2647. }
  2648. }
  2649. @keyframes lightSpeedInLeft {
  2650. from {
  2651. -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
  2652. transform: translate3d(-100%, 0, 0) skewX(30deg);
  2653. opacity: 0;
  2654. }
  2655. 60% {
  2656. -webkit-transform: skewX(-20deg);
  2657. transform: skewX(-20deg);
  2658. opacity: 1;
  2659. }
  2660. 80% {
  2661. -webkit-transform: skewX(5deg);
  2662. transform: skewX(5deg);
  2663. }
  2664. to {
  2665. -webkit-transform: translate3d(0, 0, 0);
  2666. transform: translate3d(0, 0, 0);
  2667. }
  2668. }
  2669. .animate__lightSpeedInLeft {
  2670. -webkit-animation-name: lightSpeedInLeft;
  2671. animation-name: lightSpeedInLeft;
  2672. -webkit-animation-timing-function: ease-out;
  2673. animation-timing-function: ease-out;
  2674. }
  2675. @-webkit-keyframes lightSpeedOutRight {
  2676. from {
  2677. opacity: 1;
  2678. }
  2679. to {
  2680. -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  2681. transform: translate3d(100%, 0, 0) skewX(30deg);
  2682. opacity: 0;
  2683. }
  2684. }
  2685. @keyframes lightSpeedOutRight {
  2686. from {
  2687. opacity: 1;
  2688. }
  2689. to {
  2690. -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  2691. transform: translate3d(100%, 0, 0) skewX(30deg);
  2692. opacity: 0;
  2693. }
  2694. }
  2695. .animate__lightSpeedOutRight {
  2696. -webkit-animation-name: lightSpeedOutRight;
  2697. animation-name: lightSpeedOutRight;
  2698. -webkit-animation-timing-function: ease-in;
  2699. animation-timing-function: ease-in;
  2700. }
  2701. @-webkit-keyframes lightSpeedOutLeft {
  2702. from {
  2703. opacity: 1;
  2704. }
  2705. to {
  2706. -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
  2707. transform: translate3d(-100%, 0, 0) skewX(-30deg);
  2708. opacity: 0;
  2709. }
  2710. }
  2711. @keyframes lightSpeedOutLeft {
  2712. from {
  2713. opacity: 1;
  2714. }
  2715. to {
  2716. -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
  2717. transform: translate3d(-100%, 0, 0) skewX(-30deg);
  2718. opacity: 0;
  2719. }
  2720. }
  2721. .animate__lightSpeedOutLeft {
  2722. -webkit-animation-name: lightSpeedOutLeft;
  2723. animation-name: lightSpeedOutLeft;
  2724. -webkit-animation-timing-function: ease-in;
  2725. animation-timing-function: ease-in;
  2726. }
  2727. /* Rotating entrances */
  2728. @-webkit-keyframes rotateIn {
  2729. from {
  2730. -webkit-transform: rotate3d(0, 0, 1, -200deg);
  2731. transform: rotate3d(0, 0, 1, -200deg);
  2732. opacity: 0;
  2733. }
  2734. to {
  2735. -webkit-transform: translate3d(0, 0, 0);
  2736. transform: translate3d(0, 0, 0);
  2737. opacity: 1;
  2738. }
  2739. }
  2740. @keyframes rotateIn {
  2741. from {
  2742. -webkit-transform: rotate3d(0, 0, 1, -200deg);
  2743. transform: rotate3d(0, 0, 1, -200deg);
  2744. opacity: 0;
  2745. }
  2746. to {
  2747. -webkit-transform: translate3d(0, 0, 0);
  2748. transform: translate3d(0, 0, 0);
  2749. opacity: 1;
  2750. }
  2751. }
  2752. .animate__rotateIn {
  2753. -webkit-animation-name: rotateIn;
  2754. animation-name: rotateIn;
  2755. -webkit-transform-origin: center;
  2756. transform-origin: center;
  2757. }
  2758. @-webkit-keyframes rotateInDownLeft {
  2759. from {
  2760. -webkit-transform: rotate3d(0, 0, 1, -45deg);
  2761. transform: rotate3d(0, 0, 1, -45deg);
  2762. opacity: 0;
  2763. }
  2764. to {
  2765. -webkit-transform: translate3d(0, 0, 0);
  2766. transform: translate3d(0, 0, 0);
  2767. opacity: 1;
  2768. }
  2769. }
  2770. @keyframes rotateInDownLeft {
  2771. from {
  2772. -webkit-transform: rotate3d(0, 0, 1, -45deg);
  2773. transform: rotate3d(0, 0, 1, -45deg);
  2774. opacity: 0;
  2775. }
  2776. to {
  2777. -webkit-transform: translate3d(0, 0, 0);
  2778. transform: translate3d(0, 0, 0);
  2779. opacity: 1;
  2780. }
  2781. }
  2782. .animate__rotateInDownLeft {
  2783. -webkit-animation-name: rotateInDownLeft;
  2784. animation-name: rotateInDownLeft;
  2785. -webkit-transform-origin: left bottom;
  2786. transform-origin: left bottom;
  2787. }
  2788. @-webkit-keyframes rotateInDownRight {
  2789. from {
  2790. -webkit-transform: rotate3d(0, 0, 1, 45deg);
  2791. transform: rotate3d(0, 0, 1, 45deg);
  2792. opacity: 0;
  2793. }
  2794. to {
  2795. -webkit-transform: translate3d(0, 0, 0);
  2796. transform: translate3d(0, 0, 0);
  2797. opacity: 1;
  2798. }
  2799. }
  2800. @keyframes rotateInDownRight {
  2801. from {
  2802. -webkit-transform: rotate3d(0, 0, 1, 45deg);
  2803. transform: rotate3d(0, 0, 1, 45deg);
  2804. opacity: 0;
  2805. }
  2806. to {
  2807. -webkit-transform: translate3d(0, 0, 0);
  2808. transform: translate3d(0, 0, 0);
  2809. opacity: 1;
  2810. }
  2811. }
  2812. .animate__rotateInDownRight {
  2813. -webkit-animation-name: rotateInDownRight;
  2814. animation-name: rotateInDownRight;
  2815. -webkit-transform-origin: right bottom;
  2816. transform-origin: right bottom;
  2817. }
  2818. @-webkit-keyframes rotateInUpLeft {
  2819. from {
  2820. -webkit-transform: rotate3d(0, 0, 1, 45deg);
  2821. transform: rotate3d(0, 0, 1, 45deg);
  2822. opacity: 0;
  2823. }
  2824. to {
  2825. -webkit-transform: translate3d(0, 0, 0);
  2826. transform: translate3d(0, 0, 0);
  2827. opacity: 1;
  2828. }
  2829. }
  2830. @keyframes rotateInUpLeft {
  2831. from {
  2832. -webkit-transform: rotate3d(0, 0, 1, 45deg);
  2833. transform: rotate3d(0, 0, 1, 45deg);
  2834. opacity: 0;
  2835. }
  2836. to {
  2837. -webkit-transform: translate3d(0, 0, 0);
  2838. transform: translate3d(0, 0, 0);
  2839. opacity: 1;
  2840. }
  2841. }
  2842. .animate__rotateInUpLeft {
  2843. -webkit-animation-name: rotateInUpLeft;
  2844. animation-name: rotateInUpLeft;
  2845. -webkit-transform-origin: left bottom;
  2846. transform-origin: left bottom;
  2847. }
  2848. @-webkit-keyframes rotateInUpRight {
  2849. from {
  2850. -webkit-transform: rotate3d(0, 0, 1, -90deg);
  2851. transform: rotate3d(0, 0, 1, -90deg);
  2852. opacity: 0;
  2853. }
  2854. to {
  2855. -webkit-transform: translate3d(0, 0, 0);
  2856. transform: translate3d(0, 0, 0);
  2857. opacity: 1;
  2858. }
  2859. }
  2860. @keyframes rotateInUpRight {
  2861. from {
  2862. -webkit-transform: rotate3d(0, 0, 1, -90deg);
  2863. transform: rotate3d(0, 0, 1, -90deg);
  2864. opacity: 0;
  2865. }
  2866. to {
  2867. -webkit-transform: translate3d(0, 0, 0);
  2868. transform: translate3d(0, 0, 0);
  2869. opacity: 1;
  2870. }
  2871. }
  2872. .animate__rotateInUpRight {
  2873. -webkit-animation-name: rotateInUpRight;
  2874. animation-name: rotateInUpRight;
  2875. -webkit-transform-origin: right bottom;
  2876. transform-origin: right bottom;
  2877. }
  2878. /* Rotating exits */
  2879. @-webkit-keyframes rotateOut {
  2880. from {
  2881. opacity: 1;
  2882. }
  2883. to {
  2884. -webkit-transform: rotate3d(0, 0, 1, 200deg);
  2885. transform: rotate3d(0, 0, 1, 200deg);
  2886. opacity: 0;
  2887. }
  2888. }
  2889. @keyframes rotateOut {
  2890. from {
  2891. opacity: 1;
  2892. }
  2893. to {
  2894. -webkit-transform: rotate3d(0, 0, 1, 200deg);
  2895. transform: rotate3d(0, 0, 1, 200deg);
  2896. opacity: 0;
  2897. }
  2898. }
  2899. .animate__rotateOut {
  2900. -webkit-animation-name: rotateOut;
  2901. animation-name: rotateOut;
  2902. -webkit-transform-origin: center;
  2903. transform-origin: center;
  2904. }
  2905. @-webkit-keyframes rotateOutDownLeft {
  2906. from {
  2907. opacity: 1;
  2908. }
  2909. to {
  2910. -webkit-transform: rotate3d(0, 0, 1, 45deg);
  2911. transform: rotate3d(0, 0, 1, 45deg);
  2912. opacity: 0;
  2913. }
  2914. }
  2915. @keyframes rotateOutDownLeft {
  2916. from {
  2917. opacity: 1;
  2918. }
  2919. to {
  2920. -webkit-transform: rotate3d(0, 0, 1, 45deg);
  2921. transform: rotate3d(0, 0, 1, 45deg);
  2922. opacity: 0;
  2923. }
  2924. }
  2925. .animate__rotateOutDownLeft {
  2926. -webkit-animation-name: rotateOutDownLeft;
  2927. animation-name: rotateOutDownLeft;
  2928. -webkit-transform-origin: left bottom;
  2929. transform-origin: left bottom;
  2930. }
  2931. @-webkit-keyframes rotateOutDownRight {
  2932. from {
  2933. opacity: 1;
  2934. }
  2935. to {
  2936. -webkit-transform: rotate3d(0, 0, 1, -45deg);
  2937. transform: rotate3d(0, 0, 1, -45deg);
  2938. opacity: 0;
  2939. }
  2940. }
  2941. @keyframes rotateOutDownRight {
  2942. from {
  2943. opacity: 1;
  2944. }
  2945. to {
  2946. -webkit-transform: rotate3d(0, 0, 1, -45deg);
  2947. transform: rotate3d(0, 0, 1, -45deg);
  2948. opacity: 0;
  2949. }
  2950. }
  2951. .animate__rotateOutDownRight {
  2952. -webkit-animation-name: rotateOutDownRight;
  2953. animation-name: rotateOutDownRight;
  2954. -webkit-transform-origin: right bottom;
  2955. transform-origin: right bottom;
  2956. }
  2957. @-webkit-keyframes rotateOutUpLeft {
  2958. from {
  2959. opacity: 1;
  2960. }
  2961. to {
  2962. -webkit-transform: rotate3d(0, 0, 1, -45deg);
  2963. transform: rotate3d(0, 0, 1, -45deg);
  2964. opacity: 0;
  2965. }
  2966. }
  2967. @keyframes rotateOutUpLeft {
  2968. from {
  2969. opacity: 1;
  2970. }
  2971. to {
  2972. -webkit-transform: rotate3d(0, 0, 1, -45deg);
  2973. transform: rotate3d(0, 0, 1, -45deg);
  2974. opacity: 0;
  2975. }
  2976. }
  2977. .animate__rotateOutUpLeft {
  2978. -webkit-animation-name: rotateOutUpLeft;
  2979. animation-name: rotateOutUpLeft;
  2980. -webkit-transform-origin: left bottom;
  2981. transform-origin: left bottom;
  2982. }
  2983. @-webkit-keyframes rotateOutUpRight {
  2984. from {
  2985. opacity: 1;
  2986. }
  2987. to {
  2988. -webkit-transform: rotate3d(0, 0, 1, 90deg);
  2989. transform: rotate3d(0, 0, 1, 90deg);
  2990. opacity: 0;
  2991. }
  2992. }
  2993. @keyframes rotateOutUpRight {
  2994. from {
  2995. opacity: 1;
  2996. }
  2997. to {
  2998. -webkit-transform: rotate3d(0, 0, 1, 90deg);
  2999. transform: rotate3d(0, 0, 1, 90deg);
  3000. opacity: 0;
  3001. }
  3002. }
  3003. .animate__rotateOutUpRight {
  3004. -webkit-animation-name: rotateOutUpRight;
  3005. animation-name: rotateOutUpRight;
  3006. -webkit-transform-origin: right bottom;
  3007. transform-origin: right bottom;
  3008. }
  3009. /* Specials */
  3010. @-webkit-keyframes hinge {
  3011. 0% {
  3012. -webkit-animation-timing-function: ease-in-out;
  3013. animation-timing-function: ease-in-out;
  3014. }
  3015. 20%,
  3016. 60% {
  3017. -webkit-transform: rotate3d(0, 0, 1, 80deg);
  3018. transform: rotate3d(0, 0, 1, 80deg);
  3019. -webkit-animation-timing-function: ease-in-out;
  3020. animation-timing-function: ease-in-out;
  3021. }
  3022. 40%,
  3023. 80% {
  3024. -webkit-transform: rotate3d(0, 0, 1, 60deg);
  3025. transform: rotate3d(0, 0, 1, 60deg);
  3026. -webkit-animation-timing-function: ease-in-out;
  3027. animation-timing-function: ease-in-out;
  3028. opacity: 1;
  3029. }
  3030. to {
  3031. -webkit-transform: translate3d(0, 700px, 0);
  3032. transform: translate3d(0, 700px, 0);
  3033. opacity: 0;
  3034. }
  3035. }
  3036. @keyframes hinge {
  3037. 0% {
  3038. -webkit-animation-timing-function: ease-in-out;
  3039. animation-timing-function: ease-in-out;
  3040. }
  3041. 20%,
  3042. 60% {
  3043. -webkit-transform: rotate3d(0, 0, 1, 80deg);
  3044. transform: rotate3d(0, 0, 1, 80deg);
  3045. -webkit-animation-timing-function: ease-in-out;
  3046. animation-timing-function: ease-in-out;
  3047. }
  3048. 40%,
  3049. 80% {
  3050. -webkit-transform: rotate3d(0, 0, 1, 60deg);
  3051. transform: rotate3d(0, 0, 1, 60deg);
  3052. -webkit-animation-timing-function: ease-in-out;
  3053. animation-timing-function: ease-in-out;
  3054. opacity: 1;
  3055. }
  3056. to {
  3057. -webkit-transform: translate3d(0, 700px, 0);
  3058. transform: translate3d(0, 700px, 0);
  3059. opacity: 0;
  3060. }
  3061. }
  3062. .animate__hinge {
  3063. -webkit-animation-duration: calc(1s * 2);
  3064. animation-duration: calc(1s * 2);
  3065. -webkit-animation-duration: calc(var(--animate-duration) * 2);
  3066. animation-duration: calc(var(--animate-duration) * 2);
  3067. -webkit-animation-name: hinge;
  3068. animation-name: hinge;
  3069. -webkit-transform-origin: top left;
  3070. transform-origin: top left;
  3071. }
  3072. @-webkit-keyframes jackInTheBox {
  3073. from {
  3074. opacity: 0;
  3075. -webkit-transform: scale(0.1) rotate(30deg);
  3076. transform: scale(0.1) rotate(30deg);
  3077. -webkit-transform-origin: center bottom;
  3078. transform-origin: center bottom;
  3079. }
  3080. 50% {
  3081. -webkit-transform: rotate(-10deg);
  3082. transform: rotate(-10deg);
  3083. }
  3084. 70% {
  3085. -webkit-transform: rotate(3deg);
  3086. transform: rotate(3deg);
  3087. }
  3088. to {
  3089. opacity: 1;
  3090. -webkit-transform: scale(1);
  3091. transform: scale(1);
  3092. }
  3093. }
  3094. @keyframes jackInTheBox {
  3095. from {
  3096. opacity: 0;
  3097. -webkit-transform: scale(0.1) rotate(30deg);
  3098. transform: scale(0.1) rotate(30deg);
  3099. -webkit-transform-origin: center bottom;
  3100. transform-origin: center bottom;
  3101. }
  3102. 50% {
  3103. -webkit-transform: rotate(-10deg);
  3104. transform: rotate(-10deg);
  3105. }
  3106. 70% {
  3107. -webkit-transform: rotate(3deg);
  3108. transform: rotate(3deg);
  3109. }
  3110. to {
  3111. opacity: 1;
  3112. -webkit-transform: scale(1);
  3113. transform: scale(1);
  3114. }
  3115. }
  3116. .animate__jackInTheBox {
  3117. -webkit-animation-name: jackInTheBox;
  3118. animation-name: jackInTheBox;
  3119. }
  3120. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  3121. @-webkit-keyframes rollIn {
  3122. from {
  3123. opacity: 0;
  3124. -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  3125. transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  3126. }
  3127. to {
  3128. opacity: 1;
  3129. -webkit-transform: translate3d(0, 0, 0);
  3130. transform: translate3d(0, 0, 0);
  3131. }
  3132. }
  3133. @keyframes rollIn {
  3134. from {
  3135. opacity: 0;
  3136. -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  3137. transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  3138. }
  3139. to {
  3140. opacity: 1;
  3141. -webkit-transform: translate3d(0, 0, 0);
  3142. transform: translate3d(0, 0, 0);
  3143. }
  3144. }
  3145. .animate__rollIn {
  3146. -webkit-animation-name: rollIn;
  3147. animation-name: rollIn;
  3148. }
  3149. /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  3150. @-webkit-keyframes rollOut {
  3151. from {
  3152. opacity: 1;
  3153. }
  3154. to {
  3155. opacity: 0;
  3156. -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  3157. transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  3158. }
  3159. }
  3160. @keyframes rollOut {
  3161. from {
  3162. opacity: 1;
  3163. }
  3164. to {
  3165. opacity: 0;
  3166. -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  3167. transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  3168. }
  3169. }
  3170. .animate__rollOut {
  3171. -webkit-animation-name: rollOut;
  3172. animation-name: rollOut;
  3173. }
  3174. /* Zooming entrances */
  3175. @-webkit-keyframes zoomIn {
  3176. from {
  3177. opacity: 0;
  3178. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  3179. transform: scale3d(0.3, 0.3, 0.3);
  3180. }
  3181. 50% {
  3182. opacity: 1;
  3183. }
  3184. }
  3185. @keyframes zoomIn {
  3186. from {
  3187. opacity: 0;
  3188. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  3189. transform: scale3d(0.3, 0.3, 0.3);
  3190. }
  3191. 50% {
  3192. opacity: 1;
  3193. }
  3194. }
  3195. .animate__zoomIn {
  3196. -webkit-animation-name: zoomIn;
  3197. animation-name: zoomIn;
  3198. }
  3199. @-webkit-keyframes zoomInDown {
  3200. from {
  3201. opacity: 0;
  3202. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  3203. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  3204. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3205. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3206. }
  3207. 60% {
  3208. opacity: 1;
  3209. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3210. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3211. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3212. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3213. }
  3214. }
  3215. @keyframes zoomInDown {
  3216. from {
  3217. opacity: 0;
  3218. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  3219. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  3220. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3221. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3222. }
  3223. 60% {
  3224. opacity: 1;
  3225. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3226. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3227. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3228. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3229. }
  3230. }
  3231. .animate__zoomInDown {
  3232. -webkit-animation-name: zoomInDown;
  3233. animation-name: zoomInDown;
  3234. }
  3235. @-webkit-keyframes zoomInLeft {
  3236. from {
  3237. opacity: 0;
  3238. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  3239. transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  3240. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3241. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3242. }
  3243. 60% {
  3244. opacity: 1;
  3245. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  3246. transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  3247. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3248. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3249. }
  3250. }
  3251. @keyframes zoomInLeft {
  3252. from {
  3253. opacity: 0;
  3254. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  3255. transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  3256. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3257. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3258. }
  3259. 60% {
  3260. opacity: 1;
  3261. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  3262. transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  3263. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3264. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3265. }
  3266. }
  3267. .animate__zoomInLeft {
  3268. -webkit-animation-name: zoomInLeft;
  3269. animation-name: zoomInLeft;
  3270. }
  3271. @-webkit-keyframes zoomInRight {
  3272. from {
  3273. opacity: 0;
  3274. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  3275. transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  3276. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3277. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3278. }
  3279. 60% {
  3280. opacity: 1;
  3281. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  3282. transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  3283. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3284. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3285. }
  3286. }
  3287. @keyframes zoomInRight {
  3288. from {
  3289. opacity: 0;
  3290. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  3291. transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  3292. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3293. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3294. }
  3295. 60% {
  3296. opacity: 1;
  3297. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  3298. transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  3299. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3300. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3301. }
  3302. }
  3303. .animate__zoomInRight {
  3304. -webkit-animation-name: zoomInRight;
  3305. animation-name: zoomInRight;
  3306. }
  3307. @-webkit-keyframes zoomInUp {
  3308. from {
  3309. opacity: 0;
  3310. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  3311. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  3312. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3313. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3314. }
  3315. 60% {
  3316. opacity: 1;
  3317. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3318. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3319. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3320. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3321. }
  3322. }
  3323. @keyframes zoomInUp {
  3324. from {
  3325. opacity: 0;
  3326. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  3327. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  3328. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3329. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3330. }
  3331. 60% {
  3332. opacity: 1;
  3333. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3334. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3335. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3336. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3337. }
  3338. }
  3339. .animate__zoomInUp {
  3340. -webkit-animation-name: zoomInUp;
  3341. animation-name: zoomInUp;
  3342. }
  3343. /* Zooming exits */
  3344. @-webkit-keyframes zoomOut {
  3345. from {
  3346. opacity: 1;
  3347. }
  3348. 50% {
  3349. opacity: 0;
  3350. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  3351. transform: scale3d(0.3, 0.3, 0.3);
  3352. }
  3353. to {
  3354. opacity: 0;
  3355. }
  3356. }
  3357. @keyframes zoomOut {
  3358. from {
  3359. opacity: 1;
  3360. }
  3361. 50% {
  3362. opacity: 0;
  3363. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  3364. transform: scale3d(0.3, 0.3, 0.3);
  3365. }
  3366. to {
  3367. opacity: 0;
  3368. }
  3369. }
  3370. .animate__zoomOut {
  3371. -webkit-animation-name: zoomOut;
  3372. animation-name: zoomOut;
  3373. }
  3374. @-webkit-keyframes zoomOutDown {
  3375. 40% {
  3376. opacity: 1;
  3377. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3378. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3379. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3380. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3381. }
  3382. to {
  3383. opacity: 0;
  3384. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  3385. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  3386. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3387. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3388. }
  3389. }
  3390. @keyframes zoomOutDown {
  3391. 40% {
  3392. opacity: 1;
  3393. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3394. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  3395. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3396. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3397. }
  3398. to {
  3399. opacity: 0;
  3400. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  3401. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  3402. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3403. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3404. }
  3405. }
  3406. .animate__zoomOutDown {
  3407. -webkit-animation-name: zoomOutDown;
  3408. animation-name: zoomOutDown;
  3409. -webkit-transform-origin: center bottom;
  3410. transform-origin: center bottom;
  3411. }
  3412. @-webkit-keyframes zoomOutLeft {
  3413. 40% {
  3414. opacity: 1;
  3415. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  3416. transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  3417. }
  3418. to {
  3419. opacity: 0;
  3420. -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
  3421. transform: scale(0.1) translate3d(-2000px, 0, 0);
  3422. }
  3423. }
  3424. @keyframes zoomOutLeft {
  3425. 40% {
  3426. opacity: 1;
  3427. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  3428. transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  3429. }
  3430. to {
  3431. opacity: 0;
  3432. -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
  3433. transform: scale(0.1) translate3d(-2000px, 0, 0);
  3434. }
  3435. }
  3436. .animate__zoomOutLeft {
  3437. -webkit-animation-name: zoomOutLeft;
  3438. animation-name: zoomOutLeft;
  3439. -webkit-transform-origin: left center;
  3440. transform-origin: left center;
  3441. }
  3442. @-webkit-keyframes zoomOutRight {
  3443. 40% {
  3444. opacity: 1;
  3445. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  3446. transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  3447. }
  3448. to {
  3449. opacity: 0;
  3450. -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
  3451. transform: scale(0.1) translate3d(2000px, 0, 0);
  3452. }
  3453. }
  3454. @keyframes zoomOutRight {
  3455. 40% {
  3456. opacity: 1;
  3457. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  3458. transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  3459. }
  3460. to {
  3461. opacity: 0;
  3462. -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
  3463. transform: scale(0.1) translate3d(2000px, 0, 0);
  3464. }
  3465. }
  3466. .animate__zoomOutRight {
  3467. -webkit-animation-name: zoomOutRight;
  3468. animation-name: zoomOutRight;
  3469. -webkit-transform-origin: right center;
  3470. transform-origin: right center;
  3471. }
  3472. @-webkit-keyframes zoomOutUp {
  3473. 40% {
  3474. opacity: 1;
  3475. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3476. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3477. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3478. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3479. }
  3480. to {
  3481. opacity: 0;
  3482. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  3483. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  3484. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3485. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3486. }
  3487. }
  3488. @keyframes zoomOutUp {
  3489. 40% {
  3490. opacity: 1;
  3491. -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3492. transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  3493. -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3494. animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  3495. }
  3496. to {
  3497. opacity: 0;
  3498. -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  3499. transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  3500. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3501. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  3502. }
  3503. }
  3504. .animate__zoomOutUp {
  3505. -webkit-animation-name: zoomOutUp;
  3506. animation-name: zoomOutUp;
  3507. -webkit-transform-origin: center bottom;
  3508. transform-origin: center bottom;
  3509. }
  3510. /* Sliding entrances */
  3511. @-webkit-keyframes slideInDown {
  3512. from {
  3513. -webkit-transform: translate3d(0, -100%, 0);
  3514. transform: translate3d(0, -100%, 0);
  3515. visibility: visible;
  3516. }
  3517. to {
  3518. -webkit-transform: translate3d(0, 0, 0);
  3519. transform: translate3d(0, 0, 0);
  3520. }
  3521. }
  3522. @keyframes slideInDown {
  3523. from {
  3524. -webkit-transform: translate3d(0, -100%, 0);
  3525. transform: translate3d(0, -100%, 0);
  3526. visibility: visible;
  3527. }
  3528. to {
  3529. -webkit-transform: translate3d(0, 0, 0);
  3530. transform: translate3d(0, 0, 0);
  3531. }
  3532. }
  3533. .animate__slideInDown {
  3534. -webkit-animation-name: slideInDown;
  3535. animation-name: slideInDown;
  3536. }
  3537. @-webkit-keyframes slideInLeft {
  3538. from {
  3539. -webkit-transform: translate3d(-100%, 0, 0);
  3540. transform: translate3d(-100%, 0, 0);
  3541. visibility: visible;
  3542. }
  3543. to {
  3544. -webkit-transform: translate3d(0, 0, 0);
  3545. transform: translate3d(0, 0, 0);
  3546. }
  3547. }
  3548. @keyframes slideInLeft {
  3549. from {
  3550. -webkit-transform: translate3d(-100%, 0, 0);
  3551. transform: translate3d(-100%, 0, 0);
  3552. visibility: visible;
  3553. }
  3554. to {
  3555. -webkit-transform: translate3d(0, 0, 0);
  3556. transform: translate3d(0, 0, 0);
  3557. }
  3558. }
  3559. .animate__slideInLeft {
  3560. -webkit-animation-name: slideInLeft;
  3561. animation-name: slideInLeft;
  3562. }
  3563. @-webkit-keyframes slideInRight {
  3564. from {
  3565. -webkit-transform: translate3d(100%, 0, 0);
  3566. transform: translate3d(100%, 0, 0);
  3567. visibility: visible;
  3568. }
  3569. to {
  3570. -webkit-transform: translate3d(0, 0, 0);
  3571. transform: translate3d(0, 0, 0);
  3572. }
  3573. }
  3574. @keyframes slideInRight {
  3575. from {
  3576. -webkit-transform: translate3d(100%, 0, 0);
  3577. transform: translate3d(100%, 0, 0);
  3578. visibility: visible;
  3579. }
  3580. to {
  3581. -webkit-transform: translate3d(0, 0, 0);
  3582. transform: translate3d(0, 0, 0);
  3583. }
  3584. }
  3585. .animate__slideInRight {
  3586. -webkit-animation-name: slideInRight;
  3587. animation-name: slideInRight;
  3588. }
  3589. @-webkit-keyframes slideInUp {
  3590. from {
  3591. -webkit-transform: translate3d(0, 100%, 0);
  3592. transform: translate3d(0, 100%, 0);
  3593. visibility: visible;
  3594. }
  3595. to {
  3596. -webkit-transform: translate3d(0, 0, 0);
  3597. transform: translate3d(0, 0, 0);
  3598. }
  3599. }
  3600. @keyframes slideInUp {
  3601. from {
  3602. -webkit-transform: translate3d(0, 100%, 0);
  3603. transform: translate3d(0, 100%, 0);
  3604. visibility: visible;
  3605. }
  3606. to {
  3607. -webkit-transform: translate3d(0, 0, 0);
  3608. transform: translate3d(0, 0, 0);
  3609. }
  3610. }
  3611. .animate__slideInUp {
  3612. -webkit-animation-name: slideInUp;
  3613. animation-name: slideInUp;
  3614. }
  3615. /* Sliding exits */
  3616. @-webkit-keyframes slideOutDown {
  3617. from {
  3618. -webkit-transform: translate3d(0, 0, 0);
  3619. transform: translate3d(0, 0, 0);
  3620. }
  3621. to {
  3622. visibility: hidden;
  3623. -webkit-transform: translate3d(0, 100%, 0);
  3624. transform: translate3d(0, 100%, 0);
  3625. }
  3626. }
  3627. @keyframes slideOutDown {
  3628. from {
  3629. -webkit-transform: translate3d(0, 0, 0);
  3630. transform: translate3d(0, 0, 0);
  3631. }
  3632. to {
  3633. visibility: hidden;
  3634. -webkit-transform: translate3d(0, 100%, 0);
  3635. transform: translate3d(0, 100%, 0);
  3636. }
  3637. }
  3638. .animate__slideOutDown {
  3639. -webkit-animation-name: slideOutDown;
  3640. animation-name: slideOutDown;
  3641. }
  3642. @-webkit-keyframes slideOutLeft {
  3643. from {
  3644. -webkit-transform: translate3d(0, 0, 0);
  3645. transform: translate3d(0, 0, 0);
  3646. }
  3647. to {
  3648. visibility: hidden;
  3649. -webkit-transform: translate3d(-100%, 0, 0);
  3650. transform: translate3d(-100%, 0, 0);
  3651. }
  3652. }
  3653. @keyframes slideOutLeft {
  3654. from {
  3655. -webkit-transform: translate3d(0, 0, 0);
  3656. transform: translate3d(0, 0, 0);
  3657. }
  3658. to {
  3659. visibility: hidden;
  3660. -webkit-transform: translate3d(-100%, 0, 0);
  3661. transform: translate3d(-100%, 0, 0);
  3662. }
  3663. }
  3664. .animate__slideOutLeft {
  3665. -webkit-animation-name: slideOutLeft;
  3666. animation-name: slideOutLeft;
  3667. }
  3668. @-webkit-keyframes slideOutRight {
  3669. from {
  3670. -webkit-transform: translate3d(0, 0, 0);
  3671. transform: translate3d(0, 0, 0);
  3672. }
  3673. to {
  3674. visibility: hidden;
  3675. -webkit-transform: translate3d(100%, 0, 0);
  3676. transform: translate3d(100%, 0, 0);
  3677. }
  3678. }
  3679. @keyframes slideOutRight {
  3680. from {
  3681. -webkit-transform: translate3d(0, 0, 0);
  3682. transform: translate3d(0, 0, 0);
  3683. }
  3684. to {
  3685. visibility: hidden;
  3686. -webkit-transform: translate3d(100%, 0, 0);
  3687. transform: translate3d(100%, 0, 0);
  3688. }
  3689. }
  3690. .animate__slideOutRight {
  3691. -webkit-animation-name: slideOutRight;
  3692. animation-name: slideOutRight;
  3693. }
  3694. @-webkit-keyframes slideOutUp {
  3695. from {
  3696. -webkit-transform: translate3d(0, 0, 0);
  3697. transform: translate3d(0, 0, 0);
  3698. }
  3699. to {
  3700. visibility: hidden;
  3701. -webkit-transform: translate3d(0, -100%, 0);
  3702. transform: translate3d(0, -100%, 0);
  3703. }
  3704. }
  3705. @keyframes slideOutUp {
  3706. from {
  3707. -webkit-transform: translate3d(0, 0, 0);
  3708. transform: translate3d(0, 0, 0);
  3709. }
  3710. to {
  3711. visibility: hidden;
  3712. -webkit-transform: translate3d(0, -100%, 0);
  3713. transform: translate3d(0, -100%, 0);
  3714. }
  3715. }
  3716. .animate__slideOutUp {
  3717. -webkit-animation-name: slideOutUp;
  3718. animation-name: slideOutUp;
  3719. }