:root{--distance:1rem;--duration:500ms;--scale:1.25rem;--circles-distance:calc(var(--distance)*0.5)}@keyframes wiggle1{0%,7%{transform:rotate(0)}15%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}25%{transform:rotate(-3deg)}30%{transform:rotate(2deg)}35%{transform:rotate(-1deg)}40%,to{transform:rotate(0)}}@keyframes rotate{to{transform:rotate(359deg)}}@keyframes floating{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}@keyframes fadeIn{0%{opacity:0;transform:scale(0) translateY(-10rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scaleOut{to{opacity:0;transform:translateY(-20rem) scale(.5)}}@keyframes slideOut{to{opacity:0;transform:translateX(-40rem)}}@keyframes slideIn{0%{opacity:0;transform:translateX(40rem)}}.is-visible{opacity:1;transform:translateY(0);transition-duration:.15s;transition-duration:.5s;transition-duration:var(--duration);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:ease-in-out;&[data-origin=left],&[data-origin=right]{transform:translateX(0)}&[data-origin=up]{transform:scale(100)}}.is-invisible{opacity:0;transform:translateY(1rem);transform:translateY(var(--distance));transition-duration:.15s;transition-duration:.5s;transition-duration:var(--duration);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:ease-in-out;&[data-origin=right]{transform:translateX(1rem) translateY(0);transform:translateX(var(--distance)) translateY(0)}&[data-origin=left]{transform:translateX(-1rem) translateY(0);transform:translateX(calc(var(--distance)*-1)) translateY(0)}&[data-origin=up]{transform:scale(1.25rem) translateY(0);transform:scale(var(--scale)) translateY(0)}}.anim-floating{animation:floating 40s linear infinite both}