UNPKG

liser

Version:

functional css help to optimizing design work and building responsive websites

607 lines (605 loc) 47.2 kB
.a-zoom-in-out { -webkit-animation: zoom-in-out 1s ease, fade-in 1s ease; animation: zoom-in-out 1s ease, fade-in 1s ease; } .a-zoom-out-in { -webkit-animation: zoom-out-in 1s ease, fade-in 1s ease; animation: zoom-out-in 1s ease, fade-in 1s ease; } .a-fade-in { -webkit-animation: fade-in 1s ease; animation: fade-in 1s ease; } .a-fade-out { -webkit-animation: fade-out 1s ease; animation: fade-out 1s ease; } .a-fade-in-out { -webkit-animation: fade-in-out 1s ease; animation: fade-in-out 1s ease; } .a-fade-out-in { -webkit-animation: fade-out-in 1s ease; animation: fade-out-in 1s ease; } .a-slide-to-top { -webkit-animation: slide-to-top 1s ease, fade-in 1s ease; animation: slide-to-top 1s ease, fade-in 1s ease; } .a-slide-to-right { -webkit-animation: slide-to-right 1s ease, fade-in 1s ease; animation: slide-to-right 1s ease, fade-in 1s ease; } .a-slide-to-bottom { -webkit-animation: slide-to-bottom 1s ease, fade-in 1s ease; animation: slide-to-bottom 1s ease, fade-in 1s ease; } .a-slide-to-left { -webkit-animation: slide-to-left 1s ease, fade-in 1s ease; animation: slide-to-left 1s ease, fade-in 1s ease; } .a-slide-toggle-top { -webkit-animation: slide-toggle-top 1s ease, fade-in 1s ease; animation: slide-toggle-top 1s ease, fade-in 1s ease; } .a-slide-toggle-right { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-slide-toggle-bottom { -webkit-animation: slide-toggle-bottom 1s ease, fade-in 1s ease; animation: slide-toggle-bottom 1s ease, fade-in 1s ease; } .a-slide-toggle-right { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-shake { -webkit-animation: shake 1s ease, fade-in 1s ease; animation: shake 1s ease, fade-in 1s ease; } .a-wobble { -webkit-animation: wobble 1s ease, fade-in 1s ease; animation: wobble 1s ease, fade-in 1s ease; } .a-rotate { -webkit-animation: rotate 1s ease, fade-in 1s ease; animation: rotate 1s ease, fade-in 1s ease; } .a-tilt-right { -webkit-animation: tilt-right 1s ease, fade-in 1s ease; animation: tilt-right 1s ease, fade-in 1s ease; } .a-tilt-left { -webkit-animation: tilt-left 1s ease, fade-in 1s ease; animation: tilt-left 1s ease, fade-in 1s ease; } .a-zoom-in { -webkit-animation: zoom-in 1s ease, fade-in 1s ease; animation: zoom-in 1s ease, fade-in 1s ease; } .a-zoom-out { -webkit-animation: zoom-out 1s ease, fade-in 1s ease; animation: zoom-out 1s ease, fade-in 1s ease; } .a-restart.e-tigger, .a-restart.e-active:active, .a-restart.e-hover:hover { -webkit-animation-name: none; animation-name: none; } .a-vf { -webkit-animation-duration: .25s; animation-duration: .25s; } .a-f { -webkit-animation-duration: .5s; animation-duration: .5s; } .a-n { -webkit-animation-duration: 1s; animation-duration: 1s; } .a-s { -webkit-animation-duration: 2s; animation-duration: 2s; } .a-vs { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .a-bs { -webkit-animation-duration: 3s; animation-duration: 3s; } .a-ss { -webkit-animation-duration: 5s; animation-duration: 5s; } .a-normal { -webkit-animation-direction: normal; animation-direction: normal; } .a-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; } .a-alternate { -webkit-animation-direction: alternate; animation-direction: alternate; } .a-alternate-reverse { -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; } .a-ease { -webkit-animation-timing-function: ease; animation-timing-function: ease; } .a-ease-in { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .a-ease-out { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .a-ease-in-out { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .a-linear { -webkit-animation-timing-function: linear; animation-timing-function: linear; } .a-step-start { -webkit-animation-timing-function: step-start; animation-timing-function: step-start; } .a-step-end { -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .a-infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .a-2s { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .a-3s { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; } .a-4s { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; } .a-5s { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } .a-10s { -webkit-animation-iteration-count: 10; animation-iteration-count: 10; } .a-paused { -webkit-animation-play-state: paused; animation-play-state: paused; } .a-running { -webkit-animation-play-state: running; animation-play-state: running; } .a-fill-none { -webkit-animation-fill-mode: none; animation-fill-mode: none; } .a-fill-forwards { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .a-fill-backwards { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .a-fill-both { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .a-delay-vf { -webkit-animation-delay: .25s; animation-delay: .25s; } .a-delay-f { -webkit-animation-delay: .5s; animation-delay: .5s; } .a-delay-n { -webkit-animation-delay: 1s; animation-delay: 1s; } .a-delay-s { -webkit-animation-delay: 2s; animation-delay: 2s; } .a-delay-vs { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .a--zoom-in-out { -webkit-animation-name: zoom-in-out; animation-name: zoom-in-out; } .a--zoom-out-in { -webkit-animation-name: zoom-out-in; animation-name: zoom-out-in; } .a--fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } .a--fade-out { -webkit-animation-name: fade-out; animation-name: fade-out; } .a--fade-in-out { -webkit-animation-name: fade-in-out; animation-name: fade-in-out; } .a--fade-out-in { -webkit-animation-name: fade-out-in; animation-name: fade-out-in; } .a--slide-to-top { -webkit-animation-name: slide-to-top; animation-name: slide-to-top; } .a--slide-to-right { -webkit-animation-name: slide-to-right; animation-name: slide-to-right; } .a--slide-to-bottom { -webkit-animation-name: slide-to-bottom; animation-name: slide-to-bottom; } .a--slide-to-left { -webkit-animation-name: slide-to-left; animation-name: slide-to-left; } .a--shake { -webkit-animation-name: shake; animation-name: shake; } .a--wobble { -webkit-animation-name: wobble; animation-name: wobble; } .a--rotate { -webkit-animation-name: rotate; animation-name: rotate; } .a--tilt-right { -webkit-animation-name: tilt-right; animation-name: tilt-right; } .a--tilt-left { -webkit-animation-name: tilt-left; animation-name: tilt-left; } .a--zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in; } .a--zoom-out { -webkit-animation-name: zoom-out; animation-name: zoom-out; } .a-none { -webkit-animation: none; animation: none; } @-webkit-keyframes zoom-in-out { 0% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } 50% { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } 100% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @keyframes zoom-in-out { 0% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } 50% { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } 100% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @-webkit-keyframes zoom-out-in { 0% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } 50% { -webkit-transform: scale( .7 ); transform: scale( .7 ); } 100% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @keyframes zoom-out-in { 0% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } 50% { -webkit-transform: scale( .7 ); transform: scale( .7 ); } 100% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @-webkit-keyframes slide-to-top { 0% { -webkit-transform: translateY( 5em ); transform: translateY( 5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @keyframes slide-to-top { 0% { -webkit-transform: translateY( 5em ); transform: translateY( 5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fade-out-in { 0% { opacity: 1; } 50% { opacity: .2; } 100% { opacity: 1; } } @keyframes fade-out-in { 0% { opacity: 1; } 50% { opacity: .2; } 100% { opacity: 1; } } @-webkit-keyframes fade-in-out { 0% { opacity: 0; } 50% { opacity: .8; } 100% { opacity: 0; } } @keyframes fade-in-out { 0% { opacity: 0; } 50% { opacity: .8; } 100% { opacity: 0; } } @keyframes slide-to-top { 0% { -webkit-transform: translateY( 5em ); transform: translateY( 5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @-webkit-keyframes slide-to-right { 0% { -webkit-transform: translateX( -5em ); transform: translateX( -5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @keyframes slide-to-right { 0% { -webkit-transform: translateX( -5em ); transform: translateX( -5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @-webkit-keyframes slide-to-bottom { 0% { -webkit-transform: translateY( -5em ); transform: translateY( -5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @keyframes slide-to-bottom { 0% { -webkit-transform: translateY( -5em ); transform: translateY( -5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @-webkit-keyframes slide-to-left { 0% { -webkit-transform: translateX( 5em ); transform: translateX( 5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @keyframes slide-to-left { 0% { -webkit-transform: translateX( 5em ); transform: translateX( 5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @-webkit-keyframes slide-toggle-top { 0% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } 50% { -webkit-transform: translateY( -2.5em ); transform: translateY( -2.5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @keyframes slide-toggle-top { 0% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } 50% { -webkit-transform: translateY( -2.5em ); transform: translateY( -2.5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @-webkit-keyframes slide-toggle-right { 0% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } 50% { -webkit-transform: translateX( 2.5em ); transform: translateX( 2.5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @keyframes slide-toggle-right { 0% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } 50% { -webkit-transform: translateX( 2.5em ); transform: translateX( 2.5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @-webkit-keyframes slide-toggle-bottom { 0% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } 50% { -webkit-transform: translateY( 2.5em ); transform: translateY( 2.5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @keyframes slide-toggle-bottom { 0% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } 50% { -webkit-transform: translateY( 2.5em ); transform: translateY( 2.5em ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @-webkit-keyframes slide-toggle-left { 0% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } 50% { -webkit-transform: translateX( -2.5em ); transform: translateX( -2.5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @keyframes slide-toggle-left { 0% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } 50% { -webkit-transform: translateX( -2.5em ); transform: translateX( -2.5em ); } 100% { -webkit-transform: translateX( 0 ); transform: translateX( 0 ); } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d( -0.025rem, 0, 0 ); transform: translate3d( -0.025rem, 0, 0 ); } 20%, 80% { -webkit-transform: translate3d( .5rem, 0, 0 ); transform: translate3d( .5rem, 0, 0 ); } 30%, 50%, 70% { -webkit-transform: translate3d( -1rem, 0, 0 ); transform: translate3d( -1rem, 0, 0 ); } 40%, 60% { -webkit-transform: translate3d( 1rem, 0, 0 ); transform: translate3d( 1rem, 0, 0 ); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d( -0.025rem, 0, 0 ); transform: translate3d( -0.025rem, 0, 0 ); } 20%, 80% { -webkit-transform: translate3d( .5rem, 0, 0 ); transform: translate3d( .5rem, 0, 0 ); } 30%, 50%, 70% { -webkit-transform: translate3d( -1rem, 0, 0 ); transform: translate3d( -1rem, 0, 0 ); } 40%, 60% { -webkit-transform: translate3d( 1rem, 0, 0 ); transform: translate3d( 1rem, 0, 0 ); } } @-webkit-keyframes wobble { 16.65% { -webkit-transform: translateY( 2rem ); transform: translateY( 2rem ); } 33.3% { -webkit-transform: translateY( -1.5rem ); transform: translateY( -1.5rem ); } 49.95% { -webkit-transform: translateY( 1rem ); transform: translateY( 1rem ); } 66.6% { -webkit-transform: translateY( -0.5rem ); transform: translateY( -0.5rem ); } 83.25% { -webkit-transform: translateY( .25rem ); transform: translateY( .25rem ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @keyframes wobble { 16.65% { -webkit-transform: translateY( 2rem ); transform: translateY( 2rem ); } 33.3% { -webkit-transform: translateY( -1.5rem ); transform: translateY( -1.5rem ); } 49.95% { -webkit-transform: translateY( 1rem ); transform: translateY( 1rem ); } 66.6% { -webkit-transform: translateY( -0.5rem ); transform: translateY( -0.5rem ); } 83.25% { -webkit-transform: translateY( .25rem ); transform: translateY( .25rem ); } 100% { -webkit-transform: translateY( 0 ); transform: translateY( 0 ); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); } 100% { -webkit-transform: rotate( 360deg ); transform: rotate( 360deg ); } } @keyframes rotate { 0% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); } 100% { -webkit-transform: rotate( 360deg ); transform: rotate( 360deg ); } } @-webkit-keyframes tilt-right { 0% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } 50% { -webkit-transform: rotate( 15deg ) scale( 1.2 ); transform: rotate( 15deg ) scale( 1.2 ); } 100% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } } @keyframes tilt-right { 0% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } 50% { -webkit-transform: rotate( 15deg ) scale( 1.2 ); transform: rotate( 15deg ) scale( 1.2 ); } 100% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } } @-webkit-keyframes tilt-left { 0% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } 50% { -webkit-transform: rotate( -15deg ) scale( 1.2 ); transform: rotate( -15deg ) scale( 1.2 ); } 100% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } } @keyframes tilt-left { 0% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } 50% { -webkit-transform: rotate( -15deg ) scale( 1.2 ); transform: rotate( -15deg ) scale( 1.2 ); } 100% { -webkit-transform: rotate( 0 ) scale( 1 ); transform: rotate( 0 ) scale( 1 ); } } @-webkit-keyframes zoom-out { 0% { opacity: 0; -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } 100% { opacity: 1; -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @keyframes zoom-out { 0% { opacity: 0; -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } 100% { opacity: 1; -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @-webkit-keyframes zoom-in { 0% { -webkit-transform: scale( .8 ); transform: scale( .8 ); } 100% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @keyframes zoom-in { 0% { -webkit-transform: scale( .8 ); transform: scale( .8 ); } 100% { -webkit-transform: scale( 1 ); transform: scale( 1 ); } } @media screen and (min-width: 30em) { .a-zoom-in-out-ns { -webkit-animation: zoom-in-out 1s ease, fade-in 1s ease; animation: zoom-in-out 1s ease, fade-in 1s ease; } .a-zoom-out-in-ns { -webkit-animation: zoom-out-in 1s ease, fade-in 1s ease; animation: zoom-out-in 1s ease, fade-in 1s ease; } .a-fade-in-ns { -webkit-animation: fade-in 1s ease; animation: fade-in 1s ease; } .a-fade-out-ns { -webkit-animation: fade-out 1s ease; animation: fade-out 1s ease; } .a-fade-in-out-ns { -webkit-animation: fade-in-out 1s ease; animation: fade-in-out 1s ease; } .a-fade-out-in-ns { -webkit-animation: fade-out-in 1s ease; animation: fade-out-in 1s ease; } .a-slide-to-top-ns { -webkit-animation: slide-to-top 1s ease, fade-in 1s ease; animation: slide-to-top 1s ease, fade-in 1s ease; } .a-slide-to-right-ns { -webkit-animation: slide-to-right 1s ease, fade-in 1s ease; animation: slide-to-right 1s ease, fade-in 1s ease; } .a-slide-to-bottom-ns { -webkit-animation: slide-to-bottom 1s ease, fade-in 1s ease; animation: slide-to-bottom 1s ease, fade-in 1s ease; } .a-slide-to-left-ns { -webkit-animation: slide-to-left 1s ease, fade-in 1s ease; animation: slide-to-left 1s ease, fade-in 1s ease; } .a-slide-toggle-top-ns { -webkit-animation: slide-toggle-top 1s ease, fade-in 1s ease; animation: slide-toggle-top 1s ease, fade-in 1s ease; } .a-slide-toggle-right-ns { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-slide-toggle-bottom-ns { -webkit-animation: slide-toggle-bottom 1s ease, fade-in 1s ease; animation: slide-toggle-bottom 1s ease, fade-in 1s ease; } .a-slide-toggle-right-ns { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-shake-ns { -webkit-animation: shake 1s ease, fade-in 1s ease; animation: shake 1s ease, fade-in 1s ease; } .a-wobble-ns { -webkit-animation: wobble 1s ease, fade-in 1s ease; animation: wobble 1s ease, fade-in 1s ease; } .a-rotate-ns { -webkit-animation: rotate 1s ease, fade-in 1s ease; animation: rotate 1s ease, fade-in 1s ease; } .a-tilt-right-ns { -webkit-animation: tilt-right 1s ease, fade-in 1s ease; animation: tilt-right 1s ease, fade-in 1s ease; } .a-tilt-left-ns { -webkit-animation: tilt-left 1s ease, fade-in 1s ease; animation: tilt-left 1s ease, fade-in 1s ease; } .a-zoom-in-ns { -webkit-animation: zoom-in 1s ease, fade-in 1s ease; animation: zoom-in 1s ease, fade-in 1s ease; } .a-zoom-out-ns { -webkit-animation: zoom-out 1s ease, fade-in 1s ease; animation: zoom-out 1s ease, fade-in 1s ease; } .a-restart-ns.e-tigger, .a-restart-ns.e-active:active, .a-restart-ns.e-hover:hover { -webkit-animation-name: none; animation-name: none; } .a-vf-ns { -webkit-animation-duration: .25s; animation-duration: .25s; } .a-f-ns { -webkit-animation-duration: .5s; animation-duration: .5s; } .a-n-ns { -webkit-animation-duration: 1s; animation-duration: 1s; } .a-s-ns { -webkit-animation-duration: 2s; animation-duration: 2s; } .a-vs-ns { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .a-bs-ns { -webkit-animation-duration: 3s; animation-duration: 3s; } .a-ss-ns { -webkit-animation-duration: 5s; animation-duration: 5s; } .a-normal-ns { -webkit-animation-direction: normal; animation-direction: normal; } .a-reverse-ns { -webkit-animation-direction: reverse; animation-direction: reverse; } .a-alternate-ns { -webkit-animation-direction: alternate; animation-direction: alternate; } .a-alternate-reverse-ns { -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; } .a-ease-ns { -webkit-animation-timing-function: ease; animation-timing-function: ease; } .a-ease-in-ns { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .a-ease-out-ns { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .a-ease-in-out-ns { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .a-linear-ns { -webkit-animation-timing-function: linear; animation-timing-function: linear; } .a-step-start-ns { -webkit-animation-timing-function: step-start; animation-timing-function: step-start; } .a-step-end-ns { -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .a-infinite-ns { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .a-2s-ns { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .a-3s-ns { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; } .a-4s-ns { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; } .a-5s-ns { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } .a-10s-ns { -webkit-animation-iteration-count: 10; animation-iteration-count: 10; } .a-paused-ns { -webkit-animation-play-state: paused; animation-play-state: paused; } .a-running-ns { -webkit-animation-play-state: running; animation-play-state: running; } .a-fill-none-ns { -webkit-animation-fill-mode: none; animation-fill-mode: none; } .a-fill-forwards-ns { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .a-fill-backwards-ns { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .a-fill-both-ns { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .a-delay-vf-ns { -webkit-animation-delay: .25s; animation-delay: .25s; } .a-delay-f-ns { -webkit-animation-delay: .5s; animation-delay: .5s; } .a-delay-n-ns { -webkit-animation-delay: 1s; animation-delay: 1s; } .a-delay-s-ns { -webkit-animation-delay: 2s; animation-delay: 2s; } .a-delay-vs-ns { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .a--zoom-in-out-ns { -webkit-animation-name: zoom-in-out; animation-name: zoom-in-out; } .a--zoom-out-in-ns { -webkit-animation-name: zoom-out-in; animation-name: zoom-out-in; } .a--fade-in-ns { -webkit-animation-name: fade-in; animation-name: fade-in; } .a--fade-out-ns { -webkit-animation-name: fade-out; animation-name: fade-out; } .a--fade-in-out-ns { -webkit-animation-name: fade-in-out; animation-name: fade-in-out; } .a--fade-out-in-ns { -webkit-animation-name: fade-out-in; animation-name: fade-out-in; } .a--slide-to-top-ns { -webkit-animation-name: slide-to-top; animation-name: slide-to-top; } .a--slide-to-right-ns { -webkit-animation-name: slide-to-right; animation-name: slide-to-right; } .a--slide-to-bottom-ns { -webkit-animation-name: slide-to-bottom; animation-name: slide-to-bottom; } .a--slide-to-left-ns { -webkit-animation-name: slide-to-left; animation-name: slide-to-left; } .a--slide-toggle-top-ns { -webkit-animation-name: slide-toggle-top; animation-name: slide-toggle-top; } .a--slide-toggle-right-ns { -webkit-animation-name: slide-toggle-right; animation-name: slide-toggle-right; } .a--slide-toggle-bottom-ns { -webkit-animation-name: slide-toggle-bottom; animation-name: slide-toggle-bottom; } .a--slide-toggle-left-ns { -webkit-animation-name: slide-toggle-left; animation-name: slide-toggle-left; } .a--shake-ns { -webkit-animation-name: shake; animation-name: shake; } .a--wobble-ns { -webkit-animation-name: wobble; animation-name: wobble; } .a--rotate-ns { -webkit-animation-name: rotate; animation-name: rotate; } .a--tilt-right-ns { -webkit-animation-name: tilt-right; animation-name: tilt-right; } .a--tilt-left-ns { -webkit-animation-name: tilt-left; animation-name: tilt-left; } .a--zoom-in-ns { -webkit-animation-name: zoom-in; animation-name: zoom-in; } .a--zoom-out-ns { -webkit-animation-name: zoom-out; animation-name: zoom-out; } .a-none-ns { -webkit-animation: none; animation: none; } } @media screen and (min-width: 30em) and (max-width: 60em) { .a-zoom-in-out-m { -webkit-animation: zoom-in-out 1s ease, fade-in 1s ease; animation: zoom-in-out 1s ease, fade-in 1s ease; } .a-zoom-out-in-m { -webkit-animation: zoom-out-in 1s ease, fade-in 1s ease; animation: zoom-out-in 1s ease, fade-in 1s ease; } .a-fade-in-m { -webkit-animation: fade-in 1s ease; animation: fade-in 1s ease; } .a-fade-out-m { -webkit-animation: fade-out 1s ease; animation: fade-out 1s ease; } .a-fade-in-out-m { -webkit-animation: fade-in-out 1s ease; animation: fade-in-out 1s ease; } .a-fade-out-in-m { -webkit-animation: fade-out-in 1s ease; animation: fade-out-in 1s ease; } .a-slide-to-top-m { -webkit-animation: slide-to-top 1s ease, fade-in 1s ease; animation: slide-to-top 1s ease, fade-in 1s ease; } .a-slide-to-right-m { -webkit-animation: slide-to-right 1s ease, fade-in 1s ease; animation: slide-to-right 1s ease, fade-in 1s ease; } .a-slide-to-bottom-m { -webkit-animation: slide-to-bottom 1s ease, fade-in 1s ease; animation: slide-to-bottom 1s ease, fade-in 1s ease; } .a-slide-to-left-m { -webkit-animation: slide-to-left 1s ease, fade-in 1s ease; animation: slide-to-left 1s ease, fade-in 1s ease; } .a-slide-toggle-top-m { -webkit-animation: slide-toggle-top 1s ease, fade-in 1s ease; animation: slide-toggle-top 1s ease, fade-in 1s ease; } .a-slide-toggle-right-m { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-slide-toggle-bottom-m { -webkit-animation: slide-toggle-bottom 1s ease, fade-in 1s ease; animation: slide-toggle-bottom 1s ease, fade-in 1s ease; } .a-slide-toggle-right-m { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-shake-m { -webkit-animation: shake 1s ease, fade-in 1s ease; animation: shake 1s ease, fade-in 1s ease; } .a-wobble-m { -webkit-animation: wobble 1s ease, fade-in 1s ease; animation: wobble 1s ease, fade-in 1s ease; } .a-rotate-m { -webkit-animation: rotate 1s ease, fade-in 1s ease; animation: rotate 1s ease, fade-in 1s ease; } .a-tilt-right-m { -webkit-animation: tilt-right 1s ease, fade-in 1s ease; animation: tilt-right 1s ease, fade-in 1s ease; } .a-tilt-left-m { -webkit-animation: tilt-left 1s ease, fade-in 1s ease; animation: tilt-left 1s ease, fade-in 1s ease; } .a-zoom-in-m { -webkit-animation: zoom-in 1s ease, fade-in 1s ease; animation: zoom-in 1s ease, fade-in 1s ease; } .a-zoom-out-m { -webkit-animation: zoom-out 1s ease, fade-in 1s ease; animation: zoom-out 1s ease, fade-in 1s ease; } .a-restart-m.e-tigger, .a-restart-m.e-active:active, .a-restart-m.e-hover:hover { -webkit-animation-name: none; animation-name: none; } .a-vf-m { -webkit-animation-duration: .25s; animation-duration: .25s; } .a-f-m { -webkit-animation-duration: .5s; animation-duration: .5s; } .a-n-m { -webkit-animation-duration: 1s; animation-duration: 1s; } .a-s-m { -webkit-animation-duration: 2s; animation-duration: 2s; } .a-vs-m { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .a-bs-m { -webkit-animation-duration: 3s; animation-duration: 3s; } .a-ss-m { -webkit-animation-duration: 5s; animation-duration: 5s; } .a-normal-m { -webkit-animation-direction: normal; animation-direction: normal; } .a-reverse-m { -webkit-animation-direction: reverse; animation-direction: reverse; } .a-alternate-m { -webkit-animation-direction: alternate; animation-direction: alternate; } .a-alternate-reverse-m { -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; } .a-ease-m { -webkit-animation-timing-function: ease; animation-timing-function: ease; } .a-ease-in-m { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .a-ease-out-m { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .a-ease-in-out-m { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .a-linear-m { -webkit-animation-timing-function: linear; animation-timing-function: linear; } .a-step-start-m { -webkit-animation-timing-function: step-start; animation-timing-function: step-start; } .a-step-end-m { -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .a-infinite-m { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .a-2s-m { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .a-3s-m { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; } .a-4s-m { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; } .a-5s-m { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } .a-10s-m { -webkit-animation-iteration-count: 10; animation-iteration-count: 10; } .a-paused-m { -webkit-animation-play-state: paused; animation-play-state: paused; } .a-running-m { -webkit-animation-play-state: running; animation-play-state: running; } .a-fill-none-m { -webkit-animation-fill-mode: none; animation-fill-mode: none; } .a-fill-forwards-m { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .a-fill-backwards-m { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .a-fill-both-m { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .a-delay-vf-m { -webkit-animation-delay: .25s; animation-delay: .25s; } .a-delay-f-m { -webkit-animation-delay: .5s; animation-delay: .5s; } .a-delay-n-m { -webkit-animation-delay: 1s; animation-delay: 1s; } .a-delay-s-m { -webkit-animation-delay: 2s; animation-delay: 2s; } .a-delay-vs-m { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .a--zoom-in-out-m { -webkit-animation-name: zoom-in-out; animation-name: zoom-in-out; } .a--zoom-out-in-m { -webkit-animation-name: zoom-out-in; animation-name: zoom-out-in; } .a--fade-in-m { -webkit-animation-name: fade-in; animation-name: fade-in; } .a--fade-out-m { -webkit-animation-name: fade-out; animation-name: fade-out; } .a--fade-in-out-m { -webkit-animation-name: fade-in-out; animation-name: fade-in-out; } .a--fade-out-in-m { -webkit-animation-name: fade-out-in; animation-name: fade-out-in; } .a--slide-to-top-m { -webkit-animation-name: slide-to-top; animation-name: slide-to-top; } .a--slide-to-right-m { -webkit-animation-name: slide-to-right; animation-name: slide-to-right; } .a--slide-to-bottom-m { -webkit-animation-name: slide-to-bottom; animation-name: slide-to-bottom; } .a--slide-to-left-m { -webkit-animation-name: slide-to-left; animation-name: slide-to-left; } .a--slide-toggle-top-m { -webkit-animation-name: slide-toggle-top; animation-name: slide-toggle-top; } .a--slide-toggle-right-m { -webkit-animation-name: slide-toggle-right; animation-name: slide-toggle-right; } .a--slide-toggle-bottom-m { -webkit-animation-name: slide-toggle-bottom; animation-name: slide-toggle-bottom; } .a--slide-toggle-left-m { -webkit-animation-name: slide-toggle-left; animation-name: slide-toggle-left; } .a--shake-m { -webkit-animation-name: shake; animation-name: shake; } .a--wobble-m { -webkit-animation-name: wobble; animation-name: wobble; } .a--rotate-m { -webkit-animation-name: rotate; animation-name: rotate; } .a--tilt-right-m { -webkit-animation-name: tilt-right; animation-name: tilt-right; } .a--tilt-left-m { -webkit-animation-name: tilt-left; animation-name: tilt-left; } .a--zoom-in-m { -webkit-animation-name: zoom-in; animation-name: zoom-in; } .a--zoom-out-m { -webkit-animation-name: zoom-out; animation-name: zoom-out; } .a-none-m { -webkit-animation: none; animation: none; } } @media screen and (max-width: 60em) and (orientation: landscape) { .a-zoom-in-out-ml { -webkit-animation: zoom-in-out 1s ease, fade-in 1s ease; animation: zoom-in-out 1s ease, fade-in 1s ease; } .a-zoom-out-in-ml { -webkit-animation: zoom-out-in 1s ease, fade-in 1s ease; animation: zoom-out-in 1s ease, fade-in 1s ease; } .a-fade-in-ml { -webkit-animation: fade-in 1s ease; animation: fade-in 1s ease; } .a-fade-out-ml { -webkit-animation: fade-out 1s ease; animation: fade-out 1s ease; } .a-fade-in-out-ml { -webkit-animation: fade-in-out 1s ease; animation: fade-in-out 1s ease; } .a-fade-out-in-ml { -webkit-animation: fade-out-in 1s ease; animation: fade-out-in 1s ease; } .a-slide-to-top-ml { -webkit-animation: slide-to-top 1s ease, fade-in 1s ease; animation: slide-to-top 1s ease, fade-in 1s ease; } .a-slide-to-right-ml { -webkit-animation: slide-to-right 1s ease, fade-in 1s ease; animation: slide-to-right 1s ease, fade-in 1s ease; } .a-slide-to-bottom-ml { -webkit-animation: slide-to-bottom 1s ease, fade-in 1s ease; animation: slide-to-bottom 1s ease, fade-in 1s ease; } .a-slide-to-left-ml { -webkit-animation: slide-to-left 1s ease, fade-in 1s ease; animation: slide-to-left 1s ease, fade-in 1s ease; } .a-slide-toggle-top-ml { -webkit-animation: slide-toggle-top 1s ease, fade-in 1s ease; animation: slide-toggle-top 1s ease, fade-in 1s ease; } .a-slide-toggle-right-ml { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-slide-toggle-bottom-ml { -webkit-animation: slide-toggle-bottom 1s ease, fade-in 1s ease; animation: slide-toggle-bottom 1s ease, fade-in 1s ease; } .a-slide-toggle-right-ml { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-shake-ml { -webkit-animation: shake 1s ease, fade-in 1s ease; animation: shake 1s ease, fade-in 1s ease; } .a-wobble-ml { -webkit-animation: wobble 1s ease, fade-in 1s ease; animation: wobble 1s ease, fade-in 1s ease; } .a-rotate-ml { -webkit-animation: rotate 1s ease, fade-in 1s ease; animation: rotate 1s ease, fade-in 1s ease; } .a-tilt-right-ml { -webkit-animation: tilt-right 1s ease, fade-in 1s ease; animation: tilt-right 1s ease, fade-in 1s ease; } .a-tilt-left-ml { -webkit-animation: tilt-left 1s ease, fade-in 1s ease; animation: tilt-left 1s ease, fade-in 1s ease; } .a-zoom-in-ml { -webkit-animation: zoom-in 1s ease, fade-in 1s ease; animation: zoom-in 1s ease, fade-in 1s ease; } .a-zoom-out-ml { -webkit-animation: zoom-out 1s ease, fade-in 1s ease; animation: zoom-out 1s ease, fade-in 1s ease; } .a-restart-ml.e-tigger, .a-restart-ml.e-active:active, .a-restart-ml.e-hover:hover { -webkit-animation-name: none; animation-name: none; } .a-vf-ml { -webkit-animation-duration: .25s; animation-duration: .25s; } .a-f-ml { -webkit-animation-duration: .5s; animation-duration: .5s; } .a-n-ml { -webkit-animation-duration: 1s; animation-duration: 1s; } .a-s-ml { -webkit-animation-duration: 2s; animation-duration: 2s; } .a-vs-ml { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .a-bs-ml { -webkit-animation-duration: 3s; animation-duration: 3s; } .a-ss-ml { -webkit-animation-duration: 5s; animation-duration: 5s; } .a-normal-ml { -webkit-animation-direction: normal; animation-direction: normal; } .a-reverse-ml { -webkit-animation-direction: reverse; animation-direction: reverse; } .a-alternate-ml { -webkit-animation-direction: alternate; animation-direction: alternate; } .a-alternate-reverse-ml { -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; } .a-ease-ml { -webkit-animation-timing-function: ease; animation-timing-function: ease; } .a-ease-in-ml { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .a-ease-out-ml { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .a-ease-in-out-ml { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .a-linear-ml { -webkit-animation-timing-function: linear; animation-timing-function: linear; } .a-step-start-ml { -webkit-animation-timing-function: step-start; animation-timing-function: step-start; } .a-step-end-ml { -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .a-infinite-ml { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .a-2s-ml { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .a-3s-ml { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; } .a-4s-ml { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; } .a-5s-ml { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } .a-10s-ml { -webkit-animation-iteration-count: 10; animation-iteration-count: 10; } .a-paused-ml { -webkit-animation-play-state: paused; animation-play-state: paused; } .a-running-ml { -webkit-animation-play-state: running; animation-play-state: running; } .a-fill-none-ml { -webkit-animation-fill-mode: none; animation-fill-mode: none; } .a-fill-forwards-ml { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .a-fill-backwards-ml { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .a-fill-both-ml { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .a-delay-vf-ml { -webkit-animation-delay: .25s; animation-delay: .25s; } .a-delay-f-ml { -webkit-animation-delay: .5s; animation-delay: .5s; } .a-delay-n-ml { -webkit-animation-delay: 1s; animation-delay: 1s; } .a-delay-s-ml { -webkit-animation-delay: 2s; animation-delay: 2s; } .a-delay-vs-ml { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .a--zoom-in-out-ml { -webkit-animation-name: zoom-in-out; animation-name: zoom-in-out; } .a--zoom-out-in-ml { -webkit-animation-name: zoom-out-in; animation-name: zoom-out-in; } .a--fade-in-ml { -webkit-animation-name: fade-in; animation-name: fade-in; } .a--fade-out-ml { -webkit-animation-name: fade-out; animation-name: fade-out; } .a--fade-in-out-ml { -webkit-animation-name: fade-in-out; animation-name: fade-in-out; } .a--fade-out-in-ml { -webkit-animation-name: fade-out-in; animation-name: fade-out-in; } .a--slide-to-top-ml { -webkit-animation-name: slide-to-top; animation-name: slide-to-top; } .a--slide-to-right-ml { -webkit-animation-name: slide-to-right; animation-name: slide-to-right; } .a--slide-to-bottom-ml { -webkit-animation-name: slide-to-bottom; animation-name: slide-to-bottom; } .a--slide-to-left-ml { -webkit-animation-name: slide-to-left; animation-name: slide-to-left; } .a--slide-toggle-top-ml { -webkit-animation-name: slide-toggle-top; animation-name: slide-toggle-top; } .a--slide-toggle-right-ml { -webkit-animation-name: slide-toggle-right; animation-name: slide-toggle-right; } .a--slide-toggle-bottom-ml { -webkit-animation-name: slide-toggle-bottom; animation-name: slide-toggle-bottom; } .a--slide-toggle-left-ml { -webkit-animation-name: slide-toggle-left; animation-name: slide-toggle-left; } .a--shake-ml { -webkit-animation-name: shake; animation-name: shake; } .a--wobble-ml { -webkit-animation-name: wobble; animation-name: wobble; } .a--rotate-ml { -webkit-animation-name: rotate; animation-name: rotate; } .a--tilt-right-ml { -webkit-animation-name: tilt-right; animation-name: tilt-right; } .a--tilt-left-ml { -webkit-animation-name: tilt-left; animation-name: tilt-left; } .a--zoom-in-ml { -webkit-animation-name: zoom-in; animation-name: zoom-in; } .a--zoom-out-ml { -webkit-animation-name: zoom-out; animation-name: zoom-out; } .a-none-ml { -webkit-animation: none; animation: none; } } @media screen and (min-width: 60em) { .a-zoom-in-out-l { -webkit-animation: zoom-in-out 1s ease, fade-in 1s ease; animation: zoom-in-out 1s ease, fade-in 1s ease; } .a-zoom-out-in-l { -webkit-animation: zoom-out-in 1s ease, fade-in 1s ease; animation: zoom-out-in 1s ease, fade-in 1s ease; } .a-fade-in-l { -webkit-animation: fade-in 1s ease; animation: fade-in 1s ease; } .a-fade-out-l { -webkit-animation: fade-out 1s ease; animation: fade-out 1s ease; } .a-fade-in-out-l { -webkit-animation: fade-in-out 1s ease; animation: fade-in-out 1s ease; } .a-fade-out-in-l { -webkit-animation: fade-out-in 1s ease; animation: fade-out-in 1s ease; } .a-slide-to-top-l { -webkit-animation: slide-to-top 1s ease, fade-in 1s ease; animation: slide-to-top 1s ease, fade-in 1s ease; } .a-slide-to-right-l { -webkit-animation: slide-to-right 1s ease, fade-in 1s ease; animation: slide-to-right 1s ease, fade-in 1s ease; } .a-slide-to-bottom-l { -webkit-animation: slide-to-bottom 1s ease, fade-in 1s ease; animation: slide-to-bottom 1s ease, fade-in 1s ease; } .a-slide-to-left-l { -webkit-animation: slide-to-left 1s ease, fade-in 1s ease; animation: slide-to-left 1s ease, fade-in 1s ease; } .a-slide-toggle-top-l { -webkit-animation: slide-toggle-top 1s ease, fade-in 1s ease; animation: slide-toggle-top 1s ease, fade-in 1s ease; } .a-slide-toggle-right-l { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-slide-toggle-bottom-l { -webkit-animation: slide-toggle-bottom 1s ease, fade-in 1s ease; animation: slide-toggle-bottom 1s ease, fade-in 1s ease; } .a-slide-toggle-right-l { -webkit-animation: slide-toggle-right 1s ease, fade-in 1s ease; animation: slide-toggle-right 1s ease, fade-in 1s ease; } .a-shake-l { -webkit-animation: shake 1s ease, fade-in 1s ease; animation: shake 1s ease, fade-in 1s ease; } .a-wobble-l { -webkit-animation: wobble 1s ease, fade-in 1s ease; animation: wobble 1s ease, fade-in 1s ease; } .a-rotate-l { -webkit-animation: rotate 1s ease, fade-in 1s ease; animation: rotate 1s ease, fade-in 1s ease; } .a-tilt-right-l { -webkit-animation: tilt-right 1s ease, fade-in 1s ease; animation: tilt-right 1s ease, fade-in 1s ease; } .a-tilt-left-l { -webkit-animation: tilt-left 1s ease, fade-in 1s ease; animation: tilt-left 1s ease, fade-in 1s ease; } .a-zoom-in-l { -webkit-animation: zoom-in 1s ease, fade-in 1s ease; animation: zoom-in 1s ease, fade-in 1s ease; } .a-zoom-out-l { -webkit-animation: zoom-out 1s ease, fade-in 1s ease; animation: zoom-out 1s ease, fade-in 1s ease; } .a-restart-l.e-tigger, .a-restart-l.e-active:active, .a-restart-l.e-hover:hover { -webkit-animation-name: none; animation-name: none; } .a-vf-l { -webkit-animation-duration: .25s; animation-duration: .25s; } .a-f-l { -webkit-animation-duration: .5s; animation-duration: .5s; } .a-n-l { -webkit-animation-duration: 1s; animation-duration: 1s; } .a-s-l { -webkit-animation-duration: 2s; animation-duration: 2s; } .a-vs-l { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .a-bs-l { -webkit-animation-duration: 3s; animation-duration: 3s; } .a-ss-l { -webkit-animation-duration: 5s; animation-duration: 5s; } .a-normal-l { -webkit-animation-direction: normal; animation-direction: normal; } .a-reverse-l { -webkit-animation-direction: reverse; animation-direction: reverse; } .a-alternate-l { -webkit-animation-direction: alternate; animation-direction: alternate; } .a-alternate-reverse-l { -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; } .a-ease-l { -webkit-animation-timing-function: ease; animation-timing-function: ease; } .a-ease-in-l { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .a-ease-out-l { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .a-ease-in-out-l { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .a-linear-l { -webkit-animation-timing-function: linear; animation-timing-function: linear; } .a-step-start-l { -webkit-animation-timing-function: step-start; animation-timing-function: step-start; } .a-step-end-l { -webkit-animation-timing-function: step-end; animation-timing-function: step-end; } .a-infinite-l { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .a-2s-l { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .a-3s-l { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; } .a-4s-l { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; } .a-5s-l { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; } .a-10s-l { -webkit-animation-iteration-count: 10; animation-iteration-count: 10; } .a-paused-l { -webkit-animation-play-state: paused; animation-play-state: paused; } .a-running-l { -webkit-animation-play-state: running; animation-play-state: running; } .a-fill-none-l { -webkit-animation-fill-mode: none; animation-fill-mode: none; } .a-fill-forwards-l { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .a-fill-backwards-l { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .a-fill-both-l { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .a-delay-vf-l { -webkit-animation-delay: .25s; animation-delay: .25s; } .a-delay-f-l { -webkit-animation-delay: .5s; animation-delay: .5s; } .a-delay-n-l { -webkit-animation-delay: 1s; animation-delay: 1s; } .a-delay-s-l { -webkit-animation-delay: 2s; animation-delay: 2s; } .a-delay-vs-l { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .a--zoom-in-out-l { -webkit-animation-name: zoom-in-out; animation-name: zoom-in-out; } .a--zoom-out-in-l { -webkit-animation-name: zoom-out-in; animation-name: zoom-out-in; } .a--fade-in-l { -webkit-animation-name: fade-in; animation-name: fade-in; } .a--fade-out-l { -webkit-animation-name: fade-out; animation-name: fade-out; } .a--fade-in-out-l { -webkit-animation-name: fade-in-out; animation-name: fade-in-out; } .a--fade-out-in-l { -webkit-animation-name: fade-out-in; animation-name: fade-out-in; } .a--slide-to-top-l { -webkit-animation-name: slide-to-top; animation-name: slide-to-top; } .a--slide-to-right-l { -webkit-animation-name: slide-to-right; animation-name: slide-to-right; } .a--slide-to-bottom-l { -webkit-animation-name: slide-to-bottom; animation-name: slide-to-bottom; } .a--slide-to-left-l { -webkit-animation-name: slide-to-left; animation-name: slide-to-left; } .a--slide-toggle-top-l { -webkit-animation-name: slide-toggle-top; animation-name: slide-toggle-top; } .a--slide-toggle-right-l { -webkit-animation-name: slide-toggle-right; animation-name: slide-toggle-right; } .a--slide-toggle-bottom-l { -webkit-animation-name: slide-toggle-bottom; animation-name: slide-toggle-bottom; } .a--slide-toggle-left-l { -webkit-animation-name: slide-toggle-left; animation-name: slide-toggle-left; } .a--shake-l { -webkit-animation-name: shake; animation-name: shake; } .a--wobble-l { -webkit-animation-name: wobble; animation-name: wobble; } .a--rotate-l { -webkit-animation-name: rotate; animation-name: rotate; } .a--tilt-right-l { -webkit-animation-name: tilt-right; animation-name: tilt-right; } .a--tilt-left-l { -webkit-animation-name: tilt-left; animation-name: tilt-left; } .a--zoom-in-l { -webkit-animation-name: zoom-in; animation-name: zoom-in; } .a--zoom-out-l { -webkit-animation-name: zoom-out; animation-name: zoom-out; } .a-none-l { -webkit-animation: none; animation: none; } }