.float-down-enter-from,.float-down-leave-to{transform:translate(var(--float-distance, 200px)) translateY(var(--float-distance, -200px));opacity:0}.float-down-enter-active,.float-down-leave-active{transition:transform var(--float-duration, .6s) cubic-bezier(.2,.9,.2,1),opacity var(--float-duration, .6s) linear}.float-down-enter-to,.float-down-leave-from{transform:translateY(0);opacity:1}.float-up-enter-from,.float-up-leave-to{transform:translateY(var(--float-distance, 40px));opacity:0}.float-up-enter-active,.float-up-leave-active{transition:transform var(--float-duration, .4s) cubic-bezier(.2,.9,.2,1),opacity var(--float-duration, .4s) linear}.float-up-enter-to,.float-up-leave-from{transform:translateY(0);opacity:1}.card{width:100%;height:25rem;margin:1rem auto;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg);background:#e7b5b2}