:root{--transition-duration:0.7s;--transition-delay:0.4s;--translate-distance:50px}.fade-in{opacity:0;transition:all .7s .4s;transition:all var(--transition-duration) var(--transition-delay)}.fade-in-bottom,.fade-in-left,.fade-in-right,.fade-in-top{opacity:0;transition:all .7s .4s,transform .7s .4s;transition:all var(--transition-duration) var(--transition-delay),transform var(--transition-duration) var(--transition-delay)}.fade-in-right{transform:translateX(50px);transform:translateX(var(--translate-distance))}.fade-in-left{transform:translateX(-50px);transform:translateX(calc(var(--translate-distance)*-1))}.fade-in-top{transform:translateY(-50px);transform:translateY(calc(var(--translate-distance)*-1))}.fade-in-bottom{transform:translateY(50px);transform:translateY(var(--translate-distance))}.visible{opacity:1;transform:translateX(0) translateY(0)}