.animation--zoom-in { transform: scale(0, 0); }
.animation--zoom-out { transform: scale(1, 1); }
.animation--fade-in { opacity: 0; }
.animation--fade-out { opacity: 1; }.animation--visible.animation--rotate-x-15deg, .animation--mouseover.animation--rotate-x-15deg, .animation--mouseout.animation--rotate-x-15deg, .animation--click.animation--rotate-x-15deg {
animation-name: rotate-x-15deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-30deg, .animation--mouseover.animation--rotate-x-30deg, .animation--mouseout.animation--rotate-x-30deg, .animation--click.animation--rotate-x-30deg {
animation-name: rotate-x-30deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-45deg, .animation--mouseover.animation--rotate-x-45deg, .animation--mouseout.animation--rotate-x-45deg, .animation--click.animation--rotate-x-45deg {
animation-name: rotate-x-45deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-60deg, .animation--mouseover.animation--rotate-x-60deg, .animation--mouseout.animation--rotate-x-60deg, .animation--click.animation--rotate-x-60deg {
animation-name: rotate-x-60deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-75deg, .animation--mouseover.animation--rotate-x-75deg, .animation--mouseout.animation--rotate-x-75deg, .animation--click.animation--rotate-x-75deg {
animation-name: rotate-x-75deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-90deg, .animation--mouseover.animation--rotate-x-90deg, .animation--mouseout.animation--rotate-x-90deg, .animation--click.animation--rotate-x-90deg {
animation-name: rotate-x-90deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-105deg, .animation--mouseover.animation--rotate-x-105deg, .animation--mouseout.animation--rotate-x-105deg, .animation--click.animation--rotate-x-105deg {
animation-name: rotate-x-105deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-120deg, .animation--mouseover.animation--rotate-x-120deg, .animation--mouseout.animation--rotate-x-120deg, .animation--click.animation--rotate-x-120deg {
animation-name: rotate-x-120deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-135deg, .animation--mouseover.animation--rotate-x-135deg, .animation--mouseout.animation--rotate-x-135deg, .animation--click.animation--rotate-x-135deg {
animation-name: rotate-x-135deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-150deg, .animation--mouseover.animation--rotate-x-150deg, .animation--mouseout.animation--rotate-x-150deg, .animation--click.animation--rotate-x-150deg {
animation-name: rotate-x-150deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-165deg, .animation--mouseover.animation--rotate-x-165deg, .animation--mouseout.animation--rotate-x-165deg, .animation--click.animation--rotate-x-165deg {
animation-name: rotate-x-165deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-180deg, .animation--mouseover.animation--rotate-x-180deg, .animation--mouseout.animation--rotate-x-180deg, .animation--click.animation--rotate-x-180deg {
animation-name: rotate-x-180deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-195deg, .animation--mouseover.animation--rotate-x-195deg, .animation--mouseout.animation--rotate-x-195deg, .animation--click.animation--rotate-x-195deg {
animation-name: rotate-x-195deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-210deg, .animation--mouseover.animation--rotate-x-210deg, .animation--mouseout.animation--rotate-x-210deg, .animation--click.animation--rotate-x-210deg {
animation-name: rotate-x-210deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-225deg, .animation--mouseover.animation--rotate-x-225deg, .animation--mouseout.animation--rotate-x-225deg, .animation--click.animation--rotate-x-225deg {
animation-name: rotate-x-225deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-240deg, .animation--mouseover.animation--rotate-x-240deg, .animation--mouseout.animation--rotate-x-240deg, .animation--click.animation--rotate-x-240deg {
animation-name: rotate-x-240deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-255deg, .animation--mouseover.animation--rotate-x-255deg, .animation--mouseout.animation--rotate-x-255deg, .animation--click.animation--rotate-x-255deg {
animation-name: rotate-x-255deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-270deg, .animation--mouseover.animation--rotate-x-270deg, .animation--mouseout.animation--rotate-x-270deg, .animation--click.animation--rotate-x-270deg {
animation-name: rotate-x-270deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-285deg, .animation--mouseover.animation--rotate-x-285deg, .animation--mouseout.animation--rotate-x-285deg, .animation--click.animation--rotate-x-285deg {
animation-name: rotate-x-285deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-300deg, .animation--mouseover.animation--rotate-x-300deg, .animation--mouseout.animation--rotate-x-300deg, .animation--click.animation--rotate-x-300deg {
animation-name: rotate-x-300deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-315deg, .animation--mouseover.animation--rotate-x-315deg, .animation--mouseout.animation--rotate-x-315deg, .animation--click.animation--rotate-x-315deg {
animation-name: rotate-x-315deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-330deg, .animation--mouseover.animation--rotate-x-330deg, .animation--mouseout.animation--rotate-x-330deg, .animation--click.animation--rotate-x-330deg {
animation-name: rotate-x-330deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-345deg, .animation--mouseover.animation--rotate-x-345deg, .animation--mouseout.animation--rotate-x-345deg, .animation--click.animation--rotate-x-345deg {
animation-name: rotate-x-345deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-x-360deg, .animation--mouseover.animation--rotate-x-360deg, .animation--mouseout.animation--rotate-x-360deg, .animation--click.animation--rotate-x-360deg {
animation-name: rotate-x-360deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-15deg, .animation--mouseover.animation--rotate-y-15deg, .animation--mouseout.animation--rotate-y-15deg, .animation--click.animation--rotate-y-15deg {
animation-name: rotate-y-15deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-30deg, .animation--mouseover.animation--rotate-y-30deg, .animation--mouseout.animation--rotate-y-30deg, .animation--click.animation--rotate-y-30deg {
animation-name: rotate-y-30deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-45deg, .animation--mouseover.animation--rotate-y-45deg, .animation--mouseout.animation--rotate-y-45deg, .animation--click.animation--rotate-y-45deg {
animation-name: rotate-y-45deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-60deg, .animation--mouseover.animation--rotate-y-60deg, .animation--mouseout.animation--rotate-y-60deg, .animation--click.animation--rotate-y-60deg {
animation-name: rotate-y-60deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-75deg, .animation--mouseover.animation--rotate-y-75deg, .animation--mouseout.animation--rotate-y-75deg, .animation--click.animation--rotate-y-75deg {
animation-name: rotate-y-75deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-90deg, .animation--mouseover.animation--rotate-y-90deg, .animation--mouseout.animation--rotate-y-90deg, .animation--click.animation--rotate-y-90deg {
animation-name: rotate-y-90deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-105deg, .animation--mouseover.animation--rotate-y-105deg, .animation--mouseout.animation--rotate-y-105deg, .animation--click.animation--rotate-y-105deg {
animation-name: rotate-y-105deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-120deg, .animation--mouseover.animation--rotate-y-120deg, .animation--mouseout.animation--rotate-y-120deg, .animation--click.animation--rotate-y-120deg {
animation-name: rotate-y-120deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-135deg, .animation--mouseover.animation--rotate-y-135deg, .animation--mouseout.animation--rotate-y-135deg, .animation--click.animation--rotate-y-135deg {
animation-name: rotate-y-135deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-150deg, .animation--mouseover.animation--rotate-y-150deg, .animation--mouseout.animation--rotate-y-150deg, .animation--click.animation--rotate-y-150deg {
animation-name: rotate-y-150deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-165deg, .animation--mouseover.animation--rotate-y-165deg, .animation--mouseout.animation--rotate-y-165deg, .animation--click.animation--rotate-y-165deg {
animation-name: rotate-y-165deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-180deg, .animation--mouseover.animation--rotate-y-180deg, .animation--mouseout.animation--rotate-y-180deg, .animation--click.animation--rotate-y-180deg {
animation-name: rotate-y-180deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-195deg, .animation--mouseover.animation--rotate-y-195deg, .animation--mouseout.animation--rotate-y-195deg, .animation--click.animation--rotate-y-195deg {
animation-name: rotate-y-195deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-210deg, .animation--mouseover.animation--rotate-y-210deg, .animation--mouseout.animation--rotate-y-210deg, .animation--click.animation--rotate-y-210deg {
animation-name: rotate-y-210deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-225deg, .animation--mouseover.animation--rotate-y-225deg, .animation--mouseout.animation--rotate-y-225deg, .animation--click.animation--rotate-y-225deg {
animation-name: rotate-y-225deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-240deg, .animation--mouseover.animation--rotate-y-240deg, .animation--mouseout.animation--rotate-y-240deg, .animation--click.animation--rotate-y-240deg {
animation-name: rotate-y-240deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-255deg, .animation--mouseover.animation--rotate-y-255deg, .animation--mouseout.animation--rotate-y-255deg, .animation--click.animation--rotate-y-255deg {
animation-name: rotate-y-255deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-270deg, .animation--mouseover.animation--rotate-y-270deg, .animation--mouseout.animation--rotate-y-270deg, .animation--click.animation--rotate-y-270deg {
animation-name: rotate-y-270deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-285deg, .animation--mouseover.animation--rotate-y-285deg, .animation--mouseout.animation--rotate-y-285deg, .animation--click.animation--rotate-y-285deg {
animation-name: rotate-y-285deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-300deg, .animation--mouseover.animation--rotate-y-300deg, .animation--mouseout.animation--rotate-y-300deg, .animation--click.animation--rotate-y-300deg {
animation-name: rotate-y-300deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-315deg, .animation--mouseover.animation--rotate-y-315deg, .animation--mouseout.animation--rotate-y-315deg, .animation--click.animation--rotate-y-315deg {
animation-name: rotate-y-315deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-330deg, .animation--mouseover.animation--rotate-y-330deg, .animation--mouseout.animation--rotate-y-330deg, .animation--click.animation--rotate-y-330deg {
animation-name: rotate-y-330deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-345deg, .animation--mouseover.animation--rotate-y-345deg, .animation--mouseout.animation--rotate-y-345deg, .animation--click.animation--rotate-y-345deg {
animation-name: rotate-y-345deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-y-360deg, .animation--mouseover.animation--rotate-y-360deg, .animation--mouseout.animation--rotate-y-360deg, .animation--click.animation--rotate-y-360deg {
animation-name: rotate-y-360deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-15deg, .animation--mouseover.animation--rotate-z-15deg, .animation--mouseout.animation--rotate-z-15deg, .animation--click.animation--rotate-z-15deg {
animation-name: rotate-z-15deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-30deg, .animation--mouseover.animation--rotate-z-30deg, .animation--mouseout.animation--rotate-z-30deg, .animation--click.animation--rotate-z-30deg {
animation-name: rotate-z-30deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-45deg, .animation--mouseover.animation--rotate-z-45deg, .animation--mouseout.animation--rotate-z-45deg, .animation--click.animation--rotate-z-45deg {
animation-name: rotate-z-45deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-60deg, .animation--mouseover.animation--rotate-z-60deg, .animation--mouseout.animation--rotate-z-60deg, .animation--click.animation--rotate-z-60deg {
animation-name: rotate-z-60deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-75deg, .animation--mouseover.animation--rotate-z-75deg, .animation--mouseout.animation--rotate-z-75deg, .animation--click.animation--rotate-z-75deg {
animation-name: rotate-z-75deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-90deg, .animation--mouseover.animation--rotate-z-90deg, .animation--mouseout.animation--rotate-z-90deg, .animation--click.animation--rotate-z-90deg {
animation-name: rotate-z-90deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-105deg, .animation--mouseover.animation--rotate-z-105deg, .animation--mouseout.animation--rotate-z-105deg, .animation--click.animation--rotate-z-105deg {
animation-name: rotate-z-105deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-120deg, .animation--mouseover.animation--rotate-z-120deg, .animation--mouseout.animation--rotate-z-120deg, .animation--click.animation--rotate-z-120deg {
animation-name: rotate-z-120deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-135deg, .animation--mouseover.animation--rotate-z-135deg, .animation--mouseout.animation--rotate-z-135deg, .animation--click.animation--rotate-z-135deg {
animation-name: rotate-z-135deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-150deg, .animation--mouseover.animation--rotate-z-150deg, .animation--mouseout.animation--rotate-z-150deg, .animation--click.animation--rotate-z-150deg {
animation-name: rotate-z-150deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-165deg, .animation--mouseover.animation--rotate-z-165deg, .animation--mouseout.animation--rotate-z-165deg, .animation--click.animation--rotate-z-165deg {
animation-name: rotate-z-165deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-180deg, .animation--mouseover.animation--rotate-z-180deg, .animation--mouseout.animation--rotate-z-180deg, .animation--click.animation--rotate-z-180deg {
animation-name: rotate-z-180deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-195deg, .animation--mouseover.animation--rotate-z-195deg, .animation--mouseout.animation--rotate-z-195deg, .animation--click.animation--rotate-z-195deg {
animation-name: rotate-z-195deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-210deg, .animation--mouseover.animation--rotate-z-210deg, .animation--mouseout.animation--rotate-z-210deg, .animation--click.animation--rotate-z-210deg {
animation-name: rotate-z-210deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-225deg, .animation--mouseover.animation--rotate-z-225deg, .animation--mouseout.animation--rotate-z-225deg, .animation--click.animation--rotate-z-225deg {
animation-name: rotate-z-225deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-240deg, .animation--mouseover.animation--rotate-z-240deg, .animation--mouseout.animation--rotate-z-240deg, .animation--click.animation--rotate-z-240deg {
animation-name: rotate-z-240deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-255deg, .animation--mouseover.animation--rotate-z-255deg, .animation--mouseout.animation--rotate-z-255deg, .animation--click.animation--rotate-z-255deg {
animation-name: rotate-z-255deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-270deg, .animation--mouseover.animation--rotate-z-270deg, .animation--mouseout.animation--rotate-z-270deg, .animation--click.animation--rotate-z-270deg {
animation-name: rotate-z-270deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-285deg, .animation--mouseover.animation--rotate-z-285deg, .animation--mouseout.animation--rotate-z-285deg, .animation--click.animation--rotate-z-285deg {
animation-name: rotate-z-285deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-300deg, .animation--mouseover.animation--rotate-z-300deg, .animation--mouseout.animation--rotate-z-300deg, .animation--click.animation--rotate-z-300deg {
animation-name: rotate-z-300deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-315deg, .animation--mouseover.animation--rotate-z-315deg, .animation--mouseout.animation--rotate-z-315deg, .animation--click.animation--rotate-z-315deg {
animation-name: rotate-z-315deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-330deg, .animation--mouseover.animation--rotate-z-330deg, .animation--mouseout.animation--rotate-z-330deg, .animation--click.animation--rotate-z-330deg {
animation-name: rotate-z-330deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-345deg, .animation--mouseover.animation--rotate-z-345deg, .animation--mouseout.animation--rotate-z-345deg, .animation--click.animation--rotate-z-345deg {
animation-name: rotate-z-345deg; animation-fill-mode: forwards;
}.animation--visible.animation--rotate-z-360deg, .animation--mouseover.animation--rotate-z-360deg, .animation--mouseout.animation--rotate-z-360deg, .animation--click.animation--rotate-z-360deg {
animation-name: rotate-z-360deg; animation-fill-mode: forwards;
}.animation--visible.animation--move, .animation--mouseover.animation--move, .animation--mouseout.animation--move, .animation--click.animation--move {}.animation--visible.animation--fade-in, .animation--mouseover.animation--fade-in, .animation--mouseout.animation--fade-in, .animation--click.animation--fade-in { animation-name: fade-in; animation-fill-mode: forwards; }.animation--visible.animation--fade-out, .animation--mouseover.animation--fade-out, .animation--mouseout.animation--fade-out, .animation--click.animation--fade-out { animation-name: fade-out; animation-fill-mode: forwards; }.animation--visible.animation--zoom-in, .animation--mouseover.animation--zoom-in, .animation--mouseout.animation--zoom-in, .animation--click.animation--zoom-in { animation-name: zoom-in; animation-fill-mode: forwards; }.animation--visible.animation--zoom-out, .animation--mouseover.animation--zoom-out, .animation--mouseout.animation--zoom-out, .animation--click.animation--zoom-out { animation-name: zoom-out; animation-fill-mode: forwards; }.animation--visible.animation--count-infinite, .animation--mouseover.animation--count-infinite, .animation--mouseout.animation--count-infinite, .animation--click.animation--count-infinite {
animation-iteration-count: infinite;
}.animation--visible.animation--count, .animation--mouseover.animation--count, .animation--mouseout.animation--count, .animation--click.animation--count {

&-0 {
animation-iteration-count: 0;
}&-1 {
animation-iteration-count: 1;
}&-2 {
animation-iteration-count: 2;
}&-3 {
animation-iteration-count: 3;
}&-4 {
animation-iteration-count: 4;
}&-5 {
animation-iteration-count: 5;
}&-6 {
animation-iteration-count: 6;
}&-7 {
animation-iteration-count: 7;
}&-8 {
animation-iteration-count: 8;
}&-9 {
animation-iteration-count: 9;
}&-10 {
animation-iteration-count: 10;
}&-11 {
animation-iteration-count: 11;
}&-12 {
animation-iteration-count: 12;
} }.animation--visible.animation--duration-3x-fast, .animation--mouseover.animation--duration-3x-fast, .animation--mouseout.animation--duration-3x-fast, .animation--click.animation--duration-3x-fast {
animation-duration: 0.15s;
transition: all 0.15s;
}.animation--visible.animation--duration-2x-fast, .animation--mouseover.animation--duration-2x-fast, .animation--mouseout.animation--duration-2x-fast, .animation--click.animation--duration-2x-fast {
animation-duration: 0.25s;
transition: all 0.25s;
}.animation--visible.animation--duration-1x-fast, .animation--mouseover.animation--duration-1x-fast, .animation--mouseout.animation--duration-1x-fast, .animation--click.animation--duration-1x-fast {
animation-duration: 0.35s;
transition: all 0.35s;
}.animation--visible.animation--duration-x-fast, .animation--mouseover.animation--duration-x-fast, .animation--mouseout.animation--duration-x-fast, .animation--click.animation--duration-x-fast {
animation-duration: 0.45s;
transition: all 0.45s;
}.animation--visible.animation--duration-fast, .animation--mouseover.animation--duration-fast, .animation--mouseout.animation--duration-fast, .animation--click.animation--duration-fast {
animation-duration: 0.5s;
transition: all 0.5s;
}.animation--visible.animation--duration-medium-fast, .animation--mouseover.animation--duration-medium-fast, .animation--mouseout.animation--duration-medium-fast, .animation--click.animation--duration-medium-fast {
animation-duration: 1s;
transition: all 1s;
}.animation--visible.animation--duration-medium, .animation--mouseover.animation--duration-medium, .animation--mouseout.animation--duration-medium, .animation--click.animation--duration-medium {
animation-duration: 1.5s;
transition: all 1.5s;
}.animation--visible.animation--duration-medium-slow, .animation--mouseover.animation--duration-medium-slow, .animation--mouseout.animation--duration-medium-slow, .animation--click.animation--duration-medium-slow {
animation-duration: 2s;
transition: all 2s;
}.animation--visible.animation--duration-slow, .animation--mouseover.animation--duration-slow, .animation--mouseout.animation--duration-slow, .animation--click.animation--duration-slow {
animation-duration: 2.5s;
transition: all 2.5s;
}.animation--visible.animation--duration-1x-slow, .animation--mouseover.animation--duration-1x-slow, .animation--mouseout.animation--duration-1x-slow, .animation--click.animation--duration-1x-slow {
animation-duration: 3s;
transition: all 3s;
}.animation--visible.animation--duration-2x-slow, .animation--mouseover.animation--duration-2x-slow, .animation--mouseout.animation--duration-2x-slow, .animation--click.animation--duration-2x-slow {
animation-duration: 3.5s;
transition: all 3.5s;
}.animation--visible.animation--duration-3x-slow, .animation--mouseover.animation--duration-3x-slow, .animation--mouseout.animation--duration-3x-slow, .animation--click.animation--duration-3x-slow {
animation-duration: 4s;
transition: all 4s;
}.animation--visible.animation--delay-3x-short, .animation--mouseover.animation--delay-3x-short, .animation--mouseout.animation--delay-3x-short, .animation--click.animation--delay-3x-short {
animation-delay: 0.15s;
}.animation--visible.animation--delay-2x-short, .animation--mouseover.animation--delay-2x-short, .animation--mouseout.animation--delay-2x-short, .animation--click.animation--delay-2x-short {
animation-delay: 0.25s;
}.animation--visible.animation--delay-1x-short, .animation--mouseover.animation--delay-1x-short, .animation--mouseout.animation--delay-1x-short, .animation--click.animation--delay-1x-short {
animation-delay: 0.35s;
}.animation--visible.animation--delay-x-short, .animation--mouseover.animation--delay-x-short, .animation--mouseout.animation--delay-x-short, .animation--click.animation--delay-x-short {
animation-delay: 0.45s;
}.animation--visible.animation--delay-short, .animation--mouseover.animation--delay-short, .animation--mouseout.animation--delay-short, .animation--click.animation--delay-short {
animation-delay: 0.5s;
}.animation--visible.animation--delay-medium-short, .animation--mouseover.animation--delay-medium-short, .animation--mouseout.animation--delay-medium-short, .animation--click.animation--delay-medium-short {
animation-delay: 1s;
}.animation--visible.animation--delay-medium, .animation--mouseover.animation--delay-medium, .animation--mouseout.animation--delay-medium, .animation--click.animation--delay-medium {
animation-delay: 1.5s;
}.animation--visible.animation--delay-medium-long, .animation--mouseover.animation--delay-medium-long, .animation--mouseout.animation--delay-medium-long, .animation--click.animation--delay-medium-long {
animation-delay: 2s;
}.animation--visible.animation--delay-long, .animation--mouseover.animation--delay-long, .animation--mouseout.animation--delay-long, .animation--click.animation--delay-long {
animation-delay: 2.5s;
}.animation--visible.animation--delay-1x-long, .animation--mouseover.animation--delay-1x-long, .animation--mouseout.animation--delay-1x-long, .animation--click.animation--delay-1x-long {
animation-delay: 3s;
}.animation--visible.animation--delay-2x-long, .animation--mouseover.animation--delay-2x-long, .animation--mouseout.animation--delay-2x-long, .animation--click.animation--delay-2x-long {
animation-delay: 3.5s;
}.animation--visible.animation--delay-3x-long, .animation--mouseover.animation--delay-3x-long, .animation--mouseout.animation--delay-3x-long, .animation--click.animation--delay-3x-long {
animation-delay: 4s;
}