@keyframes right{0%{transform:translate(100%)}to{transform:translate(0)}}.right-duration{transition:all .4s ease-in-out;animation:.4s ease-in-out forwards right}@keyframes left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes left-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.left-duration{transition:all .4s ease-in-out;animation:.4s ease-in-out left}@keyframes top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.top-duration{transition:all .4s ease-in-out;animation:.4s ease-in-out forwards top}@keyframes bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-duration{transition:all .4s ease-in-out;animation:.4s ease-in-out forwards bottom}