@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatUpDownReverse{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.float{animation:5s ease-in-out infinite floatUpDown}.float-reverse{animation:6s ease-in-out infinite floatUpDownReverse}@keyframes fadeUp{0%{opacity:0;transform:translateY(var(--distance,20px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(calc(var(--distance,20px) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translateX(var(--distance,20px))}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translateX(calc(var(--distance,20px) * -1))}to{opacity:1;transform:translate(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(var(--scale,.95))}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp var(--duration,.6s) ease-out both}.fade-down{animation:fadeDown var(--duration,.6s) ease-out both}.fade-left{animation:fadeLeft var(--duration,.6s) ease-out both}.fade-right{animation:fadeRight var(--duration,.6s) ease-out both}.fade-scale{animation:fadeScale var(--duration,.5s) ease-out both}