:root{--distance:2rem;--duration:500ms;--scale:1.2;--float-percentage:25%}@-webkit-keyframes rotate{to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotate{to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes floatX{to{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}}@keyframes floatX{to{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}}@-webkit-keyframes floatY{to{-webkit-transform:translateY(.25rem);transform:translateY(.25rem)}}@keyframes floatY{to{-webkit-transform:translateY(.25rem);transform:translateY(.25rem)}}@-webkit-keyframes floatXY{0%,to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}33%{-webkit-transform:translateX(0) translateY(-25%);transform:translateX(0) translateY(-25%);-webkit-transform:translateX(0) translateY(calc(var(--float-percentage)*-1));transform:translateX(0) translateY(calc(var(--float-percentage)*-1))}66%{-webkit-transform:translateX(25%) translateY(25%);transform:translateX(25%) translateY(25%);-webkit-transform:translateX(var(--float-percentage)) translateY(var(--float-percentage));transform:translateX(var(--float-percentage)) translateY(var(--float-percentage))}}@keyframes floatXY{0%,to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}33%{-webkit-transform:translateX(0) translateY(-25%);transform:translateX(0) translateY(-25%);-webkit-transform:translateX(0) translateY(calc(var(--float-percentage)*-1));transform:translateX(0) translateY(calc(var(--float-percentage)*-1))}66%{-webkit-transform:translateX(25%) translateY(25%);transform:translateX(25%) translateY(25%);-webkit-transform:translateX(var(--float-percentage)) translateY(var(--float-percentage));transform:translateX(var(--float-percentage)) translateY(var(--float-percentage))}}.is-visible{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:1}.is-visible[data-origin=left],.is-visible[data-origin=right]{-webkit-transform:translateX(0);transform:translateX(0)}.is-visible[data-origin=up]{-webkit-transform:scale(1);transform:scale(1)}.is-invisible{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transform:translateY(2rem);transform:translateY(2rem);-webkit-transform:translateY(var(--distance));transform:translateY(var(--distance));-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:0}.is-invisible[data-origin=right]{-webkit-transform:translateX(2rem) translateY(0);transform:translateX(2rem) translateY(0);-webkit-transform:translateX(var(--distance)) translateY(0);transform:translateX(var(--distance)) translateY(0)}.is-invisible[data-origin=left]{-webkit-transform:translateX(-2rem) translateY(0);transform:translateX(-2rem) translateY(0);-webkit-transform:translateX(calc(var(--distance)*-1)) translateY(0);transform:translateX(calc(var(--distance)*-1)) translateY(0)}.is-invisible[data-origin=up]{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0);-webkit-transform:scale(var(--scale)) translateY(0);transform:scale(var(--scale)) translateY(0)}