@media (min-width:768px){@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-from-top{animation:slideInFromTop .5s ease-out forwards}.animate-slide-in-from-bottom{animation:slideInFromBottom .5s ease-out forwards}}.swipe-container{position:relative;width:100%;height:100%;overflow:hidden}.slide{position:absolute;top:0;left:100%;width:100%;height:100%;transition:transform .5s ease-in-out;display:flex;justify-content:center;align-items:center}.slide.active{left:0;transform:translateX(0);z-index:1}.slide.inactive{left:100%;transform:translateX(0);z-index:0}.slide.animate.active{transform:translateX(-100%)}.slide.animate.inactive{transform:translateX(100%)}.swipe-container.swiping .slide.active{transform:translateX(-50%)}.swipe-container.swiping .slide.inactive{transform:translateX(50%)}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-from-left{animation:slideInFromLeft .5s ease-out forwards}.animate-slide-in-from-right{animation:slideInFromRight .5s ease-out forwards}