:root{--distance:2rem;--duration:500ms;--scale:1.25rem}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(1rem)}}@keyframes fadeInBottom{0%{opacity:0;bottom:-2rem}to{opacity:1;bottom:0}}.is-visible{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(0);transition-duration:.5s;transition-duration:var(--duration);transition-timing-function:ease-in-out;opacity:1}.is-visible[data-origin=left],.is-visible[data-origin=right]{transform:translateX(0)}.is-visible[data-origin=up]{transform:scale(100)}.is-invisible{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:translateY(2rem);transform:translateY(var(--distance));transition-duration:.5s;transition-duration:var(--duration);transition-timing-function:ease-in-out;opacity:0}.is-invisible[data-origin=right]{transform:translateX(2rem) translateY(0);transform:translateX(var(--distance)) translateY(0)}.is-invisible[data-origin=left]{transform:translateX(-2rem) translateY(0);transform:translateX(calc(var(--distance)*-1)) translateY(0)}.is-invisible[data-origin=up]{transform:scale(1.25rem) translateY(0);transform:scale(var(--scale)) translateY(0)}.float-up-down{animation:float 1.5s ease-in-out infinite alternate}