.reveal{opacity:0;-webkit-transition:1s all ease;transition:1s all ease}.reveal.active{opacity:1}.active.fade{animation:fade var(--animation-time,1s) var(--animation-delay,0s) ease-in-out backwards}.active.fade-bottom{animation:fade-bottom var(--animation-time,1s) var(--animation-delay,0s) ease-in-out backwards}.active.fade-left{animation:fade-left var(--animation-time,1s) var(--animation-delay,0s) ease-in-out backwards}.active.fade-right{animation:fade-right var(--animation-time,1s) var(--animation-delay,0s) ease-in-out backwards}@keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-left{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-right{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}