:root{--distance:1rem;--duration:500ms;--scale:1.25rem}@-webkit-keyframes float{0%{transform:translateY(0)}to{transform:translateY(1rem)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(1rem)}}.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(1rem);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(1rem) translateY(0);transform:translateX(var(--distance)) translateY(0)}.is-invisible[data-origin=left]{transform:translateX(-1rem) 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)}