.use-left{opacity:0;transform:translate(-2.5rem);transition:transform .7s ease-out,opacity .7s ease-out}.use-right{opacity:0;transform:translate(2.5rem);transition:transform .7s ease-out,opacity .7s ease-out}.with-opacity{opacity:1;transition:opacity .7s ease-out}.use-bottom{transform:translateY(2.5rem);transition:transform .7s ease-out,opacity .7s ease-out}.use-left.l-visible,.use-right.r-visible{opacity:1;transform:translate(0)}.use-bottom.b-visible{transform:translateY(0)}.use-shine{position:relative;overflow:hidden}.use-shine:before{content:"";position:absolute;top:0;left:-75%;width:30%;height:100%;background:linear-gradient(120deg,#fff0,#fff3,#fff0);transform:skew(-30deg);animation:shine 2s forwards}.stagger-200{transition-delay:.2s}.stagger-300{transition-delay:.3s}.stagger-400{transition-delay:.4s}.stagger-500{transition-delay:.5s}.stagger-600{transition-delay:.6s}@keyframes shine{0%{left:-75%}to{left:200%}}@media (min-width: 768px){.use-shine:before{left:-75%;width:30%;height:100%;background:linear-gradient(120deg,#fff0,#fff3,#fff0);transform:skew(-25deg);animation:shine 2s forwards}@keyframes shine{0%{left:-75%}to{left:155%}}}@media (min-width: 1280px){.stagger-xl-200{transition-delay:.2s}.stagger-xl-300{transition-delay:.3s}}@media (prefers-reduced-motion: reduce){.use-shine:before{animation:none!important}}