.animation{transition:opacity .8s ease-in-out,transform .8s ease-in-out}@media (min-width:48rem){.animation.fade{opacity:0}.animation.fade.visible{opacity:1}.animation.left{transform:translate(-25%)}.animation.left.visible{transform:translate(0)}.animation.right{transform:translate(25%)}.animation.right.visible{transform:translate(0)}.animation.top{transform:translateY(-25%)}.animation.top.visible{transform:translateY(0)}.animation.bottom{transform:translateY(25%)}.animation.bottom.visible{transform:translateY(0)}}