:root{--distance:2rem;--duration:500ms;--scale:1.25rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(1rem)}}@keyframes fadeInBottom{0%{opacity:0;bottom:-2rem}to{opacity:1;bottom:0}}@keyframes fadeInScale{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes shake{0%{transform:translateX(0)}25%,75%{transform:translateX(1px)}50%{transform:translateX(-1px)}to{transform:translateX(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}