@keyframes slide-out-right { 0% { transform: translateX(0); } 100% { transform: translateX(100%);  } } @keyframes slide-in-left { 0% { transform: translateX(-100%);  } 100% { transform: translateX(0);  } } @keyframes slide-out-up { 0% { transform: translateY(0);  } 100% { transform: translateY(-100%);  } }  @keyframes slide-in-down { 0% { transform: translateY(100%);  } 100% { transform: translateY(0);  } }