.message-enter{animation:.3s forwards slideInRight}.message-exit{animation:.3s forwards slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (width<=640px){.message-container{margin:0 12px;top:12px;left:0;right:0;transform:none}.message-enter{animation:.3s forwards slideInDown}.message-exit{animation:.3s forwards slideOutUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}}