.flip-container{perspective:1000px}.flipper{transition:transform .5s cubic-bezier(.33,1,.68,1),opacity .5s cubic-bezier(.33,1,.68,1);transform-style:preserve-3d;position:relative;will-change:transform,opacity}.right-side-fade{animation:fadeIn .5s ease-out forwards}.right-image-exit{animation:fadeOut .5s ease-out forwards}.right-image-enter,.right-image-exit{position:absolute;top:0;left:0;width:100%;height:100%}.right-image-enter{animation:fadeIn .5s ease-out forwards;opacity:0}.flip-exit{animation:flipOut .45s cubic-bezier(.33,1,.68,1) forwards;animation-delay:0s!important}@keyframes flipOut{0%{transform:rotateY(0deg);opacity:1}15%{transform:rotateY(25deg);opacity:.85}30%{transform:rotateY(50deg);opacity:.6}50%{transform:rotateY(70deg);opacity:.3}70%{transform:rotateY(85deg);opacity:.1}to{transform:rotateY(90deg);opacity:0}}@keyframes flipIn{0%{transform:rotateY(-90deg);opacity:0}15%{transform:rotateY(-85deg);opacity:.1}30%{transform:rotateY(-70deg);opacity:.3}50%{transform:rotateY(-50deg);opacity:.6}70%{transform:rotateY(-25deg);opacity:.85}to{transform:rotateY(0deg);opacity:1}}.page-enter{animation:flipIn .45s cubic-bezier(.33,1,.68,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateX(20px)}25%{opacity:.25;transform:translateX(15px)}50%{opacity:.5;transform:translateX(10px)}75%{opacity:.75;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.crossfade-container{position:relative;width:100%;height:100%;overflow:hidden;padding:20px}.crossfade-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;align-items:center;justify-content:center}.image-content-wrapper{width:580px;height:420px;position:relative;margin:0 auto;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.crossfade-active{opacity:1;transform:translateX(0);z-index:2;transition-timing-function:ease-out}.crossfade-inactive{transform:translateX(20px)}.crossfade-exit,.crossfade-inactive{opacity:0;z-index:1;transition-timing-function:ease-out}.crossfade-exit{transform:translateX(-20px)}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}25%{opacity:.75;transform:translateX(-5px)}50%{opacity:.5;transform:translateX(-10px)}75%{opacity:.25;transform:translateX(-15px)}to{opacity:0;transform:translateX(-20px)}}